Influxdata
/
influxdb
mirror of https://github.com/influxdata/influxdb.git
1
0
Fork 0
Code Issues Projects Releases Wiki Activity

Introduce text color utilities from bootstrap theme

pull/10616/head
Alex P 2018-02-28 00:00:42 -08:00
parent 3fb0c8249b
commit d8763185e9
2 changed files with 30 additions and 2 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

6
ui/src/style/modules/variables.scss
View File

@ -26,8 +26,10 @@ $ix-link-default: $c-pool;
$ix-link-default-hover: $c-laser;
$ix-link-success: $c-rainforest;
$ix-link-success-hover: $c-honeydew;
$ix-link-warning: $c-star;
$ix-link-warning-hover: $c-comet;
$ix-link-warning: $c-pineapple;
$ix-link-warning-hover: $c-thunder;
$ix-link-info: $c-star;
$ix-link-info-hover: $c-comet;
$ix-link-danger: $c-curacao;
$ix-link-danger-hover: $c-dreamsicle;

26
ui/src/style/theme/_typography.scss
View File

@ -28,6 +28,9 @@ a:visited {
&.link-warning {
color: $ix-link-warning;
}
&.link-info {
color: $ix-link-info;
}
}
a:hover,
a:active {
@ -43,6 +46,9 @@ a:active {
&.link-warning {
color: $ix-link-warning-hover;
}
&.link-info {
color: $ix-link-info-hover;
}
}
// Selection Styles
@ -228,3 +234,23 @@ mark {
br {
@extend %no-user-select;
}
// Colored Text Utilities
// ----------------------------------------------------------------------------
span.text-color {
&-primary {
color: $c-pool;
}
&-success {
color: $c-rainforest;
}
&-warning {
color: $c-pineapple;
}
&-danger {
color: $c-curacao;
}
&-info {
color: $c-star;
}
}