Add more depth to .block
This commit is contained in:
@@ -67,6 +67,7 @@ a {
|
|||||||
transition: none !important;
|
transition: none !important;
|
||||||
display: inline-block;
|
display: inline-block;
|
||||||
transform: scale(.98) !important;
|
transform: scale(.98) !important;
|
||||||
|
background-color: $mantle !important;
|
||||||
}
|
}
|
||||||
|
|
||||||
&.block {
|
&.block {
|
||||||
@@ -74,6 +75,7 @@ a {
|
|||||||
|
|
||||||
&:hover {
|
&:hover {
|
||||||
transform: scale(1.02) translateY(-.25rem);
|
transform: scale(1.02) translateY(-.25rem);
|
||||||
|
background-color: $surface1;
|
||||||
}
|
}
|
||||||
}
|
}
|
||||||
}
|
}
|
||||||
@@ -137,6 +139,8 @@ footer {
|
|||||||
}
|
}
|
||||||
&.green {
|
&.green {
|
||||||
background-color: color.mix($surface0, $green, 60%);
|
background-color: color.mix($surface0, $green, 60%);
|
||||||
|
&:hover { background-color: color.mix($surface1, $green, 60%); }
|
||||||
|
&:active { background-color: color.mix($mantle, $green, 60%) !important; }
|
||||||
}
|
}
|
||||||
|
|
||||||
& .header {
|
& .header {
|
||||||
|
|||||||
Reference in New Issue
Block a user