From 3bf7672b0683e3f989f833e882e5fbc546c607ae Mon Sep 17 00:00:00 2001 From: Kazhnuz Date: Thu, 17 Oct 2019 14:04:20 +0200 Subject: [PATCH] feat: rework menus --- color-test.html | 2 +- css/style.css | 117 +++++++++++++++++++++++++++------------------ css/style.css.map | 2 +- index.html | 50 +++++-------------- preview.html | 60 ++++++++++------------- scss/_buttons.scss | 11 ++++- scss/_cards.scss | 79 ++++++++++++++++-------------- scss/_global.scss | 10 +++- 8 files changed, 171 insertions(+), 160 deletions(-) diff --git a/color-test.html b/color-test.html index 112d250..d63056e 100644 --- a/color-test.html +++ b/color-test.html @@ -45,7 +45,7 @@ -
+
diff --git a/css/style.css b/css/style.css index 31d0890..5becc13 100644 --- a/css/style.css +++ b/css/style.css @@ -603,7 +603,7 @@ header h1 { .navbar { border-left: 0; border-right: 0; - padding: 0.75em; + padding: 0.75rem; color: #fdf6e3; } .navbar a { @@ -617,6 +617,12 @@ header h1 { box-shadow: 0px 2px 6px rgba(0, 0, 0, 0), inset 0px -2px 0px rgba(0, 0, 0, 0); } +/* ------------------ CONTAINERS ------------------- */ +.container-big { + padding-left: 64px; + padding-right: 64px; +} + /* ------------------ PAGE ------------------- */ #wrapper { background-color: #fdf6e3; @@ -673,7 +679,7 @@ ul.social li a:hover { * * */ -.card { +.card, .menu { border-radius: 0px 0px 0px 0px; background-color: #eee8d5; box-shadow: 0px 2px 10px rgba(0, 0, 0, 0); @@ -681,22 +687,23 @@ ul.social li a:hover { margin: 0; margin-bottom: 1.5rem; padding: 1.5rem; + /* Menu handling */ } -.card .card-body { - padding: 0; +.card-body, .menu-body { + padding: 0 !important; + margin: 0 !important; } -.card .card-body:not(:last-child) { - padding-bottom: 1.5rem; -} -.card-header { +.card-header, .menu-header { font-size: 1.1em; font-weight: 600; border-radius: 0; padding: 0.75rem; padding-bottom: 0.75rem !important; margin-left: -3rem; + margin-bottom: 0.75rem; + text-shadow: 0px -1px 0px rgba(0, 0, 0, 0.3); } -.card-header h1, .card-header h2, .card-header h3, .card-header h4, .card-header h5, .card-header h6, .card-header h7, .card-header h8, .card-header h9, .card-header h10 { +.card-header h1, .card-header h2, .card-header h3, .card-header h4, .card-header h5, .card-header h6, .card-header h7, .card-header h8, .card-header h9, .card-header h10, .menu-header h1, .menu-header h2, .menu-header h3, .menu-header h4, .menu-header h5, .menu-header h6, .menu-header h7, .menu-header h8, .menu-header h9, .menu-header h10 { font-size: 1em; text-shadow: 0px -1px 0px rgba(0, 0, 0, 0.3); padding: 0px; @@ -705,8 +712,39 @@ ul.social li a:hover { font-weight: 600; line-height: 1.5em; } +.card-menu, .menu-menu { + display: flex; + flex-direction: column; +} +.card-menu .menu-element, .menu-menu .menu-element { + display: flex; + line-height: 1.5rem; + padding-right: 0.75rem; + padding-left: 0.325rem; + padding-top: 0.325rem; + padding-bottom: 0.325rem; + margin: 0; + justify-content: space-between; +} +.card-menu a, .menu-menu a { + text-decoration: none; + color: #d33682; + background-color: transparent; +} +.card-menu a:hover, .menu-menu a:hover { + text-decoration: none; + color: #d33682; + background-color: rgba(0, 0, 0, 0.1); +} +.card-menu .menu-divider, .menu-menu .menu-divider { + position: relative; + left: -0.325rem; + font-weight: 600; + padding-top: 0.325rem; + padding-bottom: 0.325rem; +} -.smallcard, .toast, .menu { +.smallcard, .toast { border-radius: 0px 0px 0px 0px; background-color: #eee8d5; box-shadow: 0px 2px 10px rgba(0, 0, 0, 0); @@ -715,15 +753,17 @@ ul.social li a:hover { margin-bottom: 1.5rem; padding: 0.75rem; } -.smallcard-header, .toast-header, .menu-header { +.smallcard-header, .toast-header { font-size: 1.1em; font-weight: 600; border-radius: 0; padding: 0.75rem; padding-bottom: 0.75rem !important; margin-left: -3rem; + margin-bottom: 0.75rem; + text-shadow: 0px -1px 0px rgba(0, 0, 0, 0.3); } -.smallcard-header h1, .smallcard-header h2, .smallcard-header h3, .smallcard-header h4, .smallcard-header h5, .smallcard-header h6, .smallcard-header h7, .smallcard-header h8, .smallcard-header h9, .smallcard-header h10, .toast-header h1, .toast-header h2, .toast-header h3, .toast-header h4, .toast-header h5, .toast-header h6, .toast-header h7, .toast-header h8, .toast-header h9, .toast-header h10, .menu-header h1, .menu-header h2, .menu-header h3, .menu-header h4, .menu-header h5, .menu-header h6, .menu-header h7, .menu-header h8, .menu-header h9, .menu-header h10 { +.smallcard-header h1, .smallcard-header h2, .smallcard-header h3, .smallcard-header h4, .smallcard-header h5, .smallcard-header h6, .smallcard-header h7, .smallcard-header h8, .smallcard-header h9, .smallcard-header h10, .toast-header h1, .toast-header h2, .toast-header h3, .toast-header h4, .toast-header h5, .toast-header h6, .toast-header h7, .toast-header h8, .toast-header h9, .toast-header h10 { font-size: 1em; text-shadow: 0px -1px 0px rgba(0, 0, 0, 0.3); padding: 0px; @@ -733,23 +773,6 @@ ul.social li a:hover { line-height: 1.5em; } -/* Menu handling */ -.menu li { - border-radius: 0px 0px 0px 0px; - padding: 0.2em 0em 0.2em; - margin: 0; -} -.menu li.menu-item :hover { - background-color: rgba(0, 0, 0, 0.1); - color: #002b36; -} -.menu li.menu-item .menu-badge :hover { - background-color: transparent; -} -.menu li .label { - padding: 0 0.4em 0; -} - /* COLORIZE CARDS and TOASTS */ .card-blue > .card-header, .card-blue > .menu-header, .smallcard-blue > .card-header, .smallcard-blue > .menu-header, .menu-blue > .card-header, .menu-blue > .menu-header { background-color: #268bd2 !important; @@ -956,21 +979,11 @@ p .btn:last-child { } .label, label.label, a.label, .chip, a.chip { - padding: 0.375rem; - padding-top: 0.125rem; - padding-bottom: 0.125rem; - margin: 0.1875rem; - margin-top: 0.125rem; - margin-bottom: 1.5rem; - line-height: 1.5rem; - height: auto; - border: 0px solid rgba(0, 0, 0, 0.3); - border-radius: 0px 0px 0px 0px; position: relative; z-index: 1; overflow: visible; -} -.label:hover, .label:active, .label:focus, a:hover > .label, a:active > .label, a:focus > .label, label.label:hover, label.label:active, label.label:focus, a:hover > label.label, a:active > label.label, a:focus > label.label, a.label:hover, a.label:active, a.label:focus, a:hover > a.label, a:active > a.label, a:focus > a.label, .chip:hover, .chip:active, .chip:focus, a:hover > .chip, a:active > .chip, a:focus > .chip, a.chip:hover, a.chip:active, a.chip:focus, a:hover > a.chip, a:active > a.chip, a:focus > a.chip { + padding-left: 0.375rem; + padding-right: 0.375rem; text-decoration: none; } .label:before, label.label:before, a.label:before, .chip:before, a.chip:before { @@ -983,13 +996,23 @@ p .btn:last-child { z-index: -1; transform: skewX(-15deg); } -.label:focus, label.label:focus, a.label:focus, .chip:focus, a.chip:focus { - outline: none; - box-shadow: 0px 2px 6px rgba(0, 0, 0, 0), inset 0px -2px 0px rgba(0, 0, 0, 0), 0px 0px 0px 2px rgba(0, 0, 0, 0); + +.menu-label { + position: relative; + z-index: 1; + overflow: visible; + padding-left: 0.375rem; + padding-right: 0.375rem; } -.label:focus:before, label.label:focus:before, a.label:focus:before, .chip:focus:before, a.chip:focus:before { - box-shadow: 0px 2px 6px rgba(0, 0, 0, 0), inset 0px -2px 0px rgba(0, 0, 0, 0), 0px 0px 0px 2px rgba(0, 0, 0, 0.3); - outline: none; +.menu-label:before { + content: " "; + position: absolute; + top: 0; + left: -0.1875rem; + right: -0.1875rem; + bottom: 0; + z-index: -1; + transform: skewX(-15deg); } .navbar .btn-link { diff --git a/css/style.css.map b/css/style.css.map index e05ec7b..b27fe4b 100644 --- a/css/style.css.map +++ b/css/style.css.map @@ -1 +1 @@ -{"version":3,"sourceRoot":"","sources":["../scss/_palette.scss","../scss/_typography.scss","../scss/_font-face.scss","../scss/_global.scss","../scss/_cards.scss","../scss/_definitions.scss","../scss/_commons.scss","../scss/_buttons.scss"],"names":[],"mappings":"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","file":"style.css"} \ No newline at end of file +{"version":3,"sourceRoot":"","sources":["../scss/_palette.scss","../scss/_typography.scss","../scss/_font-face.scss","../scss/_global.scss","../scss/_cards.scss","../scss/_definitions.scss","../scss/_commons.scss","../scss/_buttons.scss"],"names":[],"mappings":"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","file":"style.css"} \ No newline at end of file diff --git a/index.html b/index.html index 272d638..42511d7 100644 --- a/index.html +++ b/index.html @@ -45,7 +45,7 @@
-
+
@@ -210,44 +210,16 @@ In id suscipit elit.
diff --git a/preview.html b/preview.html index b26d314..92b5afe 100644 --- a/preview.html +++ b/preview.html @@ -45,12 +45,12 @@ -
+
-
-
+
+
  Dernières publications
-
- - #Inktober2017 - Test - - - #Inktober2017 - Test - - - #Inktober2017 - Test - +
+ #Inktober2017 - Test + #Inktober2017 - Test + #Inktober2017 - Test
-
-
+
+
  Catégories
-
- +
+ Cras justo odio - 14 + 14 - Images - Canard - Test - Fak u garon + Images + Canard + Test + Fak u garon
- -
-
+
+
  Archive
-
- - 2017 - 14 +
+ + 2017 14 - + 2016 - 2 + 2 - + 2015 - 3 + 3
diff --git a/scss/_buttons.scss b/scss/_buttons.scss index e4b02ee..16f5502 100644 --- a/scss/_buttons.scss +++ b/scss/_buttons.scss @@ -96,7 +96,16 @@ $button_small: 0.375rem; } .label, label.label, a.label, .chip, a.chip { - @include button($button_small); + @include biseau($button_small); + padding-left: $button_small; + padding-right: $button_small; + text-decoration:none; +} + +.menu-label { + @include biseau($button_small); + padding-left: $button_small; + padding-right: $button_small; } // NAVBAR SPECIAL BUTTONS diff --git a/scss/_cards.scss b/scss/_cards.scss index 42cffbc..dd45e8f 100644 --- a/scss/_cards.scss +++ b/scss/_cards.scss @@ -25,13 +25,15 @@ $card-smallpad: 0.75rem; padding: $size/2; padding-bottom: $size/2!important; margin-left: -$size*2; + margin-bottom:0.75rem; + text-shadow: 0px -1px 0px rgba(0,0,0,0.3); h1, h2, h3, h4, h5, h6, h7, h8, h9, h10 { font-size:1em; text-shadow: 0px -1px 0px rgba(0,0,0,0.3); padding:0px; margin:0px; - color:$color-light;; + color:$color-light; font-weight:600; line-height:1.5em; } @@ -43,55 +45,62 @@ $card-smallpad: 0.75rem; } } -.card { +.card, .menu { @include card($card-bigpad); - .card-body { - padding:0; - &:not(:last-child) { - padding-bottom: 1.5rem; - } + &-body { + padding:0!important; + margin:0!important; } &-header { @include card-header($card-bigpad); } + + /* Menu handling */ + + &-menu { + display:flex; + flex-direction: column; + .menu-element { + display:flex; + line-height:1.5rem; + padding-right:0.75rem; + padding-left:0.325rem; + padding-top:0.325rem; + padding-bottom:0.325rem; + margin:0; + justify-content: space-between; + } + + a { + text-decoration:none; + color: $color-violet; + background-color:transparent; + &:hover { + text-decoration:none; + color: $color-violet; + background-color:rgba(0,0,0,0.1); + } + } + + .menu-divider { + position: relative; + left: -0.325rem; + font-weight: 600; + padding-top:0.325rem; + padding-bottom:0.325rem; + } + } } -.smallcard, .toast, .menu { +.smallcard, .toast { @include card($card-smallpad); &-header { @include card-header($card-bigpad); } } -/* Menu handling */ - -.menu { - li { - @include border-radius(); - padding:0.2em 0em 0.2em; - margin:0; - - &.menu-item { - :hover { - background-color:rgba(0,0,0,0.1); - color: $color-dark; - } - - .menu-badge { - :hover { - background-color: transparent; - } - } - } - - .label { - padding: 0 0.4em 0; - } - } -} - /* COLORIZE CARDS and TOASTS */ .card, .smallcard, .menu { diff --git a/scss/_global.scss b/scss/_global.scss index c2d798f..a20b8c4 100644 --- a/scss/_global.scss +++ b/scss/_global.scss @@ -57,7 +57,7 @@ header h1 { .navbar { border-left: 0; border-right: 0; - padding: 0.75em; + padding: 0.75rem; color: $color-light; a { color: $color-light; @@ -68,7 +68,13 @@ header h1 { .dropdown-menu { box-shadow: $narrow-shadow, $inset-shadow; } - +/* ------------------ CONTAINERS ------------------- */ + +.container-big { + padding-left:64px; + padding-right:64px; +} + /* ------------------ PAGE ------------------- */ #wrapper {