diff options
| author | Alex Shpak <alex-shpak@users.noreply.github.com> | 2018-09-24 17:03:23 +0200 |
|---|---|---|
| committer | Alex Shpak <alex-shpak@users.noreply.github.com> | 2018-09-24 17:03:23 +0200 |
| commit | b6d7a1050fe273869646242304899f0a0f1483b2 (patch) | |
| tree | 3e9b75f74723b8981cfca53f59dadc659684847d /assets/_pure-extension.scss | |
| parent | 8678e82154226d31ff2833c83fc078d6260a218f (diff) | |
Improve mobile UX
Diffstat (limited to 'assets/_pure-extension.scss')
| -rw-r--r-- | assets/_pure-extension.scss | 34 |
1 files changed, 4 insertions, 30 deletions
diff --git a/assets/_pure-extension.scss b/assets/_pure-extension.scss index 853810a..23fc7f8 100644 --- a/assets/_pure-extension.scss +++ b/assets/_pure-extension.scss @@ -8,38 +8,12 @@ html, button, input, select, textarea, .pure-g [class *= "pure-u"] { .pure-g { [class *= "pure-u"] { box-sizing: border-box; + padding: $padding-16; } } -.pure-u { - flex-grow: 1; - width: 0; -} - -.pure-menu-list ul ul { - // left padding for nested sections - padding-left: $padding-16; -} - -.pure-menu-root { - // vertical space between root sections - > li { - padding-bottom: $padding-16; - } - - // font weight only for root sections - > li > .section { - font-weight: 700; +@media screen and (max-width:64em) { + .pure-hidden-md { + display: none; } } - -.pure-menu-link, .pure-menu-heading { - padding: $padding-4 $padding-16; - text-transform: capitalize; -} - -.pure-menu-link { - &:hover, &.active { - background: none; - } -}
\ No newline at end of file |