mirror of
https://github.com/naturalcrit/homebrewery.git
synced 2026-01-09 15:52:43 +00:00
Tweak animation, add alternating bg colors
This commit is contained in:
@@ -192,7 +192,7 @@
|
|||||||
border-radius: 0 0 5px 5px;
|
border-radius: 0 0 5px 5px;
|
||||||
margin: 0 auto;
|
margin: 0 auto;
|
||||||
z-index: -1;
|
z-index: -1;
|
||||||
transition: transform 0.5s, opacity 0.5s;
|
transition: transform 0.4s, opacity 0.4s;
|
||||||
&.active{
|
&.active{
|
||||||
transform: translateY(100%);
|
transform: translateY(100%);
|
||||||
opacity: 1;
|
opacity: 1;
|
||||||
@@ -205,13 +205,13 @@
|
|||||||
display : flex;
|
display : flex;
|
||||||
flex-flow : row wrap;
|
flex-flow : row wrap;
|
||||||
width : 100%;
|
width : 100%;
|
||||||
|
// border-top : 1px solid #888;
|
||||||
h4{
|
h4{
|
||||||
display : block;
|
display : block;
|
||||||
box-sizing : border-box;
|
box-sizing : border-box;
|
||||||
padding : 5px 0px;
|
padding : 5px 0px;
|
||||||
color : #bbb;
|
color : #bbb;
|
||||||
text-align : center;
|
text-align : center;
|
||||||
border-top : 1px solid #888;
|
|
||||||
flex-basis : 20%;
|
flex-basis : 20%;
|
||||||
flex-grow : 1;
|
flex-grow : 1;
|
||||||
min-width : 76px;
|
min-width : 76px;
|
||||||
@@ -224,7 +224,6 @@
|
|||||||
padding : 5px 0;
|
padding : 5px 0;
|
||||||
flex-basis : 80%;
|
flex-basis : 80%;
|
||||||
flex-grow : 1;
|
flex-grow : 1;
|
||||||
border-top : 1px solid #888;
|
|
||||||
.tag{
|
.tag{
|
||||||
border: 2px solid grey;
|
border: 2px solid grey;
|
||||||
padding: 2px;
|
padding: 2px;
|
||||||
@@ -233,6 +232,9 @@
|
|||||||
border-radius: 5px;
|
border-radius: 5px;
|
||||||
}
|
}
|
||||||
}
|
}
|
||||||
|
&:nth-of-type(even){
|
||||||
|
background-color: #555;
|
||||||
|
}
|
||||||
}
|
}
|
||||||
// }
|
// }
|
||||||
}
|
}
|
||||||
|
|||||||
Reference in New Issue
Block a user