From 35bc32c92edba16715a68a0d41adf3c587f43658 Mon Sep 17 00:00:00 2001
From: Sybil <sybil.deboin@gmail.com>
Date: Fri, 29 May 2015 17:51:34 +0200
Subject: [PATCH] Menu hover.
---
app/styles/app.sass | 20 +++++++++++++++-----
1 file changed, 15 insertions(+), 5 deletions(-)
diff --git a/app/styles/app.sass b/app/styles/app.sass
index 94e461f..1849d4f 100644
--- a/app/styles/app.sass
+++ b/app/styles/app.sass
@@ -49,17 +49,28 @@ html
// -------------------------------------------------
// New menu
.menu-button
- width: 40px//60px
- height: 40px//60px
+
+ $hover_color: lighten($standard_secondary_color, 10%)
+
+ width: 36px//60px
+ height: 36px//60px
outline: none
position: fixed
margin: 5px
- padding: 8px 9px 9px 9px //14px 15px 15px 15px
+ padding: 0px //8px 9px 9px 9px //14px 15px 15px 15px
z-index: 999996
border: 2px solid $standard_secondary_color
border-radius: 50%
+ box-sizing: content-box
background: none //rgba(255,255,255,0.5)
+ &:hover, &:focus
+ border: 3px solid $hover_color
+ margin: 4px
+ i
+ color: $hover_color
+
+ //@include transition(all 0.1s ease)
i
font-size: 21px //30px
color: $standard_secondary_color
@@ -791,7 +802,6 @@ ul.vc-controls li,
$flex-box-border-color: $light-gray
$flex-box-border: 1px solid $flex-box-border-color
$flex-box-background: lighten($light-gray, 10%)
- $flex-box-gutter: 0.4em
$flex-box-width: 18em
$flex-box-color: transparentize($base-font-color, 0.3)
$flex-box-top-colors: tomato, #72BFBF, #92B1E3, #E3D743, #CCC, #F6C05C
@@ -811,7 +821,7 @@ ul.vc-controls li,
background: $flex-box-background
border-radius: $base-border-radius
box-shadow: inset 0 0 1px $flex-box-border-color, 0 2px 4px darken($base-background-color, 10%)
- margin: $flex-box-gutter
+ margin: 5px
padding: 2em 2em 3em 2em
@for $i from 1 to 7
--
GitLab