Don't overflow dnsmanager ASCII art on smaller screens, remove old SASS cruft

master
southerntofu 2020-03-30 12:54:06 +02:00
parent 4adf4bb944
commit b208392425
4 changed files with 6 additions and 42 deletions

View File

@ -125,7 +125,7 @@ If something is missing for you, please open an issue.
- [x] localized RSS links
- [ ] links to navigate between languages
- [ ] other
- [ ] ASCII banner does not overflow
- [x] ASCII banner does not overflow
- [ ] write setup/configuration guide
- [ ] reference water.css semantic styling
- [x] RSS links

4
sass/_mobile.scss Normal file
View File

@ -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; }
}

View File

@ -1,4 +1,4 @@
@import 'widgets/menu.scss';
@import 'mobile';
.nav-menu {
font-weight: bold;

View File

@ -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; }