menu styles

This commit is contained in:
ntr
2019-09-08 14:33:58 +10:00
parent c4fd68a47f
commit 44ef34c6eb
5 changed files with 48 additions and 59 deletions
+7 -18
View File
@@ -1,18 +1,19 @@
@import 'colours.less';
.account {
display: grid;
grid-template-columns: 1fr 1fr 1fr 1fr;
grid-gap: 0 1em;
div {
padding-right: 2em;
}
button {
width: 100%;
display: block;
// height: 3em;
width: 75%;
}
input {
width: 75%;
width: 100%;
height: 3em;
display: block;
}
@@ -31,19 +32,7 @@
}
.list {
letter-spacing: 0.25em;
text-transform: uppercase;
figure {
width: 75%;
display: flex;
flex-flow: column;
margin-bottom: 1em;
button {
width: 100%;
}
}
grid-template-columns: 1fr;
}
}
+31 -29
View File
@@ -61,35 +61,6 @@
}
}
.inventory {
display: grid;
grid-template-columns: 1fr 1fr;
h1 {
margin-bottom: 0.5em;
}
.news {
padding-right: 1em;
}
.list {
letter-spacing: 0.25em;
text-transform: uppercase;
display: grid;
grid-template-columns: repeat(4, 1fr);
grid-gap: 1em;
flex-flow: row wrap;
align-items: flex-end;
}
figure {
font-size: 125%;
display: flex;
flex-flow: column;
}
}
.options {
grid-area: hdr;
@@ -107,3 +78,34 @@
}
}
}
section {
display: grid;
grid-template-columns: 1fr 1fr;
h1 {
margin-bottom: 0.5em;
}
.news {
padding-right: 1em;
}
.list {
letter-spacing: 0.25em;
text-transform: uppercase;
display: grid;
grid-template-columns: repeat(4, 1fr);
grid-gap: 1em;
flex-flow: row wrap;
align-items: flex-end;
}
figure {
letter-spacing: 0.25em;
text-transform: uppercase;
font-size: 125%;
display: flex;
flex-flow: column;
}
}