From 628a4df0df81347c74a88e4c110066c9dc6017d1 Mon Sep 17 00:00:00 2001 From: Alex Shpak Date: Tue, 11 Sep 2018 16:51:27 +0200 Subject: Refactor partials, layout and sass files --- assets/_pure-extension.scss | 55 +++++++++++++++++++++++++++++++++++++++++++++ 1 file changed, 55 insertions(+) create mode 100644 assets/_pure-extension.scss (limited to 'assets/_pure-extension.scss') diff --git a/assets/_pure-extension.scss b/assets/_pure-extension.scss new file mode 100644 index 0000000..e540ef2 --- /dev/null +++ b/assets/_pure-extension.scss @@ -0,0 +1,55 @@ +@import 'variables'; + +html, button, input, select, textarea, .pure-g [class *= "pure-u"] { + font-family: "Open Sans", "Roboto", sans-serif; + font-weight: 300; + +} + +.pure-g { + [class *= "pure-u"] { + box-sizing: border-box; + } +} + +.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: 600; + } +} + +.pure-menu-link, .pure-menu-heading { + color: $gray-800; + padding: $padding-4 $padding-16; + text-transform: capitalize; +} + +.pure-menu-link { + &:hover, &.active { + background: none; + } + + &:hover { + color: $gray-600; + } + + &.active { + color: $color-link; + } +} \ No newline at end of file -- cgit v1.2.3