mirror of
https://github.com/naturalcrit/homebrewery.git
synced 2025-12-27 18:02:42 +00:00
102 lines
2.2 KiB
Plaintext
102 lines
2.2 KiB
Plaintext
|
|
.brewItem{
|
|
position : relative;
|
|
display : inline-block;
|
|
vertical-align : top;
|
|
box-sizing : border-box;
|
|
box-sizing : border-box;
|
|
overflow : hidden;
|
|
width : 48%;
|
|
min-height : 105px;
|
|
margin-right : 15px;
|
|
margin-bottom : 15px;
|
|
padding : 5px 15px 2px 6px;
|
|
padding-right : 15px;
|
|
border : 1px solid #c9ad6a;
|
|
border-radius : 5px;
|
|
-webkit-column-break-inside : avoid;
|
|
page-break-inside : avoid;
|
|
break-inside : avoid;
|
|
box-shadow : 0px 4px 5px 0px #333;
|
|
background-color : #cab2802e;
|
|
.thumbnail {
|
|
position: absolute;
|
|
width: 150px;
|
|
height: 100%;
|
|
top: 0;
|
|
right: 0;
|
|
z-index: -1;
|
|
background-size: contain;
|
|
background-repeat: no-repeat;
|
|
background-position: right top;
|
|
mask-image: linear-gradient(80deg, #0000 20%, #050 40%);
|
|
-webkit-mask-image: linear-gradient(80deg, #0000 20%, #050 40%);
|
|
opacity: 50%;
|
|
}
|
|
.text {
|
|
min-height : 54px;
|
|
h4{
|
|
margin-bottom : 5px;
|
|
font-size : 2.2em;
|
|
}
|
|
}
|
|
.info{
|
|
position: initial;
|
|
bottom: 2px;
|
|
font-family : ScalySansRemake;
|
|
font-size : 1.2em;
|
|
&>span{
|
|
margin-right : 12px;
|
|
line-height : 1.5em;
|
|
}
|
|
}
|
|
.brewTags span {
|
|
background-color: #c8ac6e3b;
|
|
margin: 2px;
|
|
padding: 2px;
|
|
border: 1px solid #c8ac6e;
|
|
border-radius: 4px;
|
|
white-space: nowrap;
|
|
display: inline-block;
|
|
font-weight: bold;
|
|
}
|
|
&:hover{
|
|
.links{
|
|
opacity : 1;
|
|
}
|
|
}
|
|
&:nth-child(2n + 1){
|
|
margin-right : 0px;
|
|
}
|
|
.links{
|
|
.animate(opacity);
|
|
position : absolute;
|
|
top : 0px;
|
|
right : 0px;
|
|
height : 100%;
|
|
width : 2em;
|
|
opacity : 0;
|
|
background-color : fade(black, 60%);
|
|
text-align : center;
|
|
a{
|
|
.animate(opacity);
|
|
display : block;
|
|
margin : 8px 0px;
|
|
opacity : 0.6;
|
|
font-size : 1.3em;
|
|
color : white;
|
|
&:hover{
|
|
opacity : 1;
|
|
}
|
|
i{
|
|
cursor : pointer;
|
|
}
|
|
}
|
|
}
|
|
.googleDriveIcon {
|
|
height : 20px;
|
|
padding : 0px;
|
|
margin : -5px;
|
|
}
|
|
}
|