Don't overflow dnsmanager ASCII art on smaller screens, remove old SASS cruft
This commit is contained in:
parent
4adf4bb944
commit
b208392425
@ -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
4
sass/_mobile.scss
Normal 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; }
|
||||
}
|
@ -1,4 +1,4 @@
|
||||
@import 'widgets/menu.scss';
|
||||
@import 'mobile';
|
||||
|
||||
.nav-menu {
|
||||
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
Block a user