From: Philippe Barbosa Date: Wed, 23 Mar 2016 13:29:08 +0000 (+0100) Subject: Menu toggle styles X-Git-Url: https://git.parisson.com/?a=commitdiff_plain;h=a1a0eab76e8ed6fde097d4fd589c4d8a3591a7e6;p=mezzo.git Menu toggle styles --- 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; }