umami/components/common/Button.module.css

57 lines
860 B
CSS
Raw Normal View History

.button {
display: flex;
justify-content: center;
align-items: center;
2020-08-06 08:03:07 +02:00
font-size: var(--font-size-normal);
background: var(--gray100);
2020-08-06 04:04:02 +02:00
padding: 8px 16px;
border-radius: 4px;
border: 0;
outline: none;
cursor: pointer;
2020-08-09 08:48:43 +02:00
white-space: nowrap;
2020-08-15 10:17:15 +02:00
position: relative;
}
.button:hover {
background: #eaeaea;
}
2020-08-07 09:24:01 +02:00
2020-09-02 07:52:20 +02:00
.button:active {
color: initial;
}
2020-08-09 12:04:48 +02:00
.large {
font-size: var(--font-size-large);
}
.medium {
font-size: var(--font-size-normal);
}
2020-08-07 09:24:01 +02:00
.small {
font-size: var(--font-size-small);
}
2020-08-09 12:04:48 +02:00
.xsmall {
font-size: var(--font-size-xsmall);
2020-08-07 09:24:01 +02:00
}
.action {
color: var(--gray50) !important;
background: var(--gray900) !important;
}
.action:hover {
background: var(--gray800) !important;
}
.danger {
color: var(--gray50) !important;
background: var(--red500) !important;
}
.danger:hover {
background: var(--red400) !important;
}