f.weber/homebrewery
0
0
Fork 0
mirror of https://github.com/naturalcrit/homebrewery.git synced 2026-09-20 14:32:57 +00:00
Code Wiki Activity

simplifying css 1

Browse Source
This commit is contained in:
Víctor Losada Hernández
2026-09-10 00:26:03 +02:00
parent 43ba216bfa
commit 1fe1738419
2 changed files with 11 additions and 40 deletions
Download Patch File Download Diff File Expand all files Collapse all files
client/homebrew/pages/basePages/listPage/brewItem/brewItem.less
+4 -17
View File
@@ -28,8 +28,6 @@
}
}
.info {
position : initial;
bottom : 2px;
font-size : 1.2em;
& > span { line-height : 1.5em; }
a { color : inherit; }
@@ -77,7 +75,7 @@
background-color : fade(black, 60%);
a,
button {
.animate(opacity);
display : block;
width : 100%;
margin : 8px 0px;
@@ -104,15 +102,10 @@
}
.grid > .brewItem {
position : relative;
box-sizing : border-box;
display : inline-block;
width : clamp(300px, 48%, 600px);
width : clamp(300px, 48%, 500px);
min-height : 125px;
padding : 5px 15px 2px 6px;
padding-right : 15px;
overflow : hidden;
vertical-align : top;
background-color : #CAB2802E;
background-image : url('https://ik.imagekit.io/5eCleric/background%20note.png');
background-size : cover;
@@ -120,9 +113,6 @@
border-radius : 5px;
box-shadow : 0px 4px 5px 0px #333333;
isolation : isolate;
break-inside : avoid;
-webkit-column-break-inside : avoid;
break-inside : avoid;
.thumbnail {
position : absolute;
top : 0;
@@ -145,9 +135,6 @@
}
}
.info {
position : initial;
bottom : 2px;
font-size : 0.9em;
& > span {
margin-right : 12px;
@@ -196,7 +183,7 @@
.links { opacity : 1; }
}
.links {
.animate(opacity);
position : absolute;
top : 0px;
right : 0px;
@@ -207,7 +194,7 @@
opacity : 0;
a,
button {
.animate(opacity);
display : block;
width : 100%;
margin : 8px 0px;
client/homebrew/pages/basePages/listPage/listPage.less
+7 -23
View File
@@ -1,32 +1,16 @@
@import url('https://fonts.googleapis.com/css2?family=Alata&display=swap');
@import '@sharedStyles/colors.less';
.noColumns() {
-webkit-column-width : auto;
-moz-column-width : auto;
column-width : auto;
-webkit-column-count : auto;
-moz-column-count : auto;
column-count : auto;
column-fill : auto;
-webkit-column-gap : normal;
-moz-column-gap : normal;
column-gap : normal;
height : auto;
min-height : 279.4mm;
margin : 20px auto;
contain : unset;
}
.listPage {
.content {
z-index : 1;
padding-block : clamp(20px, 5vh, 200px);
padding-inline : clamp(20px, 20vw, 200px);
padding: clamp(20px, 5vh, 200px) clamp(20px, 20vw, 200px);
.noBrews {
margin : 10px 0px;
font-size : 1.3em;
font-style : italic;
color:white;
font-weight:900;
}
.brewCollection {
h1 {
@@ -101,10 +85,10 @@
height : fit-content;
font-family : 'Open Sans', sans-serif;
color : white;
background : #555555;
border-top : 1px solid #666666;
border-bottom : 1px solid #666666;
row-rule : 1px solid #666666;
background : #555;
border-top : 1px solid #666;
border-bottom : 1px solid #666;
row-rule : 1px solid #666;
> div {
width : fit-content;