57 lines
1.2 KiB
SCSS
57 lines
1.2 KiB
SCSS
/* ------------------------- //
|
|
BUTTONS
|
|
// ------------------------- */
|
|
|
|
.ant-btn {
|
|
height: 2rem;
|
|
padding: .3rem 1rem;
|
|
background-color: var(--owncast-purple-25);
|
|
font-size: .85rem;
|
|
font-weight: bold;
|
|
border-radius: var(--theme-rounded-corners);
|
|
border-color: transparent;
|
|
color: var(--white-75);
|
|
&:hover,
|
|
&:focus {
|
|
background-color: var(--color-owncast-purple-700);
|
|
border-color: transparent;
|
|
color: var(--white);
|
|
}
|
|
&:focus {
|
|
border-color: var(--owncast-purple-25);
|
|
}
|
|
&[ant-click-animating-without-extra-node]:after {
|
|
animation: 0s !important;
|
|
}
|
|
}
|
|
|
|
.ant-btn-primary {
|
|
background-color: var(--owncast-purple-50);
|
|
}
|
|
|
|
.ant-btn-primary[disabled] {
|
|
background-color: var(--white-25);
|
|
color: var(--white-50);
|
|
&:hover {
|
|
background-color: var(--white-35);
|
|
}
|
|
}
|
|
|
|
.ant-btn-background-ghost {
|
|
border: 0px;
|
|
box-shadow: none !important;
|
|
&:hover,
|
|
&:focus {
|
|
background-color: var(--theme-info-color);
|
|
}
|
|
}
|
|
|
|
/* ------------------------- //
|
|
DROPDOWN
|
|
// ------------------------- */
|
|
|
|
.ant-dropdown-menu {
|
|
border-radius: var(--theme-rounded-corners);
|
|
background-color: var(--color-owncast-background-secondary);
|
|
}
|