big info text, bring back hover
This commit is contained in:
parent
e31acf96c6
commit
ef4d3e57dc
@ -37,16 +37,11 @@
|
|||||||
grid-area: info;
|
grid-area: info;
|
||||||
|
|
||||||
display: grid;
|
display: grid;
|
||||||
grid-template-rows: 12em min-content;
|
grid-template-rows: 13em min-content;
|
||||||
grid-template-areas:
|
grid-template-areas:
|
||||||
"item"
|
"item"
|
||||||
"combos";
|
"combos";
|
||||||
|
|
||||||
.info-item {
|
|
||||||
flex: 1;
|
|
||||||
font-size: 90%;
|
|
||||||
}
|
|
||||||
|
|
||||||
.combos {
|
.combos {
|
||||||
display: grid;
|
display: grid;
|
||||||
grid-template-columns: repeat(6, 1fr);
|
grid-template-columns: repeat(6, 1fr);
|
||||||
@ -62,6 +57,12 @@
|
|||||||
"item"
|
"item"
|
||||||
"ingr";
|
"ingr";
|
||||||
|
|
||||||
|
cursor: pointer;
|
||||||
|
&:hover {
|
||||||
|
color: whitesmoke;
|
||||||
|
background-color: @gray;
|
||||||
|
}
|
||||||
|
|
||||||
.item {
|
.item {
|
||||||
border-top: 2px solid #222;
|
border-top: 2px solid #222;
|
||||||
border-bottom: 2px solid #222;
|
border-bottom: 2px solid #222;
|
||||||
|
|||||||
Loading…
x
Reference in New Issue
Block a user