From 5925043569dc080280a7bf9c79f59e684d6c425d Mon Sep 17 00:00:00 2001 From: Michel Felipe Date: Mon, 11 Jul 2016 09:54:13 -0300 Subject: [PATCH] Configbar yellow skin change + minor sass refactory --- src/app/profile/configbar.scss | 20 ++++++++++++++------ themes/angular-participa-consulta/app/layout/scss/skins/_yellow.scss | 27 ++++++++++++++++++++++++++- 2 files changed, 40 insertions(+), 7 deletions(-) diff --git a/src/app/profile/configbar.scss b/src/app/profile/configbar.scss index 3442ca4..41a7ab2 100644 --- a/src/app/profile/configbar.scss +++ b/src/app/profile/configbar.scss @@ -58,9 +58,12 @@ } .section-title { - font-size: 15px; - font-weight: bold; margin: 30px 0 5px; + font: { + size: 15px; + weight: bold; + } + } #config-tool-options { @@ -76,16 +79,21 @@ ul { list-style: none; border-radius: 2px; - background-clip: padding-box; - background-color: #f1f3f2; padding: 0; + background: { + clip: padding-box; + color: #f1f3f2; + } + li { - font-size: 13px; - font-weight: 300; padding: 10px; width: 250px; min-height: 50px; + font: { + size: 13px; + weight: 300; + } .checkbox { margin: 0; diff --git a/themes/angular-participa-consulta/app/layout/scss/skins/_yellow.scss b/themes/angular-participa-consulta/app/layout/scss/skins/_yellow.scss index 6953b9c..7442c13 100644 --- a/themes/angular-participa-consulta/app/layout/scss/skins/_yellow.scss +++ b/themes/angular-participa-consulta/app/layout/scss/skins/_yellow.scss @@ -1,3 +1,6 @@ +$yellow-hover: #f5b025; +$yellow-base: #f9c404; + .skin-yellow { @extend %skin-base; @@ -49,7 +52,7 @@ .container-fluid .navbar-header .navbar-toggle { &:hover, &:focus { - background-color: #f5b025; + background-color: $yellow-hover; } } @@ -61,4 +64,26 @@ } } + #config-tool { + + #config-tool-cog { + color: $yellow-hover; + } + + #config-tool-options { + h4 { + color: #2c3e50; + font-weight: bold; + } + } + + &.closed { + #config-tool-cog { + &:hover { + background-color: $yellow-hover; + } + } + } + } + } -- libgit2 0.21.2