@syncfusion/ej2-vue-schedule 19.2.55 → 19.3.43

package/styles/material.css

@@ -227,28 +227,19 @@
 }
 
 .e-schedule .e-schedule-toolbar .e-toolbar-pop {
-  background: #fafafa;
   overflow: auto;
 }
 
-.e-schedule .e-schedule-toolbar .e-tbar-btn {
-  background: #fafafa;
-}
-
-.e-schedule .e-schedule-toolbar .e-tbar-btn:hover, .e-schedule .e-schedule-toolbar .e-tbar-btn:focus {
-  background-color: #e0e0e0;
-}
-
-.e-schedule .e-schedule-toolbar .e-tbar-btn:active {
-  background: #e0e0e0;
-}
-
 .e-schedule .e-schedule-toolbar .e-tbar-btn .e-tbar-btn-text {
   cursor: pointer;
   font-size: 13px;
   text-transform: uppercase;
 }
 
+.e-schedule .e-schedule-toolbar .e-tbar-btn:active {
+  background: #e0e0e0;
+}
+
 .e-schedule .e-schedule-toolbar .e-toolbar-items {
   background: #fafafa;
 }
@@ -267,13 +258,7 @@
   padding-top: 0;
 }
 
-.e-schedule .e-schedule-toolbar .e-toolbar-items .e-toolbar-left .e-tbar-btn.e-icon-btn:hover {
-  background: #e0e0e0;
-  border-radius: 100%;
-}
-
-.e-schedule .e-schedule-toolbar .e-toolbar-items .e-toolbar-left .e-tbar-btn.e-icon-btn:focus {
-  background: #e0e0e0;
+.e-schedule .e-schedule-toolbar .e-toolbar-items .e-toolbar-left .e-tbar-btn.e-icon-btn:focus, .e-schedule .e-schedule-toolbar .e-toolbar-items .e-toolbar-left .e-tbar-btn.e-icon-btn:hover {
   border-radius: 100%;
 }
 
@@ -314,16 +299,6 @@
   text-transform: initial;
 }
 
-.e-schedule .e-schedule-toolbar .e-toolbar-items .e-toolbar-item .e-tbar-btn .e-tbar-btn-text {
-  cursor: pointer;
-  font-size: 13px;
-  text-transform: uppercase;
-}
-
-.e-schedule .e-schedule-toolbar .e-toolbar-items .e-toolbar-item .e-tbar-btn.e-btn.e-tbtn-txt .e-icons.e-btn-icon {
-  padding-left: 0;
-}
-
 .e-schedule .e-schedule-toolbar.e-rtl .e-hor-nav {
   background: #fafafa;
   border-left: 0;
@@ -336,7 +311,6 @@
 }
 
 .e-schedule .e-schedule-toolbar .e-hor-nav {
-  background: #fafafa;
   border-left: 1px solid #f5f5f5;
 }
 
@@ -547,6 +521,13 @@
   width: 100%;
 }
 
+.e-schedule .e-content-placeholder {
+  height: 100%;
+  position: relative;
+  width: 100%;
+  z-index: 99999;
+}
+
 .e-schedule .e-content-wrap,
 .e-schedule .e-scroll-container {
   -webkit-overflow-scrolling: touch;
@@ -1741,6 +1722,7 @@
   border-style: solid;
   border-width: 0 1px 1px 0;
   color: rgba(0, 0, 0, 0.87);
+  padding: 0;
 }
 
 .e-schedule .e-timeline-year-view .e-work-cells:hover:not(.e-other-month) {
@@ -1844,7 +1826,7 @@
 
 .e-schedule .e-timeline-year-view .e-month-header,
 .e-schedule .e-timeline-year-view .e-work-cells {
-  height: 70px;
+  height: 75px;
 }
 
 .e-schedule .e-timeline-year-view .e-header-cells,
@@ -2095,13 +2077,6 @@
   background-color: #f5f5f5;
 }
 
-.e-schedule .e-timeline-view .e-resource-cells:focus .e-resource-tree-icon,
-.e-schedule .e-timeline-month-view .e-resource-cells:focus .e-resource-tree-icon {
-  background-color: #e0e0e0;
-  border-radius: 50%;
-  color: #000;
-}
-
 .e-schedule .e-timeline-view .e-resource-column-wrap,
 .e-schedule .e-timeline-month-view .e-resource-column-wrap {
   overflow: hidden;
@@ -2125,6 +2100,12 @@
   height: 42px;
 }
 
