mirror of
https://github.com/naturalcrit/homebrewery.git
synced 2025-12-27 13:42:38 +00:00
149 lines
3.0 KiB
Plaintext
149 lines
3.0 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;
|
|
|
|
a {
|
|
color:inherit;
|
|
}
|
|
}
|
|
}
|
|
.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;
|
|
border-color: currentColor;
|
|
cursor : pointer;
|
|
&:before {
|
|
font-family: 'Font Awesome 5 Free';
|
|
font-size: 12px;
|
|
margin-right: 3px;
|
|
}
|
|
&.type {
|
|
background-color: #0080003b;
|
|
color: #008000;
|
|
&:before{
|
|
content: '\f0ad';
|
|
}
|
|
}
|
|
&.group {
|
|
background-color: #5050503b;
|
|
color: #000000;
|
|
&:before{
|
|
content: '\f500';
|
|
}
|
|
}
|
|
&.meta {
|
|
background-color: #0000803b;
|
|
color: #000080;
|
|
&:before{
|
|
content: '\f05a';
|
|
}
|
|
}
|
|
&.system {
|
|
background-color: #8000003b;
|
|
color: #800000;
|
|
&:before{
|
|
content: '\f518';
|
|
}
|
|
}
|
|
}
|
|
&: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;
|
|
text-decoration : unset;
|
|
&:hover{
|
|
opacity : 1;
|
|
}
|
|
i{
|
|
cursor : pointer;
|
|
}
|
|
}
|
|
}
|
|
.googleDriveIcon {
|
|
height : 18px;
|
|
padding : 0px;
|
|
margin : -5px;
|
|
}
|
|
.homebreweryIcon {
|
|
mix-blend-mode : darken;
|
|
height : 24px;
|
|
position : relative;
|
|
top : 5px;
|
|
left : -5px;
|
|
}
|
|
}
|