f.weber/homebrewery
0
0
Fork 0
mirror of https://github.com/naturalcrit/homebrewery.git synced 2026-09-25 00:42: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 { .info {
position : initial;
bottom : 2px;
font-size : 1.2em; font-size : 1.2em;
& > span { line-height : 1.5em; } & > span { line-height : 1.5em; }
a { color : inherit; } a { color : inherit; }
@@ -77,7 +75,7 @@
background-color : fade(black, 60%); background-color : fade(black, 60%);
a, a,
button { button {
.animate(opacity);
display : block; display : block;
width : 100%; width : 100%;
margin : 8px 0px; margin : 8px 0px;
@@ -104,15 +102,10 @@
} }
.grid > .brewItem { .grid > .brewItem {
position : relative; width : clamp(300px, 48%, 500px);
box-sizing : border-box;
display : inline-block;
width : clamp(300px, 48%, 600px);
min-height : 125px; min-height : 125px;
padding : 5px 15px 2px 6px; padding : 5px 15px 2px 6px;
padding-right : 15px; padding-right : 15px;
overflow : hidden;
vertical-align : top;
background-color : #CAB2802E; background-color : #CAB2802E;
background-image : url('https://ik.imagekit.io/5eCleric/background%20note.png'); background-image : url('https://ik.imagekit.io/5eCleric/background%20note.png');
background-size : cover; background-size : cover;
@@ -120,9 +113,6 @@
border-radius : 5px; border-radius : 5px;
box-shadow : 0px 4px 5px 0px #333333; box-shadow : 0px 4px 5px 0px #333333;
isolation : isolate; isolation : isolate;
break-inside : avoid;
-webkit-column-break-inside : avoid;
break-inside : avoid;
.thumbnail { .thumbnail {
position : absolute; position : absolute;
top : 0; top : 0;
@@ -145,9 +135,6 @@
} }
} }
.info { .info {
position : initial;
bottom : 2px;
font-size : 0.9em; font-size : 0.9em;
& > span { & > span {
margin-right : 12px; margin-right : 12px;
@@ -196,7 +183,7 @@
.links { opacity : 1; } .links { opacity : 1; }
} }
.links { .links {
.animate(opacity);
position : absolute; position : absolute;
top : 0px; top : 0px;
right : 0px; right : 0px;
@@ -207,7 +194,7 @@
opacity : 0; opacity : 0;
a, a,
button { button {
.animate(opacity);
display : block; display : block;
width : 100%; width : 100%;
margin : 8px 0px; 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 url('https://fonts.googleapis.com/css2?family=Alata&display=swap');
@import '@sharedStyles/colors.less'; @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 { .listPage {
.content { .content {
z-index : 1; padding: clamp(20px, 5vh, 200px) clamp(20px, 20vw, 200px);
padding-block : clamp(20px, 5vh, 200px);
padding-inline : 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;
} }
.brewCollection { .brewCollection {
h1 { h1 {
@@ -101,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 : #555555; background : #555;
border-top : 1px solid #666666; border-top : 1px solid #666;
border-bottom : 1px solid #666666; border-bottom : 1px solid #666;
row-rule : 1px solid #666666; row-rule : 1px solid #666;
> div { > div {
width : fit-content; width : fit-content;