assets/css/romo/datepicker.scss in romo-0.18.2 vs assets/css/romo/datepicker.scss in romo-0.19.0

@@ -1,74 +1,78 @@
 @import 'css/romo/vars';
 @import 'css/romo/mixins';
 
-.romo-datepicker-wrapper {
-  position: relative;
-}
+.romo {
 
-.romo-datepicker-indicator {
-  display: inline-block;
-  position: absolute;
-  right: 6px;
-  vertical-align: middle;
-  cursor: pointer;
-}
-.romo-datepicker-indicator.disabled {
-  cursor: $notAllowedCursor;
-  color: $disabledColor;
-}
+  .romo-datepicker-wrapper {
+    position: relative;
+  }
 
-.romo-datepicker-calendar {
-  padding: $spacingSize0;
-  @include user-select(none);
+  .romo-datepicker-indicator {
+    display: inline-block;
+    position: absolute;
+    right: 6px;
+    vertical-align: middle;
+    cursor: pointer;
+  }
+  .romo-datepicker-indicator.disabled {
+    cursor: $notAllowedCursor;
+    color: $disabledColor;
+  }
 
-  background-color: $inputBgColor;
-  color: $inputColor;
-}
+  .romo-datepicker-calendar {
+    padding: $spacingSize0;
+    @include user-select(none);
 
-.romo-datepicker-calendar table {
-  background-color: transparent;
-  border-collapse: collapse;
-  border-spacing: 0;
-  width: 100%;
-}
+    background-color: $inputBgColor;
+    color: $inputColor;
+  }
 
-.romo-datepicker-calendar th,
-.romo-datepicker-calendar td {
-  width: 14.285714286%; /* 100% / 7 */
-  text-align: center;
-}
+  .romo-datepicker-calendar table {
+    background-color: transparent;
+    border-collapse: collapse;
+    border-spacing: 0;
+    width: 100%;
+  }
 
-.romo-datepicker-calendar .romo-datepicker-prev,
-.romo-datepicker-calendar .romo-datepicker-next,
-.romo-datepicker-calendar TD.romo-datepicker-day:not(.disabled) {
-  cursor: pointer;
-}
+  .romo-datepicker-calendar th,
+  .romo-datepicker-calendar td {
+    width: 14.285714286%; /* 100% / 7 */
+    text-align: center;
+  }
 
-.romo-datepicker-calendar TD.romo-datepicker-day-weekend {
-  background: $altBgColor;
-}
+  .romo-datepicker-calendar .romo-datepicker-prev,
+  .romo-datepicker-calendar .romo-datepicker-next,
+  .romo-datepicker-calendar TD.romo-datepicker-day:not(.disabled) {
+    cursor: pointer;
+  }
 
-.romo-datepicker-calendar .romo-datepicker-prev:hover,
-.romo-datepicker-calendar .romo-datepicker-next:hover,
-.romo-datepicker-calendar TD.romo-datepicker-day.romo-datepicker-highlight:not(.disabled) {
-  background: darken($altBgColor, 10%);
-}
+  .romo-datepicker-calendar TD.romo-datepicker-day-weekend {
+    background: $altBgColor;
+  }
 
-.romo-datepicker-calendar TD.romo-datepicker-day.disabled {
-  cursor: $notAllowedCursor;
-  color: $disabledColor;
-}
+  .romo-datepicker-calendar .romo-datepicker-prev:hover,
+  .romo-datepicker-calendar .romo-datepicker-next:hover,
+  .romo-datepicker-calendar TD.romo-datepicker-day.romo-datepicker-highlight:not(.disabled) {
+    background: darken($altBgColor, 10%);
+  }
 
-.romo-datepicker-calendar TD.romo-datepicker-day-other {
-  color: darken($inputDisabledColor, 20%);;
-}
+  .romo-datepicker-calendar TD.romo-datepicker-day.disabled {
+    cursor: $notAllowedCursor;
+    color: $disabledColor;
+  }
 
-.romo-datepicker-calendar TD.romo-datepicker-day-today {
-  border: 1px solid $inputColor;
-}
+  .romo-datepicker-calendar TD.romo-datepicker-day-other {
+    color: darken($inputDisabledColor, 20%);;
+  }
 
-.romo-datepicker-calendar TD.romo-datepicker-day.selected,
-.romo-datepicker-calendar TD.romo-datepicker-day.selected.romo-datepicker-highlight {
-  background-color: $inputHighlightBgColor;
-  color: $inputBgColor;
+  .romo-datepicker-calendar TD.romo-datepicker-day-today {
+    border: 1px solid $inputColor;
+  }
+
+  .romo-datepicker-calendar TD.romo-datepicker-day.selected,
+  .romo-datepicker-calendar TD.romo-datepicker-day.selected.romo-datepicker-highlight {
+    background-color: $inputHighlightBgColor;
+    color: $inputBgColor;
+  }
+
 }