gdq-archive/frontend/styles/main.scss

50 lines
1.5 KiB
SCSS

/**
* Copyright (C) 2019-2021 Carl Kittelberger <icedream@icedream.pw>
*
* This program is free software: you can redistribute it and/or modify
* it under the terms of the GNU Affero General Public License as
* published by the Free Software Foundation, either version 3 of the
* License, or (at your option) any later version.
*
* This program is distributed in the hope that it will be useful,
* but WITHOUT ANY WARRANTY; without even the implied warranty of
* MERCHANTABILITY or FITNESS FOR A PARTICULAR PURPOSE. See the
* GNU Affero General Public License for more details.
*
* You should have received a copy of the GNU Affero General Public License
* along with this program. If not, see <http://www.gnu.org/licenses/>.
*/
@import "~video.js/src/css/video-js";
@import "bootstrap";
@import "variables";
$colorTransitionFunction: ease-out;
$colorTransitionDuration: 1s;
html[data-toggled-dark="true"] * {
transition: background-color $colorTransitionDuration $colorTransitionFunction,
color $colorTransitionDuration $colorTransitionFunction,
border-color $colorTransitionDuration $colorTransitionFunction !important;
}
html {
.btn {
&.btn-twitch {
@include button-variant($twitch-color, $twitch-color);
}
&.btn-outline-twitch {
@include button-outline-variant($twitch-color);
}
&.btn-youtube {
@include button-variant($youtube-color, $youtube-color);
}
&.btn-outline-youtube {
@include button-outline-variant($youtube-color);
}
}
}