From b6d7a1050fe273869646242304899f0a0f1483b2 Mon Sep 17 00:00:00 2001 From: Alex Shpak Date: Mon, 24 Sep 2018 17:03:23 +0200 Subject: Improve mobile UX --- assets/_pure-extension.scss | 34 ++++------------------------------ 1 file changed, 4 insertions(+), 30 deletions(-) (limited to 'assets/_pure-extension.scss') 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 -- cgit v1.2.3