build: added SASS to render css before postcss

slackero · Feb 15, 2022 · db981d1 · db981d1
1 parent fc7a601
commit db981d1
Show file tree

Hide file tree

Showing 4 changed files with 267 additions and 278 deletions.
diff --git a/dist/datepicker.css b/dist/datepicker.css
@@ -5,9 +5,8 @@
  * Copyright 2014-present Chen Fengyuan
  * Released under the MIT license
  *
- * Date: 2022-02-15T10:47:57.089Z
+ * Date: 2022-02-15T12:46:47.044Z
  */
-
 .datepicker-container {
   background-color: #fff;
   direction: ltr;
@@ -25,18 +24,18 @@
       -ms-user-select: none;
           user-select: none;
   width: 210px;
-  z-index: -1
+  z-index: -1;
 }
 
 .datepicker-container::before,
-  .datepicker-container::after {
-    border: 5px solid transparent;
-    content: " ";
-    display: block;
-    height: 0;
-    position: absolute;
-    width: 0;
-  }
+.datepicker-container::after {
+  border: 5px solid transparent;
+  content: " ";
+  display: block;
+  height: 0;
+  position: absolute;
+  width: 0;
+}
 
 .datepicker-dropdown {
   border: 1px solid #ccc;
@@ -54,146 +53,152 @@
 
 .datepicker-top-left,
 .datepicker-top-right {
-  border-top-color: #39f
+  border-top-color: #39f;
+}
+
+.datepicker-top-left::before,
+.datepicker-top-left::after,
+.datepicker-top-right::before,
+.datepicker-top-right::after {
+  border-top: 0;
+  left: 10px;
+  top: -5px;
 }
 
 .datepicker-top-left::before,
-  .datepicker-top-right::before,
-  .datepicker-top-left::after,
-  .datepicker-top-right::after {
-    border-top: 0;
-    left: 10px;
-    top: -5px;
-  }
-
-.datepicker-top-left::before, .datepicker-top-right::before {
-    border-bottom-color: #39f;
-  }
-
-.datepicker-top-left::after, .datepicker-top-right::after {
-    border-bottom-color: #fff;
-    top: -4px;
-  }
+.datepicker-top-right::before {
+  border-bottom-color: #39f;
+}
+
+.datepicker-top-left::after,
+.datepicker-top-right::after {
+  border-bottom-color: #fff;
+  top: -4px;
+}
 
 .datepicker-bottom-left,
 .datepicker-bottom-right {
-  border-bottom-color: #39f
+  border-bottom-color: #39f;
 }
 
 .datepicker-bottom-left::before,
-  .datepicker-bottom-right::before,
-  .datepicker-bottom-left::after,
-  .datepicker-bottom-right::after {
-    border-bottom: 0;
-    bottom: -5px;
-    left: 10px;
-  }
-
-.datepicker-bottom-left::before, .datepicker-bottom-right::before {
-    border-top-color: #39f;
-  }
-
-.datepicker-bottom-left::after, .datepicker-bottom-right::after {
-    border-top-color: #fff;
-    bottom: -4px;
-  }
+.datepicker-bottom-left::after,
+.datepicker-bottom-right::before,
+.datepicker-bottom-right::after {
+  border-bottom: 0;
+  bottom: -5px;
+  left: 10px;
+}
+
+.datepicker-bottom-left::before,
+.datepicker-bottom-right::before {
+  border-top-color: #39f;
+}
+
+.datepicker-bottom-left::after,
+.datepicker-bottom-right::after {
+  border-top-color: #fff;
+  bottom: -4px;
+}
 
 .datepicker-top-right::before,
-  .datepicker-bottom-right::before,
-  .datepicker-top-right::after,
-  .datepicker-bottom-right::after {
-    left: auto;
-    right: 10px;
-  }
+.datepicker-top-right::after,
+.datepicker-bottom-right::before,
+.datepicker-bottom-right::after {
+  left: auto;
+  right: 10px;
+}
 
 .datepicker-panel > ul {
-    margin: 0;
-    padding: 0;
-    width: 102%
-  }
+  margin: 0;
+  padding: 0;
+  width: 102%;
+}
 
 .datepicker-panel > ul::before,
