2015-05-29 20:38:37 +03:00
|
|
|
@import "ui-variables";
|
|
|
|
|
2015-05-29 02:09:15 +03:00
|
|
|
.text-bits (@type) {
|
2015-05-29 23:21:45 +03:00
|
|
|
@text-color-name: "text-color-@{type}";
|
|
|
|
@bg-color-name: "background-color-@{type}";
|
|
|
|
|
|
|
|
@text-color: @@text-color-name;
|
|
|
|
@bg-color: @@bg-color-name;
|
2015-05-29 02:09:15 +03:00
|
|
|
|
|
|
|
code {
|
2015-05-29 23:21:45 +03:00
|
|
|
color: @text-color;
|
|
|
|
background: fadeout(@bg-color, 80%);
|
2015-05-29 02:09:15 +03:00
|
|
|
}
|
|
|
|
|
|
|
|
a, a code {
|
|
|
|
text-decoration: underline;
|
2015-05-29 23:21:45 +03:00
|
|
|
color: darken(@text-color, 10%);
|
2015-05-29 02:09:15 +03:00
|
|
|
|
|
|
|
&:hover {
|
2015-05-29 23:21:45 +03:00
|
|
|
color: darken(@text-color, 15%);
|
2015-05-29 02:09:15 +03:00
|
|
|
}
|
|
|
|
}
|
|
|
|
}
|
|
|
|
|
|
|
|
.text-info {
|
|
|
|
.text-bits(info);
|
|
|
|
}
|
|
|
|
|
|
|
|
.text-success {
|
|
|
|
.text-bits(success);
|
|
|
|
}
|
|
|
|
|
|
|
|
.text-warning {
|
|
|
|
.text-bits(warning);
|
|
|
|
}
|
|
|
|
|
|
|
|
.text-error {
|
|
|
|
.text-bits(error);
|
|
|
|
}
|