Don't overflow dnsmanager ASCII art on smaller screens, remove old SASS cruft
parent
4adf4bb944
commit
b208392425
|
@ -125,7 +125,7 @@ If something is missing for you, please open an issue.
|
||||||
- [x] localized RSS links
|
- [x] localized RSS links
|
||||||
- [ ] links to navigate between languages
|
- [ ] links to navigate between languages
|
||||||
- [ ] other
|
- [ ] other
|
||||||
- [ ] ASCII banner does not overflow
|
- [x] ASCII banner does not overflow
|
||||||
- [ ] write setup/configuration guide
|
- [ ] write setup/configuration guide
|
||||||
- [ ] reference water.css semantic styling
|
- [ ] reference water.css semantic styling
|
||||||
- [x] RSS links
|
- [x] RSS links
|
||||||
|
|
|
@ -0,0 +1,4 @@
|
||||||
|
@media screen and (max-width: 62em) {
|
||||||
|
// Do not overflow the ASCII art on smaller screens
|
||||||
|
header > pre { font-size: 0.4em; }
|
||||||
|
}
|
|
@ -1,4 +1,4 @@
|
||||||
@import 'widgets/menu.scss';
|
@import 'mobile';
|
||||||
|
|
||||||
.nav-menu {
|
.nav-menu {
|
||||||
font-weight: bold;
|
font-weight: bold;
|
||||||
|
|
|
@ -1,40 +0,0 @@
|
||||||
/************************************************************
|
|
||||||
*************************************************************
|
|
||||||
******************* SQUAT THEME *********************
|
|
||||||
********** Javascript-free attempt at a better web **********
|
|
||||||
*************************************************************
|
|
||||||
************************************************************/
|
|
||||||
|
|
||||||
/* Menu widget styles */
|
|
||||||
.widget-menu {
|
|
||||||
width: 100%; white-space: nowrap; box-sizing: border-box;
|
|
||||||
ul {
|
|
||||||
list-style: none; margin: 0; padding: 0;
|
|
||||||
display: inline-block;
|
|
||||||
@media screen and (max-width: 62em) { display: none; }
|
|
||||||
li { display: inline-block; padding: 0; margin: 0; position: relative; }
|
|
||||||
}
|
|
||||||
}
|
|
||||||
|
|
||||||
|
|
||||||
#menu-nav-main { text-align: center; font-size: 1.2rem; }
|
|
||||||
.pure-menu-link, .pure-menu-open { display: block; padding: 0.5em 1em; }
|
|
||||||
#menu-nav-main .pure-menu-children { left: 50% !important; transform: translateX(-50%); }
|
|
||||||
|
|
||||||
.pure-menu-open {
|
|
||||||
display: none;
|
|
||||||
@media screen and (max-width: 62em) {
|
|
||||||
display: block;
|
|
||||||
&:target {
|
|
||||||
display: none;
|
|
||||||
& ~ .pure-menu-close { display: inline-block; }
|
|
||||||
& ~ ul {
|
|
||||||
display: block;
|
|
||||||
li { display: block; position: relative; }
|
|
||||||
}
|
|
||||||
}
|
|
||||||
}
|
|
||||||
}
|
|
||||||
|
|
||||||
/* Making pureCSS menu responsive without Javascript */
|
|
||||||
.pure-menu-close { display: none; }
|
|
Loading…
Reference in New Issue