2021-01-22 21:58:46 +01:00
|
|
|
.button {
|
2022-04-18 16:05:00 +02:00
|
|
|
font-size: 35px;
|
|
|
|
font-weight: 600;
|
|
|
|
border-width: 4px;
|
|
|
|
border-style: solid;
|
|
|
|
text-decoration: none;
|
|
|
|
border-radius: 20px;
|
|
|
|
padding: 14px 18px 16px 18px;
|
|
|
|
margin: 10px;
|
|
|
|
margin-left: 0px;
|
|
|
|
display: inline-block;
|
2021-01-22 21:58:46 +01:00
|
|
|
}
|
|
|
|
|
|
|
|
.htButton {
|
2022-04-18 16:05:00 +02:00
|
|
|
.button();
|
2021-08-05 02:20:19 +02:00
|
|
|
|
2022-04-18 16:05:00 +02:00
|
|
|
@media @light {
|
|
|
|
border-color: @darkHtColor;
|
|
|
|
color: @darkHtColor;
|
|
|
|
&:hover, &:focus {
|
|
|
|
background-color: @darkHtColor;
|
|
|
|
&::selection {
|
|
|
|
color: @darkHtColor;
|
|
|
|
}
|
|
|
|
}
|
|
|
|
&::selection {
|
|
|
|
background-color: @darkHtColor;
|
|
|
|
}
|
|
|
|
}
|
2021-08-05 02:20:19 +02:00
|
|
|
|
2022-04-18 16:05:00 +02:00
|
|
|
@media @dark {
|
|
|
|
border-color: @lightHtColor;
|
|
|
|
color: @lightHtColor;
|
|
|
|
&:hover, &:focus {
|
|
|
|
background-color: @lightHtColor;
|
|
|
|
&::selection {
|
|
|
|
color: @lightHtColor;
|
|
|
|
}
|
|
|
|
}
|
|
|
|
&::selection {
|
|
|
|
background-color: @lightHtColor;
|
|
|
|
}
|
|
|
|
}
|
2021-01-25 13:39:31 +01:00
|
|
|
}
|
|
|
|
|
2021-03-20 23:48:54 +01:00
|
|
|
.regButton {
|
2022-04-18 16:05:00 +02:00
|
|
|
.button();
|
2021-08-05 02:20:19 +02:00
|
|
|
|
2022-04-18 16:05:00 +02:00
|
|
|
@media @light {
|
|
|
|
border-color: @darkRegColor;
|
|
|
|
color: @darkRegColor;
|
|
|
|
&:hover, &:focus {
|
|
|
|
background-color: @darkRegColor;
|
|
|
|
&::selection {
|
|
|
|
color: @darkRegColor;
|
|
|
|
}
|
|
|
|
}
|
|
|
|
&::selection {
|
|
|
|
background-color: @darkRegColor;
|
|
|
|
}
|
|
|
|
}
|
2021-08-05 02:20:19 +02:00
|
|
|
|
2022-04-18 16:05:00 +02:00
|
|
|
@media @dark {
|
|
|
|
border-color: @lightRegColor;
|
|
|
|
color: @lightRegColor;
|
|
|
|
&:hover, &:focus {
|
|
|
|
background-color: @lightRegColor;
|
|
|
|
&::selection {
|
|
|
|
color: @lightRegColor;
|
|
|
|
}
|
|
|
|
}
|
|
|
|
&::selection {
|
|
|
|
background-color: @lightRegColor;
|
|
|
|
}
|
|
|
|
}
|
2021-01-25 13:39:31 +01:00
|
|
|
}
|
|
|
|
|
|
|
|
.nsButton {
|
2022-04-18 16:05:00 +02:00
|
|
|
.button();
|
2021-08-05 02:20:19 +02:00
|
|
|
|
2022-04-18 16:05:00 +02:00
|
|
|
@media @light {
|
|
|
|
border-color: @darkNsColor;
|
|
|
|
color: @darkNsColor;
|
|
|
|
&:hover, &:focus {
|
|
|
|
background-color: @darkNsColor;
|
|
|
|
&::selection {
|
|
|
|
color: @darkNsColor;
|
|
|
|
}
|
|
|
|
}
|
|
|
|
&::selection {
|
|
|
|
background-color: @darkNsColor;
|
|
|
|
}
|
|
|
|
}
|
2021-08-05 02:20:19 +02:00
|
|
|
|
2022-04-18 16:05:00 +02:00
|
|
|
@media @dark {
|
|
|
|
border-color: @lightNsColor;
|
|
|
|
color: @lightNsColor;
|
|
|
|
&:hover, &:focus {
|
|
|
|
background-color: @lightNsColor;
|
|
|
|
&::selection {
|
|
|
|
color: @lightNsColor;
|
|
|
|
}
|
|
|
|
}
|
|
|
|
&::selection {
|
|
|
|
background-color: @lightNsColor;
|
|
|
|
}
|
|
|
|
}
|
2021-01-25 13:39:31 +01:00
|
|
|
}
|
|
|
|
|
|
|
|
.authButton {
|
2022-04-18 16:05:00 +02:00
|
|
|
.button();
|
2021-08-05 02:20:19 +02:00
|
|
|
|
2022-04-18 16:05:00 +02:00
|
|
|
@media @light {
|
|
|
|
border-color: @darkAuthColor;
|
|
|
|
color: @darkAuthColor;
|
|
|
|
&:hover, &:focus {
|
|
|
|
background-color: @darkAuthColor;
|
|
|
|
&::selection {
|
|
|
|
color: @darkAuthColor;
|
|
|
|
}
|
|
|
|
}
|
|
|
|
&::selection {
|
|
|
|
background-color: @darkAuthColor;
|
|
|
|
}
|
|
|
|
}
|
2021-08-05 02:20:19 +02:00
|
|
|
|
2022-04-18 16:05:00 +02:00
|
|
|
@media @dark {
|
|
|
|
border-color: @lightAuthColor;
|
|
|
|
color: @lightAuthColor;
|
|
|
|
&:hover, &:focus {
|
|
|
|
background-color: @lightAuthColor;
|
|
|
|
&::selection {
|
|
|
|
color: @lightAuthColor;
|
|
|
|
}
|
|
|
|
}
|
|
|
|
&::selection {
|
|
|
|
background-color: @lightAuthColor;
|
|
|
|
}
|
|
|
|
}
|
2021-01-25 13:39:31 +01:00
|
|
|
}
|
|
|
|
|
2021-02-08 12:57:32 +01:00
|
|
|
@media @light {
|
2022-04-18 16:05:00 +02:00
|
|
|
.htButton:hover, .regButton:hover, .nsButton:hover, .authButton:hover,
|
|
|
|
.htButton:focus, .regButton:focus, .nsButton:focus, .authButton:focus {
|
|
|
|
color: @lightColor;
|
|
|
|
&::selection {
|
|
|
|
background-color: @lightColor;
|
|
|
|
}
|
|
|
|
}
|
2021-01-25 13:39:31 +01:00
|
|
|
}
|
|
|
|
|
2021-02-08 12:57:32 +01:00
|
|
|
@media @dark {
|
2022-04-18 16:05:00 +02:00
|
|
|
.htButton:hover, .regButton:hover, .nsButton:hover, .authButton:hover,
|
|
|
|
.htButton:focus, .regButton:focus, .nsButton:focus, .authButton:focus {
|
|
|
|
color: @darkColor;
|
|
|
|
&::selection {
|
|
|
|
background-color: @darkColor;
|
|
|
|
}
|
|
|
|
}
|
2021-01-22 21:58:46 +01:00
|
|
|
}
|