95 lines
1.6 KiB
SCSS
95 lines
1.6 KiB
SCSS
@import "~bootstrap-datepicker/dist/css/bootstrap-datepicker.css";
|
|
@import "~bootstrap-timepicker/css/bootstrap-timepicker.css";
|
|
|
|
/**
|
|
* Your custom style
|
|
*/
|
|
// shrink elements on scroll
|
|
body.shrink {}
|
|
|
|
// sticky footer
|
|
@media (min-width: map-get($grid-breakpoints, "sm")) {
|
|
html, body {
|
|
height: 100%;
|
|
min-height: 100%;
|
|
}
|
|
|
|
.wrapper {
|
|
min-height: 100%;
|
|
padding-top: $grid-gutter-height;
|
|
padding-bottom: 2rem;
|
|
}
|
|
|
|
.site-footer {
|
|
height: 2rem;
|
|
margin-top: -2rem;
|
|
}
|
|
}
|
|
|
|
// element col paddings
|
|
.col-block {
|
|
padding: $grid-gutter-height / 4;
|
|
}
|
|
|
|
// rewrite btn opacity on hover
|
|
.btn {
|
|
&:hover,
|
|
&:focus {
|
|
opacity: 1;
|
|
}
|
|
}
|
|
|
|
// SS-messages
|
|
.message {
|
|
@extend .alert;
|
|
|
|
@extend .alert-info;
|
|
}
|
|
|
|
.message.required,
|
|
.message.error {
|
|
@extend .alert;
|
|
|
|
@extend .alert-danger;
|
|
}
|
|
|
|
// date-time fields
|
|
input.date,
|
|
input.time {
|
|
&[readonly] {
|
|
background-color: $white;
|
|
}
|
|
}
|
|
|
|
.bootstrap-timepicker-widget,
|
|
.datepicker-dropdown {
|
|
border: 1px solid #ced4da;
|
|
box-shadow: 0 0 3px #999;
|
|
}
|
|
|
|
.bootstrap-timepicker-widget {
|
|
.glyphicon {
|
|
-moz-osx-font-smoothing: grayscale;
|
|
-webkit-font-smoothing: antialiased;
|
|
display: inline-block;
|
|
font-style: normal;
|
|
font-variant: normal;
|
|
text-rendering: auto;
|
|
line-height: 1;
|
|
font-family: Font Awesome\ 5 Free;
|
|
font-weight: 900;
|
|
}
|
|
|
|
.glyphicon-chevron-up:before {
|
|
content: "\f077";
|
|
}
|
|
|
|
.glyphicon-chevron-down:before {
|
|
content: "\f078";
|
|
}
|
|
|
|
input {
|
|
border: 1px solid #ced4da;
|
|
}
|
|
}
|