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
@@ -2,14 +2,14 @@
@import '@themes/assets/assets.less';
@import url('https://fonts.googleapis.com/css2?family=Alata&display=swap');
.brewItem {
display:flex;
flex-direction : column;
position : relative;
display : flex;
flex-direction : column;
overflow : hidden;
font-size : 15px;
isolation : isolate;
break-inside : avoid;
-webkit-column-break-inside : avoid;
isolation : isolate;
.thumbnail {
position : absolute;
top : 0;
@@ -23,7 +23,7 @@
}
.text {
h2 {
font-family : "Alata";
font-family : 'Alata';
font-size : 1.25em;
}
}
@@ -90,14 +90,14 @@
a,
button {
display : block;
align-content : center;
width : 100%;
height : 100%;
font-size : 1.3em;
color : white;
text-align : center;
text-decoration : unset;
align-content : center;
height : 100%;
text-align : center;
i { cursor : pointer; }
}
@@ -171,8 +171,8 @@
width : 100%;
height : 50px;
color : white;
background : #666;
.thumbnail { display:none; }
background : #666666;
.thumbnail { display : none; }
.text {
padding-left : 10px;
h2 {
@@ -298,7 +298,7 @@
height : 400px;
padding : 100px 10px 50px;
color : white;
background-color : #555;
background-color : #555555;
background-image : url('@themes/assets/naturalCritLogoBlack.svg');
background-repeat : no-repeat;
background-position : center 20%;
@@ -315,13 +315,13 @@
display : block;
height : 50%;
content : '';
background-image : linear-gradient(0deg, #555F 0, #5550 90%);
background-image : linear-gradient(0deg, #555555FF 0, #55555500 90%);
transition : height 0.2s;
}
&:hover {
&::before {
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; }
}
@@ -3,14 +3,14 @@
.listPage {
.content {
padding: clamp(20px, 5vh, 200px) 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;
margin : 10px 0px;
font-size : 1.3em;
font-style : italic;
font-weight : 900;
color : white;
}
.brewCollection {
h1 {
@@ -54,7 +54,7 @@
--columns : 4;
display : grid;
grid-template-columns : repeat(var(--columns), 1fr);
gap : 20px;
gap : 20px;
justify-items : center;
@media screen and (max-width : 1700px) {--columns : 3;}
@@ -85,10 +85,10 @@
height : fit-content;
font-family : 'Open Sans', sans-serif;
color : white;
background : #555;
border-top : 1px solid #666;
border-bottom : 1px solid #666;
row-rule : 1px solid #666;
background : #555555;
border-top : 1px solid #666666;
border-bottom : 1px solid #666666;
row-rule : 1px solid #666666;
> div {
width : fit-content;