0
0
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:
G.Ambatte
2023-04-09 21:33:33 +12:00
parent b8e68f9a93
commit bc83e1f84d

View File

@@ -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;
}
} }
// } // }
} }