fix(dateinputs): apply consistent header styles

see telerik/kendo-theme-bootstrap/#350
telerik · Nov 28, 2017 · 12e8f1f · 12e8f1f
1 parent eda2ff9
commit 12e8f1f
Show file tree

Hide file tree

Showing 3 changed files with 8 additions and 1 deletion.
diff --git a/scss/_variables.scss b/scss/_variables.scss
@@ -22,6 +22,7 @@ $font-family: $font-family-base !default;
 /// Font family for monospaced text. Used for styling the code.
 $font-family-monospace:  $font-family-monospace !default;
 
+$font-size-xs: 0.75 * $font-size-base !default;
 $font-size-sm: $font-size-sm !default;
 $font-size-lg: $font-size-lg !default;
 

diff --git a/scss/calendar/_theme.scss b/scss/calendar/_theme.scss
@@ -4,7 +4,6 @@
     $calendar-text: $panel-text !default;
     $calendar-border: $panel-border !default;
 
-
     // Calendar
     .k-calendar {
         @include fill( $calendar-text, $calendar-bg, $calendar-border );
@@ -75,6 +74,11 @@
             .k-weekend {
                 background: none;
             }
+
+            th {
+                font-size: $font-size-xs;
+                color: $header-text;
+            }
         }
 
         .k-calendar-navigation {

diff --git a/scss/datetime/_theme.scss b/scss/datetime/_theme.scss
@@ -111,6 +111,8 @@
         .k-title {
             z-index: 12;
             opacity: $disabled-opacity;
+            font-size: $font-size-xs;
+            color: $header-text;
         }
 
         &.k-state-focused {