ntr/mnml
1
0
Fork 0
Code Issues Pull Requests Packages Projects Releases Wiki Activity

profesh... except the css

Browse Source
This commit is contained in:
ntr
2019-12-24 18:30:09 +10:00
parent 1991574b21
commit eb645d03b1
5 changed files with 125 additions and 229 deletions
Download Patch File Download Diff File Expand all files Collapse all files
client/assets/styles/menu.less
+90 -62
View File
@@ -80,20 +80,6 @@
}
}
}
.login {
display: flex;
flex-flow: column;
.terms {
display: inline;
margin: 0 1em;
}
button {
padding: 0 0.5em;
}
}
}
section {
@@ -108,58 +94,14 @@ section {
padding-right: 1em;
}
.list {
letter-spacing: 0.25em;
text-transform: uppercase;
display: grid;
// grid-template-columns: repeat(4, 1fr);
grid-template-columns: 1fr 1fr;
grid-gap: 1em;
flex-flow: row wrap;
align-items: flex-end;
&.sub {
grid-template-columns: 1fr;
}
&.play {
grid-template-columns: repeat(2, 1fr);
align-items: flex-start;
&.rejoin {
grid-template-columns: 1fr;
}
button.ready:enabled {
color: forestgreen;
border-color: forestgreen;
&:hover {
background: forestgreen;
color: black;
border-color: forestgreen;
}
}
// // all green
// button.ready:enabled {
// background: forestgreen;
// color: black;
// border-color: forestgreen;
// &:hover {
// color: forestgreen;
// border-color: forestgreen;
// background: 0;
// }
// }
}
}
.panes {
display: grid;
grid-template-columns: repeat(2, 1fr);
}
}
.list {
margin-bottom: 2em;
figure {
letter-spacing: 0.25em;
@@ -168,5 +110,91 @@ section {
display: flex;
flex-flow: column;
}
letter-spacing: 0.25em;
text-transform: uppercase;
display: grid;
// grid-template-columns: repeat(4, 1fr);
grid-template-columns: 1fr 1fr;
grid-gap: 1em;
flex-flow: row wrap;
align-items: flex-end;
&.sub {
grid-template-columns: 1fr;
}
&.play {
grid-template-columns: repeat(2, 1fr);
align-items: flex-start;
&.rejoin {
grid-template-columns: 1fr;
}
button.ready:enabled {
color: forestgreen;
border-color: forestgreen;
&:hover {
background: forestgreen;
color: black;
border-color: forestgreen;
}
}
// // all green
// button.ready:enabled {
// background: forestgreen;
// color: black;
// border-color: forestgreen;
// &:hover {
// color: forestgreen;
// border-color: forestgreen;
// background: 0;
// }
// }
}
}
.login {
display: flex;
flex-flow: column;
.terms {
display: inline;
margin: 0 1em;
}
button {
padding: 0 0.5em;
margin-top: 1em;
}
}
.options {
grid-area: hdr;
display: flex;
.logo {
flex: 0 1 10%;
margin-right: 1em;
border: none;
}
button {
flex: 1;
border-top: 0;
border: 0.1em solid #222;
&:last-child {
float: right;
}
}
}
.intro {
text-align: center;
}
client/assets/styles/styles.less
+24 -22
View File
@@ -27,23 +27,6 @@ html body {
overflow-y: hidden;
}
#mnml {
/* this is the sweet nectar to keep it full page*/
height: 100vh;
max-height: 100vh;
min-height: 100vh;
/* stops inspector going skitz*/
overflow-x: hidden;
// overflow-y: hidden;
}
// @media (min-width: 1921px) {
// html, body, #mnml {
// font-size: 16pt;
// }
// }
html {
box-sizing: border-box;
margin: 0;
@@ -108,11 +91,33 @@ dl {
padding: 0.5em 1em;
/* this is the sweet nectar to keep it full page*/
height: 100vh;
max-height: 100vh;
min-height: 100vh;
/* stops inspector going skitz*/
overflow-x: hidden;
// overflow-y: hidden;
&.animations-test {
aside button {
font-size: 50%;
}
}
&.front-page {
display: block;
main {
padding: 0 25%;
}
.logo {
margin: 2em 0;
}
}
}
main {
@@ -266,10 +271,7 @@ figure.gray {
&.highlight {
color: @white;
box-shadow: inset 0px 5px 0px 0px @white;
border: 0;
}
border: none;
}
}
@@ -288,10 +290,10 @@ li {
.logo {
height: 2em;
background-image: url("../../assets/mnml.logo.trim.svg");
background-image: url("../../assets/mnml.logo.text.svg");
background-size: contain;
background-repeat: no-repeat;
background-position: left;
background-position: center;
}
.discord-btn {