f.weber/homebrewery
0
0
Fork 0
mirror of https://github.com/naturalcrit/homebrewery.git synced 2026-09-23 11:52:58 +00:00
Code Wiki Activity

lint

Browse Source
This commit is contained in:
Víctor Losada Hernández
2026-09-12 14:55:15 +02:00
parent 467e5ee87f
commit 1224cf7011
2 changed files with 23 additions and 23 deletions
Download Patch File Download Diff File Expand all files Collapse all files
client/homebrew/pages/basePages/listPage/brewItem/brewItem.less
+12 -12
View File
@@ -2,14 +2,14 @@
@import '@themes/assets/assets.less'; @import '@themes/assets/assets.less';
@import url('https://fonts.googleapis.com/css2?family=Alata&display=swap'); @import url('https://fonts.googleapis.com/css2?family=Alata&display=swap');
.brewItem { .brewItem {
display:flex;
flex-direction : column;
position : relative; position : relative;
display : flex;
flex-direction : column;
overflow : hidden; overflow : hidden;
font-size : 15px; font-size : 15px;
isolation : isolate;
break-inside : avoid; break-inside : avoid;
-webkit-column-break-inside : avoid; -webkit-column-break-inside : avoid;
isolation : isolate;
.thumbnail { .thumbnail {
position : absolute; position : absolute;
top : 0; top : 0;
@@ -23,7 +23,7 @@
} }
.text { .text {
h2 { h2 {
font-family : "Alata"; font-family : 'Alata';
font-size : 1.25em; font-size : 1.25em;
} }
} }
@@ -90,14 +90,14 @@
a, a,
button { button {
display : block; display : block;
align-content : center;
width : 100%; width : 100%;
height : 100%;
font-size : 1.3em; font-size : 1.3em;
color : white; color : white;
text-align : center;
text-decoration : unset; text-decoration : unset;
align-content : center;
height : 100%;
text-align : center;
i { cursor : pointer; } i { cursor : pointer; }
} }
@@ -171,8 +171,8 @@
width : 100%; width : 100%;
height : 50px; height : 50px;
color : white; color : white;
background : #666; background : #666666;
.thumbnail { display:none; } .thumbnail { display : none; }
.text { .text {
padding-left : 10px; padding-left : 10px;
h2 { h2 {
@@ -298,7 +298,7 @@
height : 400px; height : 400px;
padding : 100px 10px 50px; padding : 100px 10px 50px;
color : white; color : white;
background-color : #555; background-color : #555555;
background-image : url('@themes/assets/naturalCritLogoBlack.svg'); background-image : url('@themes/assets/naturalCritLogoBlack.svg');
background-repeat : no-repeat; background-repeat : no-repeat;
background-position : center 20%; background-position : center 20%;
@@ -315,13 +315,13 @@
display : block; display : block;
height : 50%; height : 50%;
content : ''; content : '';
background-image : linear-gradient(0deg, #555F 0, #5550 90%); background-image : linear-gradient(0deg, #555555FF 0, #55555500 90%);
transition : height 0.2s; transition : height 0.2s;
} }
&:hover { &:hover {
&::before { &::before {
height : 100%; height : 100%;
background-image : linear-gradient(0deg, #555F 0, #555F 55%, #5550 65%); background-image : linear-gradient(0deg, #555555FF 0, #555555FF 55%, #55555500 65%);
} }
.text .description { height : fit-content; } .text .description { height : fit-content; }
} }
client/homebrew/pages/basePages/listPage/listPage.less
+11 -11
View File
@@ -3,14 +3,14 @@
.listPage { .listPage {
.content { .content {
padding: clamp(20px, 5vh, 200px) clamp(20px, 20vw, 200px); padding : clamp(20px, 5vh, 200px) clamp(20px, 20vw, 200px);
.noBrews { .noBrews {
margin : 10px 0px; margin : 10px 0px;
font-size : 1.3em; font-size : 1.3em;
font-style : italic; font-style : italic;
color:white; font-weight : 900;
font-weight:900; color : white;
} }
.brewCollection { .brewCollection {
h1 { h1 {
@@ -54,7 +54,7 @@
--columns : 4; --columns : 4;
display : grid; display : grid;
grid-template-columns : repeat(var(--columns), 1fr); grid-template-columns : repeat(var(--columns), 1fr);
gap : 20px; gap : 20px;
justify-items : center; justify-items : center;
@media screen and (max-width : 1700px) {--columns : 3;} @media screen and (max-width : 1700px) {--columns : 3;}
@@ -85,10 +85,10 @@
height : fit-content; height : fit-content;
font-family : 'Open Sans', sans-serif; font-family : 'Open Sans', sans-serif;
color : white; color : white;
background : #555; background : #555555;
border-top : 1px solid #666; border-top : 1px solid #666666;
border-bottom : 1px solid #666; border-bottom : 1px solid #666666;
row-rule : 1px solid #666; row-rule : 1px solid #666666;
> div { > div {
width : fit-content; width : fit-content;