xianniu-ui 0.9.6 → 0.9.8

package/lib/style/theme/transition.scss

@@ -0,0 +1,52 @@
+// global transition css
+
+/* fade */
+.fade-enter-active,
+.fade-leave-active {
+  transition: opacity 0.28s;
+}
+
+.fade-enter,
+.fade-leave-active {
+  opacity: 0;
+}
+
+/* fade-transform */
+.fade-transform-leave-active,
+.fade-transform-enter-active {
+  transition: all .3s;
+}
+
+.fade-transform-enter {
+  opacity: 0;
+  transform: translateX(-30px);
+}
+
+.fade-transform-leave-to {
+  opacity: 0;
+  transform: translateX(30px);
+}
+
+/* breadcrumb transition */
+.breadcrumb-enter-active,
+.breadcrumb-leave-active {
+  transition: all .3s;
+}
+
+.breadcrumb-enter,
+.breadcrumb-leave-active {
+  opacity: 0;
+  transform: translateX(20px);
+}
+
+.breadcrumb-move {
+  transition: all .3s;
+}
+
+.breadcrumb-leave-active {
+  position: absolute;
+}
+.el-list-enter-active,
+.el-list-leave-active {
+  transition: none !important;
+}

package/lib/style/theme/variables.scss

@@ -0,0 +1,41 @@
+// base color
+$light-blue:#3A71A8;
+
+$pink: #E65D6E;
+$panGreen: #30B08F;
+
+// sidebar
+$menuText:#4A4A53;
+$menuActiveText:#FF745C;
+$subMenuActiveText:#FF745C;
+$subMenuActiveBg:#FFEDEA;
+
+$menuBg:#fff;
+$menuHover:#FFEDEA;
+
+$subMenuBg:#fff;
+$subMenuHover:#FFEDEA;
+
+$sideBarWidth: 200px;
+
+
+
+$grey: #c1c1c9;
+$blue: #5e9dff;
+$red: #ff4d4f;
+$green: #52c41a;
+$yellow: #ffb500;
+$orange: #ff8c00;
+
+// the :export directive is the magic sauce for webpack
+// https://www.bluematador.com/blog/how-to-share-variables-between-js-and-sass
+:export {
+  menuText: $menuText;
+  menuActiveText: $menuActiveText;
+  subMenuActiveText: $subMenuActiveText;
+  menuBg: $menuBg;
+  menuHover: $menuHover;
+  subMenuBg: $subMenuBg;
+  subMenuHover: $subMenuHover;
+  sideBarWidth: $sideBarWidth;
+}