IntenseWebs/grafana
3
0
Fork 0
mirror of https://github.com/grafana/grafana.git synced 2025-02-25 18:55:37 -06:00
Code Issues Packages Projects Releases Wiki Activity

ux(sass): variable renaming

Browse Source
This commit is contained in:
Torkel Ödegaard
2016-02-16 08:17:08 +01:00
parent 41b775561a
commit 058c905432
14 changed files with 96 additions and 97 deletions
Download Patch File Download Diff File Expand all files Collapse all files

2
public/sass/components/_alerts.scss
View File

@@ -55,7 +55,7 @@
border-radius: 50%;
border: none;
font-size: 1.1rem;
color: $grayDarker;
color: $gray-darker;
.fa {
position: relative;
top: -2px;

2
public/sass/components/_buttons.scss
View File

@@ -17,7 +17,7 @@
cursor: pointer;
border: none;
@include buttonBackground($btnBackground, $btnBackgroundHighlight, $grayDark, 0 1px 1px rgba(255,255,255,.75));
@include buttonBackground($btnBackground, $btnBackgroundHighlight, $gray-dark, 0 1px 1px rgba(255,255,255,.75));
@include box-shadow("inset 0 1px 0 rgba(255,255,255,.2), 0 1px 2px rgba(0,0,0,.05)");
// Hover/focus state

4
public/sass/components/_dashboard.scss
View File

@@ -31,7 +31,7 @@
float: left;
cursor: pointer;
line-height: 31px;
background-color: $blueDark;
background-color: $blue-dark;
}
.row-text {
@@ -245,7 +245,7 @@ div.flot-text {
.panel-drop-zone {
display: none;
.panel-container {
border: 1px solid $grayDark;
border: 1px solid $gray-dark;
}
}

2
public/sass/components/_dropdown.scss
View File

@@ -112,7 +112,7 @@
.dropdown-menu > .disabled > a,
.dropdown-menu > .disabled > a:hover,
.dropdown-menu > .disabled > a:focus {
color: $grayLight;
color: $gray-light;
}
// Nuke hover/focus effects
.dropdown-menu > .disabled > a:hover,

2
public/sass/components/_gfbox.scss
View File

@@ -28,7 +28,7 @@
.gf-box-header-save-btn {
padding: 7px 0;
float: right;
color: $grayLight;
color: $gray-light;
font-style: italic;
}

12
public/sass/components/_navs.scss
View File

@@ -19,7 +19,7 @@
.nav > li > a:hover,
.nav > li > a:focus {
text-decoration: none;
background-color: $grayLighter;
background-color: $gray-lighter;
}
// Redeclare pull classes because of specifity
@@ -34,7 +34,7 @@
font-size: 11px;
font-weight: bold;
line-height: $baseLineHeight;
color: $grayLight;
color: $gray-light;
text-shadow: 0 1px 0 rgba(255,255,255,.5);
text-transform: uppercase;
}
@@ -114,7 +114,7 @@
@include border-radius(4px 4px 0 0);
&:hover,
&:focus {
border-color: $grayLighter $grayLighter #ddd;
border-color: $gray-lighter $gray-lighter #ddd;
}
}
// Active state, and it's :hover/:focus to override normal :hover/:focus
@@ -172,8 +172,8 @@
.nav > li.dropdown.open.active > a:hover,
.nav > li.dropdown.open.active > a:focus {
color: $white;
background-color: $grayLight;
border-color: $grayLight;
background-color: $gray-light;
border-color: $gray-light;
}
.nav li.dropdown.open .caret,
.nav li.dropdown.open.active .caret,
@@ -187,7 +187,7 @@
// Dropdowns in stacked tabs
.tabs-stacked .open > a:hover,
.tabs-stacked .open > a:focus {
border-color: $grayLight;
border-color: $gray-light;
}
// Show/hide tabbable areas

4
public/sass/components/_pagination.scss
View File

@@ -29,14 +29,14 @@
}
.pagination ul > .active > a,
.pagination ul > .active > span {
color: $grayLight;
color: $gray-light;
cursor: default;
}
.pagination ul > .disabled > span,
.pagination ul > .disabled > a,
.pagination ul > .disabled > a:hover,
.pagination ul > .disabled > a:focus {
color: $grayLight;
color: $gray-light;
background-color: transparent;
cursor: default;
}

2
public/sass/components/_submenu.scss
View File

@@ -122,7 +122,7 @@
.variable-option {
&:hover, &.highlighted {
background-color: $blueDark;
background-color: $blue-dark;
}
}

6
public/sass/components/_tags.scss
View File

@@ -10,7 +10,7 @@
vertical-align: baseline;
white-space: nowrap;
text-shadow: 0 -1px 0 rgba(0,0,0,.25);
background-color: $grayLight;
background-color: $gray-light;
}
@@ -55,6 +55,6 @@
&-info { background-color: $infoText; }
&-info[href] { background-color: darken($infoText, 10%); }
// Inverse (black)
&-inverse { background-color: $grayDark; }
&-inverse[href] { background-color: darken($grayDark, 10%); }
&-inverse { background-color: $gray-dark; }
&-inverse[href] { background-color: darken($gray-dark, 10%); }
}