+.e-schedule .e-timeline-view.e-virtual-mask .e-work-cells,
+.e-schedule .e-timeline-month-view.e-virtual-mask .e-work-cells {
+  background-color: rgba(0, 0, 0, 0.08);
+  box-shadow: inset 0 0 0 8px #fafafa;
+}
+
 .e-schedule .e-timeline-view .e-resource-tree-icon,
 .e-schedule .e-timeline-month-view .e-resource-tree-icon {
   color: rgba(0, 0, 0, 0.54);
@@ -2211,6 +2192,7 @@
 .e-schedule .e-timeline-view .e-appointment .e-time,
 .e-schedule .e-timeline-month-view .e-appointment .e-time {
   display: block;
+  line-height: 1.4;
 }
 
 .e-schedule .e-timeline-view .e-appointment .e-disable,
@@ -2387,6 +2369,7 @@
 
 .e-schedule .e-month-agenda-view .e-week-number-wrapper .e-week-number {
   border-right: 1px solid rgba(0, 0, 0, 0.12);
+  height: 40px;
   padding-top: 8px;
 }
 
@@ -2542,7 +2525,7 @@
   padding: 0;
 }
 
-.e-schedule .e-month-agenda-view .e-appointment-indicator {
+.e-schedule .e-month-agenda-view .e-work-cells .e-appointment-indicator {
   background: #3f51b5;
   border-radius: 50%;
   height: 6px;
@@ -4192,6 +4175,7 @@
   border-color: rgba(0, 0, 0, 0.12);
   border-style: solid;
   border-width: 0 0 1px 1px;
+  padding: 0;
 }
 
 .e-schedule .e-vertical-view .e-work-cells:hover {
@@ -4277,6 +4261,7 @@
   border-style: solid;
   border-width: 0 0 1px 1px;
   color: rgba(0, 0, 0, 0.87);
+  padding: 0;
 }
 
 .e-schedule .e-month-view .e-work-cells:hover,
@@ -4365,6 +4350,7 @@
   border-style: solid;
   border-width: 0 0 1px 1px;
   color: rgba(0, 0, 0, 0.87);
+  padding: 0;
 }
 
 .e-schedule .e-timeline-view .e-work-cells:hover:not(.e-resource-group-cells),
@@ -4373,6 +4359,11 @@
   color: #000;
 }
 
+.e-schedule .e-timeline-view.e-virtual-mask .e-work-cells:hover,
+.e-schedule .e-timeline-month-view.e-virtual-mask .e-work-cells:hover {
+  background-color: rgba(0, 0, 0, 0.08);
+}
+
 .e-schedule .e-timeline-view .e-work-days,
 .e-schedule .e-timeline-month-view .e-work-days {
   background-color: #fff;
@@ -4572,10 +4563,6 @@
   padding-left: 10px;
 }
 
-.e-recurrenceeditor .e-icons {
-  height: 0;
-}
-
 .e-recurrenceeditor .e-input-wrapper-side.e-form-left {
   padding: 0 8px 10px 0;
 }

package/styles/recurrence-editor/bootstrap-dark.css

@@ -43,10 +43,6 @@
   padding-left: 10px;
 }
 
-.e-recurrenceeditor .e-icons {
-  height: 0;
-}
-
 .e-recurrenceeditor .e-input-wrapper-side.e-form-left {
   padding: 0 8px 10px 0;
 }

package/styles/recurrence-editor/bootstrap.css

@@ -43,10 +43,6 @@
   padding-left: 10px;
 }
 
-.e-recurrenceeditor .e-icons {
-  height: 0;
-}
-
 .e-recurrenceeditor .e-input-wrapper-side.e-form-left {
   padding: 0 8px 10px 0;
 }

package/styles/recurrence-editor/bootstrap4.css

@@ -43,10 +43,6 @@
   padding-left: 10px;
 }
 
-.e-recurrenceeditor .e-icons {
-  height: 0;
-}
-
 .e-recurrenceeditor .e-input-wrapper-side.e-form-left {
   padding: 0 8px 16px 0;
 }

package/styles/recurrence-editor/bootstrap5-dark.css

