2017-09-27 23:10:41 +02:00
|
|
|
@primary: #41403E;
|
|
|
|
@secondary: #0071DE;
|
|
|
|
|
|
|
|
@success: #86a361;
|
|
|
|
@warning: #ddcd45;
|
|
|
|
@danger: #a7342d;
|
2017-11-02 14:58:35 +01:00
|
|
|
@muted: #868e96;
|
2017-09-27 23:10:41 +02:00
|
|
|
|
|
|
|
@primary-light: lighten(@primary, 50%);
|
|
|
|
@secondary-light: lighten(@secondary, 50%);
|
|
|
|
@success-light: lighten(@success, 30%);
|
|
|
|
@warning-light: lighten(@warning, 30%);
|
|
|
|
@danger-light: lighten(@danger, 45%);
|
2017-11-02 14:58:35 +01:00
|
|
|
@muted-light: lighten(@muted, 35%);
|
2017-09-27 23:10:41 +02:00
|
|
|
|
2017-12-01 22:31:48 +01:00
|
|
|
@white-dark: rgba(0, 0, 0, 0.03);
|
2017-11-13 17:29:46 +01:00
|
|
|
@light-dark: rgba(0, 0, 0, 0.7);
|
2017-11-06 21:33:02 +01:00
|
|
|
@white: rgba(255, 255, 255, 1);
|
|
|
|
@main-background: rgba(255, 255, 255, 1);
|
2017-11-02 20:29:20 +01:00
|
|
|
|
2017-11-02 17:08:22 +01:00
|
|
|
@primary-text: #FFF;
|
|
|
|
@secondary-text: @primary;
|
|
|
|
@success-text: @primary;
|
|
|
|
@warning-text: @primary;
|
|
|
|
@danger-text: @primary;
|
2017-11-03 13:51:23 +01:00
|
|
|
@muted-text: @primary;
|
2017-11-02 17:08:22 +01:00
|
|
|
|
2017-11-02 20:13:36 +01:00
|
|
|
@colors: primary, secondary, success, warning, danger, muted;
|
2017-11-01 16:37:52 +01:00
|
|
|
|
|
|
|
.make-text-color-classes(@i: length(@colors)) when (@i > 0) {
|
|
|
|
.make-text-color-classes(@i - 1);
|
|
|
|
@color: extract(@colors, @i);
|
|
|
|
.text-@{color} {
|
|
|
|
color: @@color;
|
2017-09-27 23:10:41 +02:00
|
|
|
}
|
2017-11-01 16:37:52 +01:00
|
|
|
.background-@{color}{
|
2017-11-01 23:29:07 +01:00
|
|
|
background-color: ~"@{@{color}-light}";
|
2017-11-02 14:58:35 +01:00
|
|
|
}
|
2017-11-01 16:37:52 +01:00
|
|
|
}
|
|
|
|
|
2017-11-01 23:29:07 +01:00
|
|
|
.make-text-color-classes();
|