You can not select more than 25 topics
Topics must start with a letter or number, can include dashes ('-') and can be up to 35 characters long.
30 lines
606 B
30 lines
606 B
2 years ago
|
.root {
|
||
|
|
border-radius: 10px;
|
||
|
|
border: none;
|
||
|
|
padding: 0 20px;
|
||
|
|
cursor: pointer;
|
||
|
|
transition: color 0.2s ease-in-out, background-color 0.2s ease-in-out, opacity 0.2s ease-in-out,
|
||
|
|
transform 0.2s ease-in-out;
|
||
|
|
|
||
|
|
/* size */
|
||
|
|
font-size: 18px;
|
||
|
|
font-weight: 500px;
|
||
|
|
}
|
||
|
|
|
||
|
|
.root:active {
|
||
|
|
transform: scale(0.95);
|
||
|
|
}
|
||
|
|
|
||
|
|
.root:global(.theme-primary) {
|
||
|
|
color: var(--default_white);
|
||
|
|
background-color: var(--button_primary);
|
||
|
|
}
|
||
|
|
|
||
|
|
.root:global(.theme-primary):hover {
|
||
|
|
background-color: var(--button_primary_hover);
|
||
|
|
}
|
||
|
|
|
||
|
|
.root:global(.theme-primary):active {
|
||
|
|
background-color: var(--button_primary_pressed);
|
||
|
|
}
|