|
1158 | 1158 | display: flex;
|
1159 | 1159 | justify-content: space-between;
|
1160 | 1160 |
|
1161 |
| - @if $variant != 'indigo' { |
| 1161 | + @if $variant == 'bootstrap' { |
1162 | 1162 | &:nth-child(2) {
|
1163 | 1163 | %date-inner-week-number {
|
1164 | 1164 | border-start-start-radius: var-get($theme, 'week-number-border-radius');
|
|
1222 | 1222 | }
|
1223 | 1223 | }
|
1224 | 1224 |
|
1225 |
| - %date-inner-week-number { |
1226 |
| - min-width: auto; |
1227 |
| - width: $date-size; |
1228 |
| - color: var-get($theme, 'week-number-foreground'); |
1229 |
| - background: var-get($theme, 'week-number-background'); |
1230 |
| - |
1231 |
| - &::after { |
1232 |
| - display: none !important; |
1233 |
| - } |
1234 |
| - |
1235 |
| - &::before { |
1236 |
| - content: ''; |
1237 |
| - position: absolute; |
1238 |
| - background: var-get($theme, 'week-number-background'); |
1239 |
| - //border-inline: rem(1px) solid var-get($theme, 'week-number-background'); |
1240 |
| - inset-inline-start: rem(-1px); |
1241 |
| - inset-block-start: 100%; |
1242 |
| - height: calc($date-size / 2); |
1243 |
| - width: $date-size; |
1244 |
| - } |
1245 |
| - } |
1246 |
| - |
1247 | 1225 | %label-week-number {
|
1248 | 1226 | text-align: center;
|
1249 | 1227 |
|
|
1272 | 1250 | position: absolute;
|
1273 | 1251 | background: var-get($theme, 'week-number-background');
|
1274 | 1252 | border-inline: rem(1px) solid var-get($theme, 'week-number-background');
|
1275 |
| - inset-inline-start: rem(-1px); |
1276 | 1253 | inset-block-start: 100%;
|
1277 |
| - height: 100%; |
| 1254 | + height: calc(#{$date-view-row-gap} + #{rem(if($variant == 'indigo', 0px, 2px))}); |
1278 | 1255 | width: $date-size;
|
1279 | 1256 | }
|
1280 | 1257 | }
|
|
1507 | 1484 | height: $date-size;
|
1508 | 1485 | }
|
1509 | 1486 | }
|
| 1487 | + |
| 1488 | + &%date-inner-week-number { |
| 1489 | + min-width: auto; |
| 1490 | + width: $date-size; |
| 1491 | + color: var-get($theme, 'week-number-foreground'); |
| 1492 | + background: var-get($theme, 'week-number-background'); |
| 1493 | + |
| 1494 | + // This is not an actual date and should not change it's border when changing the date border |
| 1495 | + border-color: var-get($theme, 'week-number-background'); |
| 1496 | + |
| 1497 | + &::after { |
| 1498 | + display: none !important; |
| 1499 | + } |
| 1500 | + |
| 1501 | + &::before { |
| 1502 | + content: ''; |
| 1503 | + position: absolute; |
| 1504 | + background: var-get($theme, 'week-number-background'); |
| 1505 | + inset-block-start: 100%; |
| 1506 | + height: calc(#{$date-view-row-gap} + #{rem(if($variant == 'indigo', 0, 2px))}); |
| 1507 | + width: $date-size; |
| 1508 | + } |
| 1509 | + } |
1510 | 1510 | }
|
1511 | 1511 |
|
1512 | 1512 | %date-weekend {
|
|
0 commit comments