owncast/web/styles/ant-overrides.scss
2022-07-10 09:00:29 +02:00

78 lines
1.5 KiB
SCSS

/* ------------------------- //
BUTTONS
// ------------------------- */
.ant-btn {
height: 2rem;
padding: .3rem 1rem;
font-size: .85rem;
font-weight: bold;
border-radius: var(--theme-rounded-corners);
border-color: transparent;
background-color: var(--color-owncast-gray-500);
color: var(--color-owncast-gray-100);
&:hover,
&:focus {
background-color: var(--color-owncast-gray-700);
border-color: transparent;
color: inherit;
}
&[ant-click-animating-without-extra-node]:after {
animation: 0s !important;
}
}
.ant-btn-primary {
background-color: var(--color-owncast-purple-700);
&:hover,
&:focus {
background-color: var(--color-owncast-purple-500);
border-color: transparent;
}
}
.ant-btn-primary[disabled] {
background-color: var(--white-25);
&:hover {
background-color: var(--white-35);
}
}
.ant-btn-ghost {
border: 0px;
box-shadow: none !important;
background-color: transparent !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);
}
/* ------------------------- //
TABS
// ------------------------- */
@media (max-width: 768px) {
.ant-tabs-content {
height: 100%;
}
}
/* ------------------------- //
TOOLTIP
// ------------------------- */
.ant-tooltip {
// border-radius: var(--theme-rounded-corners);
// overflow: hidden;
}