adam/shift73k
1
0
Fork 0
Code Issues Pull requests Projects Releases Wiki Activity

month & shift navigation progress

Browse source
This commit is contained in:
Adam Piontek 2021-03-15 15:46:59 -04:00
parent b352416366
commit 4276399c20
20 changed files with 597 additions and 98 deletions

2
assets/css/_bs-colors.scss
View file

@ -3,7 +3,7 @@ $primary: #662c91;
$secondary: #ee6c4d;
$success: #3f784c;
$info: #3f84e5;
$warning: #fcca46;
$warning: #ffec51;
$light: $gray-200;
$dark: $gray-800;

2
assets/css/_bs-load.scss
View file

@ -28,7 +28,7 @@
@import "../node_modules/bootstrap/scss/nav";
@import "../node_modules/bootstrap/scss/navbar";
@import "../node_modules/bootstrap/scss/card";
// @import "../node_modules/bootstrap/scss/accordion";
@import "../node_modules/bootstrap/scss/accordion";
// @import "../node_modules/bootstrap/scss/breadcrumb";
@import "../node_modules/bootstrap/scss/pagination";
// @import "../node_modules/bootstrap/scss/badge";

70
assets/css/app.scss
View file

@ -63,12 +63,32 @@
}
/* calendar table rounded */
// table.table.table-rounded,
// table.table.table-rounded thead,
// table.table.table-rounded thead tr,
// table.table.table-rounded thead tr th:first-child {
// border-radius: 10px 0 0 10px;
// }
table.table.table-calendar thead tr th,
table.table.table-calendar tbody tr td {
width: 14%;
}
table.table.table-calendar tbody tr td {
font-size: $font-size-sm;
height: 3.5rem;
padding: 0.2rem 0.4rem;
@include media-breakpoint-up(md) {
height: 4.5rem;
padding: 0.2rem 0.5rem;
}
@include media-breakpoint-up(lg) {
font-size: $font-size-base;
height: 5.5rem;
padding: 0.3rem 0.5rem;
}
@include media-breakpoint-up(xl) {
height: 6.5rem;
padding: 0.35rem 0.5rem;
}
@include media-breakpoint-up(xxl) {
height: 7.5rem;
padding: 0.4rem 0.75rem;
}
}
table.table.table-rounded {
border-collapse: separate;
@ -117,3 +137,41 @@ table.table.table-rounded {
}
}
}
/* selected days background triangle color */
.bg-triangle-primary {
background: linear-gradient(
to bottom right,
$primary 0%,
$primary 50%,
$secondary 50%,
$secondary 100%
);
}
.bg-triangle-info {
background: linear-gradient(
to bottom right,
$info 0%,
$info 50%,
$secondary 50%,
$secondary 100%
);
}
.bg-triangle-light {
background: linear-gradient(
to bottom right,
$light 0%,
$light 50%,
$secondary 50%,
$secondary 100%
);
}
.bg-triangle-white {
background: linear-gradient(
to bottom right,
$white 0%,
$white 50%,
$secondary 50%,
$secondary 100%
);
}