lucas.mathieu/cachet-docker
1
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

Tidy up SCSS, make header lighter

Browse Source
This commit is contained in:
James Brooks
2014-12-05 12:59:29 +00:00
parent 120ef54648
commit a38d0e040d
7 changed files with 45 additions and 49 deletions
Download Patch File Download Diff File Expand all files Collapse all files

28
app/assets/sass/partials/_base.scss
View File

@@ -1,31 +1,3 @@
$base-background-color: #f5f5f5;
$base-font-family: "Avenir Next W01", "Helvetica Neue", "Helvetica", "Arial", sans-serif;
$base-font-weight: 300;
$base-letter-spacing: 1px;
$base-font-size: 16px;
$base-link-color: #ffffff;
$base-link-hover-color: #e9e9e9;
$header-background-color: #00695C;
$header-border-color: 1px solid darken(#00695C, 10%);
$sidebar-transition-speed: .2s;
$sidebar-background-color: #2c3e50;
$sidebar-border-color: 1px solid rgba(255, 255, 255, .1);
$sidebar-text-color: #d7dadc;
$sidebar-text-active-color: #ffffff;
$sidebar-normal-width: 250px;
$sidebar-phone-width: 75%;
$screen-xs-max: "(max-width: 549px)";
$screen-sm-min: "(min-width: 550px)";
$screen-sm-max: "(max-width: 991px)";
$screen-md-min: "(min-width: 992px)";
$screen-md-max: "(max-width: 1199px)";
$screen-lg-min: "(min-width: 1200px)";
body.dashboard {
font-family: $base-font-family;
font-weight: $base-font-weight;

2
app/assets/sass/partials/_sidebar.scss
View File

@@ -39,7 +39,7 @@ body.dashboard {
border-bottom: $sidebar-border-color;
}
&.active {
background: $header-background-color;
background: $sidebar-active-color;
a {
color: $sidebar-text-active-color;
}

28
app/assets/sass/partials/_variables.scss Normal file
View File

@@ -0,0 +1,28 @@
$base-background-color: #f5f5f5;
$base-font-family: "Avenir Next W01", "Helvetica Neue", "Helvetica", "Arial", sans-serif;
$base-font-weight: 300;
$base-letter-spacing: 1px;
$base-font-size: 16px;
$base-link-color: #ffffff;
$base-link-hover-color: #e9e9e9;
$header-background-color: lighten(#00695C, 10%);
$header-border-color: 1px solid darken($header-background-color, 10%);
$sidebar-transition-speed: .2s;
$sidebar-background-color: #2c3e50;
$sidebar-border-color: 1px solid rgba(255, 255, 255, .1);
$sidebar-text-color: #d7dadc;
$sidebar-text-active-color: #ffffff;
$sidebar-normal-width: 250px;
$sidebar-phone-width: 75%;
$sidebar-active-color: #00695C;
$screen-xs-max: "(max-width: 549px)";
$screen-sm-min: "(min-width: 550px)";
$screen-sm-max: "(max-width: 991px)";
$screen-md-min: "(min-width: 992px)";
$screen-md-max: "(max-width: 1199px)";
$screen-lg-min: "(min-width: 1200px)";