@@ -0,0 +1,479 @@
+/*! recurrence editor theme wise definitions*/
+/*! Recurrence-Editor component layout */
+.e-recurrenceeditor .e-editor {
+  display: -ms-flexbox;
+  display: flex;
+  -ms-flex-flow: row wrap;
+      flex-flow: row wrap;
+  margin-left: auto;
+  margin-right: auto;
+  max-width: 1240px;
+}
+
+.e-recurrenceeditor .e-recurrence-table {
+  table-layout: fixed;
+  width: 100%;
+}
+
+.e-recurrenceeditor .e-recurrence-table.e-repeat-content-wrapper td:last-child {
+  width: 27%;
+}
+
+.e-recurrenceeditor .e-recurrence-table.e-month-expand-wrapper td:first-child {
+  width: 24%;
+}
+
+.e-recurrenceeditor .e-recurrence-table .e-repeat-content {
+  display: inline-block;
+  font-weight: normal;
+  padding: 18px 0 0 8px;
+}
+
+.e-recurrenceeditor .e-recurrence-table .e-input-wrapper {
+  float: none;
+  width: 100%;
+}
+
+.e-recurrenceeditor .e-recurrence-table .e-week-position {
+  position: relative;
+  right: 16px;
+}
+
+.e-recurrenceeditor .e-recurrence-table .e-monthday-element {
+  padding-left: 10px;
+}
+
+.e-recurrenceeditor .e-input-wrapper-side.e-form-left {
+  padding: 0 8px 16px 0;
+}
+
+.e-recurrenceeditor .e-form-left {
+  padding: 0 8px 16px 0;
+}
+
+.e-recurrenceeditor .e-form-right,
+.e-recurrenceeditor .e-input-wrapper-side.e-form-right {
+  padding: 0 0 10px 8px;
+}
+
+.e-recurrenceeditor .e-input-wrapper {
+  float: left;
+  width: 50%;
+}
+
+.e-recurrenceeditor .e-input-wrapper div {
+  margin-bottom: 2.5%;
+}
+
+.e-recurrenceeditor .e-input-wrapper.e-end-on-date,
+.e-recurrenceeditor .e-input-wrapper.e-end-on-count {
+  padding-right: 0;
+}
+
+.e-recurrenceeditor.e-rtl .e-end-on > div,
+.e-recurrenceeditor.e-rtl .e-month-expander > div > div {
+  float: right;
+}
+
+.e-recurrenceeditor.e-rtl .e-form-left,
+.e-recurrenceeditor.e-rtl .e-input-wrapper-side.e-form-left {
+  padding: 0 0 10px 8px;
+}
+
+.e-recurrenceeditor.e-rtl .e-form-right,
+.e-recurrenceeditor.e-rtl .e-input-wrapper-side.e-form-right {
+  padding: 0 8px 10px 0;
+}
+
+.e-recurrenceeditor.e-rtl .e-recurrence-table .e-monthday-element {
+  padding-left: 0;
+}
+
+.e-recurrenceeditor.e-rtl .e-week-position {
+  padding-left: 16px;
+  right: 0;
+}
+
+.e-recurrenceeditor.e-rtl .e-input-wrapper-side.e-end-on .e-end-on-label,
+.e-recurrenceeditor.e-rtl .e-input-wrapper-side.e-non-week > .e-month-expander-label {
+  padding-right: 0;
+}
+
+.e-recurrenceeditor.e-rtl .e-end-on-label {
+  margin-bottom: 5px;
+}
+
+.e-recurrenceeditor.e-rtl .e-input-wrapper-side.e-end-on .e-end-on-left {
+  padding-left: 8px;
+  padding-right: 0;
+}
+
+.e-recurrenceeditor.e-rtl .e-input-wrapper.e-end-on-date,
+.e-recurrenceeditor.e-rtl .e-input-wrapper.e-end-on-count {
+  padding-left: 0;
+  padding-right: 8px;
+}
+
+.e-recurrenceeditor.e-rtl .e-recurrenceeditor .e-recurrence-table.e-month-expand-wrapper td:first-child {
+  width: 0;
+}
+
+.e-recurrenceeditor .e-days .e-week-expander-label {
+  font-size: 14px;
+  font-weight: 400;
+  margin-bottom: 8px;
+}
+
+.e-recurrenceeditor .e-days button {
+  border-radius: 50%;
+  -ms-flex-flow: row wrap;
+      flex-flow: row wrap;
+  height: 35px;
+  margin: 0 8px 10px;
+  width: 35px;
+}
+
+.e-recurrenceeditor .e-hide-recurrence-element {
+  display: none;
+}
+
+.e-recurrenceeditor .e-half-space {
+  width: 20%;
+}
+
+.e-recurrenceeditor .e-year-expander {
+  margin-bottom: 11px;
+}
+
+.e-recurrenceeditor .e-month-expander tr:first-child .e-input-wrapper {
+  margin-bottom: 11px;
+}
+
+.e-recurrenceeditor .e-month-expander-checkbox-wrapper.e-input-wrapper {
+  margin-top: -3px;
+}
+
+.e-recurrenceeditor .e-month-expander-checkbox-wrapper.e-input-wrapper .e-month-type .e-label {
+  display: none;
+}
+
+.e-recurrenceeditor .e-input-wrapper-side {
+  float: left;
+  padding: 16px 20px 0;
+  width: 50%;
+}
+
+.e-recurrenceeditor .e-input-wrapper-side.e-end-on .e-end-on-label {
+  float: none;
+  font-size: 14px;
+  font-weight: 400;
+  margin-bottom: 7px;
+  padding-right: 16px;
+}
+
+.e-recurrenceeditor .e-input-wrapper-side.e-end-on .e-end-on-left {
+  padding-right: 16px;
+}
+
+.e-recurrenceeditor .e-input-wrapper-side.e-non-week > .e-input-wrapper {
+  margin: 0;
+}
+
+.e-recurrenceeditor .e-input-wrapper-side.e-non-week > .e-month-expander-label {
+  font-size: 14px;
+  font-weight: 400;
+  margin-bottom: 7px;
+  padding-right: 16px;
+}
+
+.e-recurrenceeditor .e-input-wrapper-side .e-days .e-form-left {
+  padding-bottom: 6px;
+}
+
+.e-recurrenceeditor .e-input-wrapper-side .e-non-week .e-form-left {
+  padding-bottom: 12px;
+}
+
+.e-recurrenceeditor .e-input-wrapper-side.e-form-right {
+  margin-bottom: 11px;
+}
+
+.e-bigger .e-recurrenceeditor {
+  padding: 0;
+}
+
+.e-bigger .e-recurrenceeditor .e-input-wrapper-side.e-form-left {
+  padding: 0 12px 11px 0;
+}
+
+.e-bigger .e-recurrenceeditor .e-form-left {
+  padding: 0 12px 14px 0;
+}
+
+.e-bigger .e-recurrenceeditor .e-form-right,
+.e-bigger .e-recurrenceeditor .e-input-wrapper-side.e-form-right {
+  padding: 0 0 10px 12px;
+}
+
+.e-bigger .e-recurrenceeditor .e-recurrence-table .e-week-position {
+  right: 24px;
+}
+
+.e-bigger .e-recurrenceeditor .e-input-wrapper-side .e-days .e-form-left {
+  padding-bottom: 6px;
+}
+
+.e-bigger .e-recurrenceeditor .e-recurrence-table .e-monthday-element {
+  padding-left: 70px;
+}
+
+.e-bigger .e-recurrenceeditor .e-week-position {
+  padding-left: 55px;
+  padding-right: 0;
+}
+
+.e-bigger .e-recurrenceeditor .e-input-wrapper-side.e-non-week > .e-month-expander-label {
+  font-size: 16px;
+  margin-bottom: 0;
+}
+
+.e-bigger .e-recurrenceeditor .e-end-on-label {
+  margin-bottom: 0;
+}
+
+.e-bigger .e-recurrenceeditor .e-days .e-week-expander-label {
+  font-size: 16px;
+  margin-bottom: 8px;
+}
+
+.e-bigger .e-recurrenceeditor .e-input-wrapper-side .e-non-week .e-form-left {
+  padding-bottom: 12px;
+}
+
+.e-bigger .e-recurrenceeditor .e-input-wrapper-side.e-end-on .e-end-on-label {
+  font-size: 16px;
+  margin-bottom: 1px;
+}
+
+.e-bigger .e-recurrenceeditor .e-month-expander tr:first-child .e-input-wrapper,
+.e-bigger .e-recurrenceeditor .e-year-expander,
+.e-bigger .e-recurrenceeditor .e-input-wrapper-side.e-form-right {
+  margin-bottom: 11px;
+}
+
+.e-bigger .e-recurrenceeditor .e-recurrence-table.e-month-expand-wrapper td:first-child {
+  width: 0;
+}
+
+.e-bigger .e-recurrenceeditor .e-days button {
+  height: 40px;
+  width: 40px;
+}
+
+.e-bigger .e-recurrenceeditor.e-rtl .e-form-left,
+.e-bigger .e-recurrenceeditor.e-rtl .e-input-wrapper-side.e-form-left {
+  padding: 0 0 10px 12px;
+}
+
+.e-bigger .e-recurrenceeditor.e-rtl .e-form-right,
+.e-bigger .e-recurrenceeditor.e-rtl .e-input-wrapper-side.e-form-right {
+  padding: 0 12px 10px 0;
+}
+
+.e-bigger .e-recurrenceeditor.e-rtl .e-recurrence-table .e-monthday-element {
+  padding-left: 0;
+  padding-right: 64px;
+}
+
+.e-bigger .e-recurrenceeditor.e-rtl .e-input-wrapper-side.e-end-on .e-end-on-label,
+.e-bigger .e-recurrenceeditor.e-rtl .e-input-wrapper-side.e-non-week > .e-month-expander-label {
+  padding-right: 0;
+}
+
+.e-bigger .e-recurrenceeditor.e-rtl .e-end-on-label {
+  margin-bottom: 5px;
+}
+
+.e-bigger .e-recurrenceeditor.e-rtl .e-input-wrapper-side.e-end-on .e-end-on-left {
+  padding-left: 12px;
+  padding-right: 0;
+}
+
+.e-bigger .e-recurrenceeditor.e-rtl .e-input-wrapper.e-end-on-date,
+.e-bigger .e-recurrenceeditor.e-rtl .e-input-wrapper.e-end-on-count {
+  padding-left: 0;
+  padding-right: 12px;
+}
+
+.e-bigger .e-recurrenceeditor.e-rtl .e-recurrence-table .e-week-position {
+  right: 33px;
+}
+
+.e-bigger .e-recurrenceeditor.e-rtl .e-week-position {
+  padding-left: 46px;
+}
+
+.e-device .e-recurrenceeditor .e-recurrence-table.e-repeat-content-wrapper td:last-child {
+  width: 25%;
+}
+
+.e-device .e-recurrenceeditor .e-recurrence-table.e-month-expand-wrapper td:first-child {
+  width: 20%;
+}
+
+.e-device .e-recurrenceeditor .e-week-expander-label {
+  margin-bottom: 6px;
+}
+
+.e-device .e-recurrenceeditor .e-month-expander-label {
+  font-size: 12px;
+  margin-bottom: 5px;
+}
+
+.e-device .e-recurrenceeditor .e-footer-content {
+  padding: 12px;
+}
+
+.e-device .e-recurrenceeditor .e-form-left,
+.e-device .e-recurrenceeditor .e-input-wrapper-side.e-form-left {
+  padding: 0 3px 10px 0;
+}
+
+.e-device .e-recurrenceeditor .e-form-right,
+.e-device .e-recurrenceeditor .e-input-wrapper-side.e-form-right {
+  padding: 0 0 10px 3px;
+}
+
+.e-device .e-recurrenceeditor .e-input-wrapper.e-end-on-date,
+.e-device .e-recurrenceeditor .e-input-wrapper.e-end-on-count {
+  padding-left: 10px;
+  padding-right: 0;
+}
+
+.e-device .e-recurrenceeditor .e-input-wrapper-side.e-end-on .e-end-on-left {
+  padding-right: 10px;
+}
+
+.e-device .e-recurrenceeditor.e-end-on {
+  padding-right: 0;
+}
+
+.e-device .e-recurrenceeditor.e-end-on .e-end-on-label {
+  float: none;
+  font-size: 12px;
+  font-weight: 400;
+  margin-bottom: 7px;
+}
+
+.e-device .e-recurrenceeditor.e-end-on .e-end-on-left {
+  padding-right: 0;
+}
+
+.e-device .e-recurrenceeditor.e-rtl .e-input-wrapper-side.e-end-on .e-end-on-left {
+  padding-right: 0;
+}
+
+.e-device .e-recurrenceeditor.e-rtl .e-input-wrapper.e-end-on-date,
+.e-device .e-recurrenceeditor.e-rtl .e-input-wrapper.e-end-on-count {
+  padding-left: 0;
+  padding-right: 10px;
+}
+
+.e-device .e-recurrenceeditor.e-rtl .e-recurrence-table .e-monthday-element {
+  padding-left: 0;
+}
+
+.e-device .e-recurrenceeditor.e-rtl .e-week-position {
+  padding-left: 16px;
+  padding-right: 0;
+}
+
+.e-device .e-recurrenceeditor .e-recurrence-table .e-monthday-element {
+  padding-left: 20px;
+}
+
+.e-device .e-recurrenceeditor .e-week-position {
+  padding-left: 0;
+  padding-right: 0;
+}
+
+.e-device .e-recurrenceeditor .e-week-position {
+  padding-left: 0;
+}
+
+.e-device.e-recurrence-dialog .e-dlg-header-content {
+  background: none;
+  box-shadow: none;
+  padding-bottom: 10px;
+}
+
+.e-device.e-recurrence-dialog .e-editor .e-input-wrapper-side.e-end-on .e-end-on-label {
+  margin-bottom: 7px;
+}
+
+.e-device.e-recurrence-dialog .e-footer-content {
+  padding: 16px 8px;
+}
+
+@media (max-width: 580px) {
+  .e-recurrenceeditor {
+    margin-left: auto;
+    margin-right: auto;
+    width: 100%;
+  }
+  .e-recurrenceeditor .e-editor {
+    -ms-flex-direction: column;
+        flex-direction: column;
+  }
+  .e-recurrenceeditor .e-editor > .e-input-wrapper.e-form-left {
+    margin-top: 0;
+  }
+  .e-recurrenceeditor .e-editor .e-input-wrapper-side.e-non-week > .e-month-expander-label,
+  .e-recurrenceeditor .e-editor .e-input-wrapper-side.e-end-on .e-end-on-label {
+    margin-bottom: 7px;
+  }
+  .e-recurrenceeditor .e-editor > div {
+    margin-top: 20px;
+  }
+  .e-recurrenceeditor .e-editor > .e-input-wrapper {
+    width: 100%;
+  }
+  .e-recurrenceeditor .e-editor .e-input-wrapper-side.e-end-on {
+    width: 100%;
+  }
+  .e-recurrenceeditor .e-editor .e-input-wrapper-side.e-end-on .e-input-wrapper {
+    width: 50%;
+  }
+  .e-recurrenceeditor .e-editor .e-form-left,
+  .e-recurrenceeditor .e-editor .e-input-wrapper-side.e-form-left {
+    padding: 0 0 10px;
+  }
+  .e-recurrenceeditor .e-editor .e-input-wrapper.e-end-on-date,
+  .e-recurrenceeditor .e-editor .e-input-wrapper.e-end-on-count {
+    padding-left: 10px;
+    padding-right: 0;
+  }
+  .e-recurrenceeditor .e-editor .e-input-wrapper-side.e-end-on .e-end-on-left {
+    padding-right: 10px;
+  }
+  .e-recurrenceeditor .e-editor .e-form-right,
+  .e-recurrenceeditor .e-editor .e-input-wrapper-side.e-form-right {
+    padding-left: 0;
+  }
+  .e-recurrenceeditor .e-editor .e-input-wrapper-side.e-days {
+    width: 100%;
+  }
+  .e-recurrenceeditor .e-editor .e-input-wrapper-side.e-non-week {
+    width: 100%;
+  }
+  .e-recurrenceeditor.e-rtl .e-input-wrapper-side.e-end-on .e-end-on-left {
+    padding-right: 0;
+  }
+  .e-recurrenceeditor.e-rtl .e-input-wrapper.e-end-on-date,
+  .e-recurrenceeditor.e-rtl .e-input-wrapper.e-end-on-count {
+    padding-left: 0;
+    padding-right: 10px;
+  }
+}
+
+/*! Recurrence-Editor component theme */

package/styles/recurrence-editor/bootstrap5-dark.scss

@@ -0,0 +1 @@
+@import 'ej2-schedule/styles/recurrence-editor/bootstrap5-dark.scss';