handle even smaller screens
This commit is contained in:
parent
0d78601fd9
commit
d8354d7f23
|
@ -1,17 +1,17 @@
|
||||||
html {
|
html {
|
||||||
font-family: "Lucida Console", "monospace";
|
font-family: "Lucida Console", "monospace";
|
||||||
font-size: 14px;
|
font-size: 14px;
|
||||||
box-sizing: border-box;
|
box-sizing: border-box;
|
||||||
}
|
}
|
||||||
|
|
||||||
body {
|
body {
|
||||||
margin: 0px;
|
margin: 0px;
|
||||||
}
|
}
|
||||||
|
|
||||||
*, *:before, *:after {
|
*, *:before, *:after {
|
||||||
font-family: inherit;
|
font-family: inherit;
|
||||||
font-size: inherit;
|
font-size: inherit;
|
||||||
box-sizing: inherit;
|
box-sizing: inherit;
|
||||||
}
|
}
|
||||||
|
|
||||||
body {
|
body {
|
||||||
|
@ -74,7 +74,7 @@ nav ul li {
|
||||||
|
|
||||||
.boxed {
|
.boxed {
|
||||||
border-bottom: 1px dashed $border-color;
|
border-bottom: 1px dashed $border-color;
|
||||||
width: 1024px;
|
max-width: 1024px;
|
||||||
margin: auto;
|
margin: auto;
|
||||||
padding: 1em;
|
padding: 1em;
|
||||||
}
|
}
|
||||||
|
@ -83,10 +83,34 @@ nav ul li {
|
||||||
.goatpr0n-wide {
|
.goatpr0n-wide {
|
||||||
display: none;
|
display: none;
|
||||||
}
|
}
|
||||||
}
|
|
||||||
|
|
||||||
@media only screen and (min-width: 1024px) {
|
|
||||||
.goatpr0n-small {
|
.goatpr0n-small {
|
||||||
|
display: block;
|
||||||
|
}
|
||||||
|
.goatpr0n-minimal {
|
||||||
display: none;
|
display: none;
|
||||||
}
|
}
|
||||||
}
|
}
|
||||||
|
|
||||||
|
@media only screen and (min-width: 1024px) {
|
||||||
|
.goatpr0n-wide {
|
||||||
|
display: block;
|
||||||
|
}
|
||||||
|
.goatpr0n-small {
|
||||||
|
display: none;
|
||||||
|
}
|
||||||
|
.goatpr0n-minimal {
|
||||||
|
display: none;
|
||||||
|
}
|
||||||
|
}
|
||||||
|
|
||||||
|
@media only screen and (max-width: 480px) {
|
||||||
|
.goatpr0n-small {
|
||||||
|
display: none;
|
||||||
|
}
|
||||||
|
.goatpr0n-wide {
|
||||||
|
display: none;
|
||||||
|
}
|
||||||
|
.goatpr0n-minimal {
|
||||||
|
display: block;
|
||||||
|
}
|
||||||
|
}
|
||||||
|
|
|
@ -13,6 +13,10 @@
|
||||||
<span style="">   `'YMUP"YMM "YMMMMMP" YMM   ""` MMM      YMMMb    MMMM   "W" "YmmP MMM     YYM"MM,  YMM   ""`MMMM   "W"MMM  M'  "MMM</span><br />
|
<span style="">   `'YMUP"YMM "YMMMMMP" YMM   ""` MMM      YMMMb    MMMM   "W" "YmmP MMM     YYM"MM,  YMM   ""`MMMM   "W"MMM  M'  "MMM</span><br />
|
||||||
</div>
|
</div>
|
||||||
|
|
||||||
|
<div class="goatpr0n-minimal boxed" style="font-family: monospace, fixed; font-weight: bold;">
|
||||||
|
<span>GoatPr0n.farm</span>
|
||||||
|
</div>
|
||||||
|
|
||||||
<div id="nav-border" class="container boxed">
|
<div id="nav-border" class="container boxed">
|
||||||
<nav id="nav" class="nav justify-content-center">
|
<nav id="nav" class="nav justify-content-center">
|
||||||
{{ partial "menu.html" (dict "menuID" "main" "page" .) }}
|
{{ partial "menu.html" (dict "menuID" "main" "page" .) }}
|
||||||
|
|
Loading…
Reference in New Issue