mirror of https://github.com/snachodog/mybuddy.git
62 lines
1.4 KiB
SCSS
62 lines
1.4 KiB
SCSS
// Baby Buddy site-wide custom styles.
|
|
|
|
// Remove extra margin below site breadcrumb.
|
|
.breadcrumb {
|
|
margin-bottom: 0;
|
|
}
|
|
|
|
// Extra-small button.
|
|
.btn-xs {
|
|
@include button-size(.2rem, .12rem, .75rem, 1, .2rem);
|
|
}
|
|
|
|
// Right align main dropdown menu.
|
|
.dropdown-menu-right {
|
|
right: 0;
|
|
left: auto; // Reset the default from `.dropdown-menu`
|
|
}
|
|
|
|
// BB form fields do not follow typical BS4 style that enables this display.
|
|
.invalid-feedback {
|
|
display: block;
|
|
}
|
|
|
|
// Disable hover effect on buttons (used for checkbox buttons).
|
|
.btn-no-hover {
|
|
&:hover {
|
|
color: inherit;
|
|
background-color: inherit;
|
|
border-color: inherit;
|
|
}
|
|
}
|
|
|
|
// Set default text color for datetime picker.
|
|
.bootstrap-datetimepicker-widget {
|
|
color: $gray-400;
|
|
}
|
|
|
|
// Datetime picker input styles.
|
|
.input-group {
|
|
&.datetimepicker {
|
|
|
|
// Make calendar icon large and use the primary theme color.
|
|
.input-group-text {
|
|
background: none;
|
|
border: 0;
|
|
color: theme-color('primary');
|
|
padding-left: 0;
|
|
padding-right: 0;
|
|
}
|
|
|
|
// Style readonly input to look less like an input element.
|
|
.datetimepicker-input {
|
|
&[readonly] {
|
|
background: none;
|
|
border: 0;
|
|
color: $white;
|
|
cursor: pointer;
|
|
font-weight: bold;
|
|
}
|
|
}
|
|
}
|
|
} |