110 lines
1.8 KiB
SCSS
110 lines
1.8 KiB
SCSS
/* Bootstrap and customizations */
|
|
$table-cell-padding: .60rem !default;
|
|
|
|
$sizes: (
|
|
0: 0%,
|
|
1: 1%,
|
|
2: 2%,
|
|
3: 3%,
|
|
4: 4%,
|
|
5: 5%,
|
|
6: 6%,
|
|
7: 7%,
|
|
8: 8%,
|
|
9: 9%,
|
|
10: 10%,
|
|
15: 15%,
|
|
20: 20%,
|
|
25: 25%,
|
|
30: 30%,
|
|
35: 35%,
|
|
40: 40%,
|
|
45: 45%,
|
|
50: 50%,
|
|
55: 55%,
|
|
60: 60%,
|
|
65: 65%,
|
|
70: 70%,
|
|
75: 75%,
|
|
80: 80%,
|
|
85: 85%,
|
|
90: 90%,
|
|
95: 95%,
|
|
100: 100%,
|
|
150: 150%,
|
|
200: 200%,
|
|
250: 250%,
|
|
300: 300%
|
|
);
|
|
|
|
@import '~bootstrap/scss/bootstrap.scss';
|
|
|
|
.dropdown-item-hover {
|
|
@extend .dropdown-item:hover;
|
|
}
|
|
|
|
@each $prop, $abbrev in (max-width: w, max-height: h) {
|
|
@each $size, $length in $sizes {
|
|
.m#{$abbrev}-#{$size} { #{$prop}: $length !important; }
|
|
}
|
|
}
|
|
|
|
/* Add font awesome */
|
|
$fa-font-path: "~font-awesome/fonts";
|
|
@import '~font-awesome/scss/font-awesome';
|
|
|
|
/* Custom global rules */
|
|
.no-shadow {
|
|
box-shadow: none !important;
|
|
border-color: #CCC !important;
|
|
}
|
|
|
|
/* Add validation rules for angular classes */
|
|
.ng-dirty.ng-invalid.auto-invalid {
|
|
@extend .is-invalid;
|
|
}
|
|
|
|
.ng-dirty.ng-invalid.auto-validstate {
|
|
@extend .is-invalid;
|
|
}
|
|
|
|
.ng-dirty.ng-valid.auto-valid {
|
|
@extend .is-valid;
|
|
}
|
|
|
|
.ng-dirty.ng-valid.auto-validstate {
|
|
@extend .is-valid;
|
|
}
|
|
|
|
/* Cursor pointer class */
|
|
.cursor-pointer {
|
|
cursor: pointer;
|
|
}
|
|
|
|
/* Remove glow from inputs */
|
|
.no-shadow {
|
|
box-shadow: none!important;
|
|
border-color: #CCC!important;
|
|
}
|
|
|
|
/* Table with fixed layout */
|
|
.table-layout-fixed {
|
|
table-layout: fixed;
|
|
}
|
|
|
|
/* Dropdown with toggle carret left */
|
|
.dropdown-toggle-left::before {
|
|
@extend .dropdown-toggle::after;
|
|
margin-left: unset;
|
|
margin-right: 0.255em;
|
|
}
|
|
|
|
/* Make table wider for small screens */
|
|
@include media-breakpoint-down(sm) {
|
|
.table-triple {
|
|
min-width: 100%;
|
|
max-width: 300%;
|
|
width: auto;
|
|
}
|
|
}
|