60 lines
1002 B
Plaintext
60 lines
1002 B
Plaintext
@user-background: @global-primary-background;
|
|
@user-color: @global-inverse-color;
|
|
|
|
/* Hover */
|
|
@user-hover-background: @global-secondary-background;
|
|
@user-hover-color: @global-inverse-color;
|
|
|
|
.login {
|
|
& > * {
|
|
color: @user-color;
|
|
}
|
|
|
|
circle {
|
|
fill: @user-background;
|
|
}
|
|
|
|
&:hover {
|
|
& > * {
|
|
color: @user-hover-color;
|
|
}
|
|
|
|
& circle {
|
|
fill: @user-hover-background;
|
|
}
|
|
}
|
|
|
|
text {
|
|
stroke: currentColor;
|
|
fill: currentColor;
|
|
}
|
|
}
|
|
|
|
/* Inverse */
|
|
@inverse-user-background: @global-inverse-color;
|
|
@inverse-user-color: @global-primary-background;
|
|
@inverse-user-hover-background: @global-inverse-color;
|
|
@inverse-user-hover-color: @global-secondary-background;
|
|
|
|
.hook-inverse() {
|
|
.login {
|
|
& > * {
|
|
color: @inverse-user-color;
|
|
}
|
|
|
|
circle {
|
|
fill: @inverse-user-background;
|
|
}
|
|
|
|
&:hover {
|
|
& > * {
|
|
color: @inverse-user-hover-color;
|
|
}
|
|
|
|
& circle {
|
|
fill: @inverse-user-hover-background;
|
|
}
|
|
}
|
|
}
|
|
}
|