/* calendar table rounded */ table.table.table-calendar span.badge { width: 100%; max-width: 100%; overflow: hidden; text-overflow: clip; white-space: nowrap; padding-right: 0.7em; border-right: 0.7em solid transparent; margin-bottom: 0.1em; } table.table.table-calendar thead tr th, table.table.table-calendar tbody tr td { width: 2.5rem; max-width: 2.5rem; white-space: nowrap; } table.table.table-calendar tbody tr td { font-size: $font-size-sm; height: 4.1rem; padding: 0.2rem 0.4rem; @include media-breakpoint-up(sm) { height: 4.3rem; padding: 0.2rem 0.5rem; } @include media-breakpoint-up(md) { height: 4.7rem; 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 > :not(:last-child) > :last-child > * { border-bottom-color: $dark; } table.table.table-rounded { border-collapse: separate; border-spacing: 0; border-style: hidden; border-top-left-radius: $border-radius; border-top-right-radius: $border-radius; border-bottom-left-radius: $border-radius; border-bottom-right-radius: $border-radius; thead { tr { th { border-top: 1px solid $table-border-color; border-right: 1px solid $table-border-color; // border-bottom: 2px solid $dark !important; border-left: none; &:first-child { border-top-left-radius: $border-radius; border-left: 1px solid $table-border-color; } &:last-child { border-top-right-radius: $border-radius; } } } } tbody { tr { td { border-top: none; border-right: 1px solid $table-border-color; border-bottom: 1px solid $table-border-color !important; border-left: none; &:first-child { border-left: 1px solid $table-border-color; } } &:last-child { td:first-child { border-bottom-left-radius: $border-radius; } td:last-child { border-bottom-right-radius: $border-radius; } } } } } /* 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% ); }