app/assets/stylesheets/formagic/date.scss in formagic-0.2.6 vs app/assets/stylesheets/formagic/date.scss in formagic-0.2.8

@@ -1,38 +1,59 @@
-// date
+// Date Input ---------------------------------------------
 
 @import "vendor/datedropper";
 
-.form .input-stacked input.input-datetime-date {
-  @include position(absolute); width: 7em; opacity: .0; cursor: pointer;
+.form-input input.input-datetime-date {
+  @include position(absolute);
+  opacity : .0;
+  cursor  : pointer;
+  width   : 7em;
 }
 
-.form .input-stacked input.input-datetime-time { width: auto; display: inline-block; }
+.form-input input.input-datetime-time {
+  display : inline-block;
+  width   : auto;
+}
 
-.input-date-label  { display: inline-block; min-width: 7em; cursor: pointer; }
-.input-date-label .placeholder { color: $lightColor; }
-.input-timedate-at { color: $stableColor; margin: 0 .25em;  }
+.input-date-label {
+  min-width : 7em;
+  display   : inline-block;
+  cursor    : pointer;
+}
 
+.input-date-label .placeholder {
+  color : $formagic-placeholder-color;
+}
+
+.input-timedate-at {
+  color  : $formagic-base-color;
+  margin : 0 .25em;
+}
+
 .dd_ .dd_sw_ .dd_nav_.dd_prev_ { background-image: image-url('datedropper/prev.png'); }
 .dd_ .dd_sw_ .dd_nav_.dd_next_ { background-image: image-url('datedropper/next.png'); }
 .dd_ .dd_submit                { background-image: image-url('datedropper/done.png'); }
 
 .dd_ { border: 0; }
 .dd_:after {
-  top: -6px!important;
-  border-left: 1px solid $contrastColor!important;
-  border-top:  1px solid $contrastColor !important;
+  border-left : 1px solid darken($formagic-border-color, 5%)!important;
+  border-top  : 1px solid darken($formagic-border-color, 5%)!important;
+  top         : -6px!important;
 }
 
 .dd_ .dd_m_                         { font-size: 16px; }
-.dd_ .dd_d_                         { font-size: 38px; border-color: $neutralColor; }
-.dd_ .dd_d_ .dd_sl_ ul li em        { color: $stableColor!important; font-size: 13px; bottom: 4px; }
-.dd_ .dd_d_ .dd_sl_ ul li.dd_sunday { color: $assertiveColor!important; }
-.dd_ .dd_sw_ .dd_sl_ li:hover       { background-color: $neutralColor; }
+.dd_ .dd_d_                         { font-size: 38px; border-color: $formagic-border-color; }
+.dd_ .dd_d_ .dd_sl_ ul li em        { color: lighten($formagic-base-color, 40%)!important; font-size: 13px; bottom: 4px; }
+.dd_ .dd_d_ .dd_sl_ ul li.dd_sunday { color: $formagic-assertive-color!important; }
+.dd_ .dd_sw_ .dd_sl_ li:hover       { background-color: $formagic-border-color; }
 
 .dd_ .dd_m_ {
-  border-top-left-radius:  4px!important;
-  border-top-right-radius: 4px!important;
+  border-top-right-radius : 4px!important;
+  border-top-left-radius  : 4px!important;
 }
 
 .dd_r_ { display: none; }
-.dd_ .dd_submit { background-color: $positiveColor!important; }
+.dd_ .dd_submit { background-color: $formagic-positive-color!important; }
+
+
+
+