From a1a0eab76e8ed6fde097d4fd589c4d8a3591a7e6 Mon Sep 17 00:00:00 2001 From: Philippe Barbosa Date: Wed, 23 Mar 2016 14:29:08 +0100 Subject: [PATCH] Menu toggle styles --- app/festival/static/css/index.css | 15 +++++++-------- .../static/scss/components/_menu-toggle.scss | 5 +++-- 2 files changed, 10 insertions(+), 10 deletions(-) diff --git a/app/festival/static/css/index.css b/app/festival/static/css/index.css index c2c7068b..8185c637 100755 --- a/app/festival/static/css/index.css +++ b/app/festival/static/css/index.css @@ -1803,7 +1803,6 @@ th { background: #fff; width: 32px; height: 32px; - border-radius: 3px; box-sizing: border-box; padding: 9px 6px; cursor: pointer; @@ -1811,36 +1810,36 @@ th { -moz-user-select: none; -ms-user-select: none; user-select: none; - border: 1px solid #000; margin: 0; + box-shadow: 0 0 5px 0px black; } -/* line 21, /Users/philippebarbosa/Sites/ircam-manifeste/app/festival/static/scss/components/_menu-toggle.scss */ +/* line 22, /Users/philippebarbosa/Sites/ircam-manifeste/app/festival/static/scss/components/_menu-toggle.scss */ .menu__toggle:hover, .menu__toggle:focus { background: #fff; } -/* line 27, /Users/philippebarbosa/Sites/ircam-manifeste/app/festival/static/scss/components/_menu-toggle.scss */ +/* line 28, /Users/philippebarbosa/Sites/ircam-manifeste/app/festival/static/scss/components/_menu-toggle.scss */ .menu__toggle:checked span:first-child, .menu__toggle.toggled span:first-child { -webkit-transform: translateY(6px) rotate(45deg); transform: translateY(6px) rotate(45deg); } -/* line 32, /Users/philippebarbosa/Sites/ircam-manifeste/app/festival/static/scss/components/_menu-toggle.scss */ +/* line 33, /Users/philippebarbosa/Sites/ircam-manifeste/app/festival/static/scss/components/_menu-toggle.scss */ .menu__toggle:checked span:nth-child(2), .menu__toggle.toggled span:nth-child(2) { opacity: 0; } -/* line 37, /Users/philippebarbosa/Sites/ircam-manifeste/app/festival/static/scss/components/_menu-toggle.scss */ +/* line 38, /Users/philippebarbosa/Sites/ircam-manifeste/app/festival/static/scss/components/_menu-toggle.scss */ .menu__toggle:checked span:last-child, .menu__toggle.toggled span:last-child { -webkit-transform: translateY(-6px) rotate(-45deg); transform: translateY(-6px) rotate(-45deg); } -/* line 42, /Users/philippebarbosa/Sites/ircam-manifeste/app/festival/static/scss/components/_menu-toggle.scss */ +/* line 43, /Users/philippebarbosa/Sites/ircam-manifeste/app/festival/static/scss/components/_menu-toggle.scss */ .menu__toggle span { display: block; background: #d2ba88; @@ -1852,7 +1851,7 @@ th { transition: 0.3s ease; } -/* line 52, /Users/philippebarbosa/Sites/ircam-manifeste/app/festival/static/scss/components/_menu-toggle.scss */ +/* line 53, /Users/philippebarbosa/Sites/ircam-manifeste/app/festival/static/scss/components/_menu-toggle.scss */ .menu__toggle span:nth-child(2) { margin: 4px 0; } diff --git a/app/festival/static/scss/components/_menu-toggle.scss b/app/festival/static/scss/components/_menu-toggle.scss index ffe8bb8e..aa485eca 100755 --- a/app/festival/static/scss/components/_menu-toggle.scss +++ b/app/festival/static/scss/components/_menu-toggle.scss @@ -8,13 +8,14 @@ background: $white; width: 32px; height: 32px; - border-radius: 3px; + // border-radius: 3px; box-sizing: border-box; padding: 9px 6px; cursor: pointer; user-select: none; - border: 1px solid #000; + // border: 1px solid #000; margin: 0; + box-shadow: 0 0 5px 0px black; @media (min-width : $desktop ) { display: none; } -- 2.39.5