99 lines
2.1 KiB
Plaintext
99 lines
2.1 KiB
Plaintext
// Pattern matching; ish is cray.
|
|
// http://lesscss.org/#-pattern-matching-and-guard-expressions
|
|
|
|
.text(normal) {
|
|
font-weight: normal;
|
|
color: @text-color;
|
|
text-shadow: none;
|
|
}
|
|
|
|
.text(subtle) {
|
|
font-weight: normal;
|
|
color: @text-color-subtle;
|
|
text-shadow: none;
|
|
}
|
|
|
|
.text(highlight) {
|
|
font-weight: normal;
|
|
color: @text-color-highlight;
|
|
}
|
|
|
|
.text(selected) {
|
|
.text(highlight)
|
|
}
|
|
|
|
.text(info) {
|
|
color: @text-color-info;
|
|
text-shadow: none;
|
|
}
|
|
|
|
.text(success) {
|
|
color: @text-color-success;
|
|
text-shadow: none;
|
|
}
|
|
|
|
.text(warning) {
|
|
color: @text-color-warning;
|
|
text-shadow: none;
|
|
}
|
|
|
|
.text(error) {
|
|
color: @text-color-error;
|
|
text-shadow: none;
|
|
}
|
|
|
|
// MD Shadows Helper
|
|
.z-depth-1() {
|
|
box-shadow: 0 0.0625rem 0.25rem rgba(0,0,0,0.12), 0 0.0625rem 0.25rem rgba(0,0,0,0.24);
|
|
}
|
|
.z-depth-2() {
|
|
box-shadow: 0 0.2rem 0.375rem rgba(0,0,0,0.16), 0 0.2rem 0.375rem rgba(0,0,0,0.23);
|
|
}
|
|
.z-depth-3() {
|
|
box-shadow: 0 0.625rem 1.25rem rgba(0,0,0,0.19), 0 0.375rem 0.375rem rgba(0,0,0,0.23);
|
|
}
|
|
.z-depth-4() {
|
|
box-shadow: 0 0.875rem 1.75rem rgba(0,0,0,0.25), 0 0.625rem 0.625rem rgba(0,0,0,0.22);
|
|
}
|
|
.z-depth-5() {
|
|
box-shadow: 0 1.125rem 2.25rem rgba(0,0,0,0.30), 0 1rem 0.75rem rgba(0,0,0,0.22);
|
|
}
|
|
|
|
// Underline Effect
|
|
.md-underline(@underline-color) {
|
|
position: relative;
|
|
|
|
&::after {
|
|
content: '';
|
|
position: absolute;
|
|
bottom: 0;
|
|
left: 0;
|
|
width: 100%;
|
|
height: 2px;
|
|
background: @underline-color;
|
|
transform: scaleX(0);
|
|
will-change: transform;
|
|
}
|
|
|
|
.amu-use-animations & {
|
|
&::after {
|
|
transition: transform 250ms;
|
|
}
|
|
}
|
|
|
|
&.active, &.is-focused, &:focus {
|
|
&::after {
|
|
transform: scaleX(1);
|
|
}
|
|
}
|
|
}
|
|
|
|
// <select> arrow
|
|
.select-arrow(@color) when (lightness(@color) > 50%) {
|
|
background-image: url('atom://atom-material-ui/assets/svg/arrow-drop-down.svg');
|
|
}
|
|
|
|
.select-arrow(@color) when (lightness(@color) < 50%) {
|
|
background-image: url('atom://atom-material-ui/assets/svg/arrow-drop-down-white.svg');
|
|
}
|