You cannot select more than 25 topics
Topics must start with a letter or number, can include dashes ('-') and can be up to 35 characters long.
72 lines
1.3 KiB
SCSS
72 lines
1.3 KiB
SCSS
@font-face {
|
|
font-family: "quicksand";
|
|
/* license: url("https://radii.page/fonts/Quicksand-Regular.txt"); */
|
|
src: local("quicksand") url("./quicksand.ttf") format("tff");
|
|
}
|
|
|
|
$font-family-base: quicksand, roboto !default;
|
|
|
|
@import "./variables.module.scss";
|
|
@import "~bootstrap/scss/bootstrap";
|
|
|
|
:root {
|
|
--custom-color: #27ae60;
|
|
--custom-darker-color: darken(#27ae60, 10%);
|
|
--custom-super-light-color: fade-out(#27ae60, 0.9);
|
|
}
|
|
|
|
$CustomColor: var(--custom-color);
|
|
$CustomDarkerColor: var(--custom-darker-color);
|
|
$CustomSuperLightColor: var(--custom-super-light-color);
|
|
|
|
.form-check-input:checked {
|
|
background-color: $CustomColor !important;
|
|
color: white;
|
|
}
|
|
|
|
.custom-color {
|
|
color: $CustomColor;
|
|
}
|
|
|
|
.custom-bg-color {
|
|
background-color: $CustomColor;
|
|
color: white;
|
|
}
|
|
|
|
.custom-el-color {
|
|
background-color: $CustomColor;
|
|
color: white;
|
|
&:hover {
|
|
background-color: $CustomDarkerColor;
|
|
color: white;
|
|
}
|
|
&:focus {
|
|
background-color: $CustomColor;
|
|
color: white;
|
|
}
|
|
&:focus:hover {
|
|
background-color: $CustomDarkerColor;
|
|
color: white;
|
|
}
|
|
}
|
|
|
|
.panel-bg-color {
|
|
background-color: $CustomSuperLightColor;
|
|
color: black;
|
|
border: 1px solid $CustomColor;
|
|
}
|
|
|
|
/*@media (min-width: 576px) {
|
|
.drum-pad {
|
|
width: 100px;
|
|
height: 80px;
|
|
}
|
|
}
|
|
|
|
@media (max-width: 576px) {
|
|
.drum-pad {
|
|
width: 70px;
|
|
height: 56px;
|
|
}
|
|
}*/
|