funky-framadate-front/src/styles/libraries/_overrides.scss

78 lines
1.3 KiB
SCSS

// Update Bulma's global variables
$family-sans-serif: 'Nunito', sans-serif;
$primary: $primary_color;
$link: $wisteria;
$widescreen-enabled: false;
$fullhd-enabled: false;
// Update some of Bulma's component variables
$body-background-color: $black;
$control-border-width: 2px;
$input-border-color: transparent;
$input-shadow: none;
.notification {
margin: 1em 0;
}
.select {
display: block !important;
width: 80%;
}
// modal dialog
.p-dialog {
background: blue !important;
}
.cancel-button-reject {
background: none;
color: $primary_color;
margin-right: -1rem;
float: right;
.icon {
margin-left: 1rem;
height: 1rem;
width: 1rem;
margin-top: 0.15rem;
float: right;
}
}
.round-borders {
border-radius: 1rem !important;
}
.img-marged-left {
img {
margin-left: 1rem;
}
}
.img-marged-right {
img {
margin-right: 1rem;
}
}
.button .icon:first-child:last-child,
button .icon:first-child:last-child,
.btn .icon:first-child:last-child {
margin-left: 1rem;
margin-right: auto;
}
.p-datepicker .p-datepicker-calendar td span,
.p-datepicker .p-datepicker-calendar .p-ripple {
transition: outline ease 0.1s;
}
.p-button:focus,
.p-datepicker table td > span:focus,
.p-datepicker .p-datepicker-header .p-datepicker-prev:focus,
.p-datepicker .p-datepicker-header .p-datepicker-next:focus {
outline: 3px solid $black !important;
}