-    .datepicker-panel > ul::after {
-      content: " ";
-      display: table;
-    }
+.datepicker-panel > ul::after {
+  content: " ";
+  display: table;
+}
 
 .datepicker-panel > ul::after {
-      clear: both;
-    }
+  clear: both;
+}
 
 .datepicker-panel > ul > li {
-      background-color: #fff;
-      cursor: pointer;
-      float: left;
-      height: 30px;
-      list-style: none;
-      margin: 0;
-      padding: 0;
-      text-align: center;
-      width: 30px
-    }
+  background-color: #fff;
+  cursor: pointer;
+  float: left;
+  height: 30px;
+  list-style: none;
+  margin: 0;
+  padding: 0;
+  text-align: center;
+  width: 30px;
+}
 
 .datepicker-panel > ul > li:hover {
-        background-color: rgb(229, 242, 255);
-      }
+  background-color: #e5f2ff;
+}
 
 .datepicker-panel > ul > li.muted,
-      .datepicker-panel > ul > li.muted:hover {
-        color: #999;
-      }
+.datepicker-panel > ul > li.muted:hover {
+  color: #999;
+}
 
 .datepicker-panel > ul > li.highlighted {
-        background-color: rgb(229, 242, 255)
-      }
+  background-color: #e5f2ff;
+}
 
 .datepicker-panel > ul > li.highlighted:hover {
-          background-color: rgb(204, 229, 255);
-        }
+  background-color: #cce5ff;
+}
 
 .datepicker-panel > ul > li.picked,
-      .datepicker-panel > ul > li.picked:hover {
-        color: #39f;
-      }
+.datepicker-panel > ul > li.picked:hover {
+  color: #39f;
+}
 
 .datepicker-panel > ul > li.disabled,
-      .datepicker-panel > ul > li.disabled:hover {
-        background-color: #fff;
-        color: #ccc;
-        cursor: default
-      }
+.datepicker-panel > ul > li.disabled:hover {
+  background-color: #fff;
+  color: #ccc;
+  cursor: default;
+}
 
-.datepicker-panel > ul > li.disabled.highlighted, .datepicker-panel > ul > li.disabled.highlighted:hover {
-          background-color: rgb(229, 242, 255);
-        }
+.datepicker-panel > ul > li.disabled.highlighted,
+.datepicker-panel > ul > li.disabled:hover.highlighted {
+  background-color: #e5f2ff;
+}
 
 .datepicker-panel > ul > li[data-view="years prev"],
-      .datepicker-panel > ul > li[data-view="year prev"],
-      .datepicker-panel > ul > li[data-view="month prev"],
-      .datepicker-panel > ul > li[data-view="years next"],
-      .datepicker-panel > ul > li[data-view="year next"],
-      .datepicker-panel > ul > li[data-view="month next"],
-      .datepicker-panel > ul > li[data-view="next"] {
-        font-size: 18px;
-      }
+.datepicker-panel > ul > li[data-view="year prev"],
+.datepicker-panel > ul > li[data-view="month prev"],
+.datepicker-panel > ul > li[data-view="years next"],
+.datepicker-panel > ul > li[data-view="year next"],
+.datepicker-panel > ul > li[data-view="month next"],
+.datepicker-panel > ul > li[data-view=next] {
+  font-size: 18px;
+}
 
 .datepicker-panel > ul > li[data-view="years current"],
-      .datepicker-panel > ul > li[data-view="year current"],
-      .datepicker-panel > ul > li[data-view="month current"] {
-        width: 150px;
-      }
-
-.datepicker-panel > ul[data-view="years"] > li, .datepicker-panel > ul[data-view="months"] > li {
-        height: 52.5px;
-        line-height: 52.5px;
-        width: 52.5px;
-      }
-
-.datepicker-panel > ul[data-view="week"] > li,
-      .datepicker-panel > ul[data-view="week"] > li:hover {
-        background-color: #fff;
-        cursor: default;
-      }
+.datepicker-panel > ul > li[data-view="year current"],
+.datepicker-panel > ul > li[data-view="month current"] {
+  width: 150px;
+}
+
+.datepicker-panel > ul[data-view=years] > li,
+.datepicker-panel > ul[data-view=months] > li {
+  height: 52.5px;
+  line-height: 52.5px;
+  width: 52.5px;
+}
+
+.datepicker-panel > ul[data-view=week] > li,
+.datepicker-panel > ul[data-view=week] > li:hover {
+  background-color: #fff;
+  cursor: default;
+}
 
 .datepicker-hide {
   display: none;

diff --git a/package-lock.json b/package-lock.json