mdui 1.0.2 → 2.0.0

package/src/styles/typo.less

@@ -1,338 +0,0 @@
-/**
- * =============================================================================
- * ************   Typography 文章排版   ************
- * =============================================================================
- */
-
-.mdui-typo {
-  line-height: 1.8;
-  word-wrap: break-word;
-
-  address, caption, cite, code, dfn, th {
-    font-weight: 400;
-    font-style: normal;
-  }
-
-  caption, th {
-    text-align: left;
-  }
-
-  q::before, q::after {
-    content: '';
-  }
-
-  pre, code, kbd, samp, pre tt {
-    font-family: Consolas, Courier, 'Courier New', monospace;
-  }
-
-  figcaption {
-    color: @color-black-secondary;
-    font-size: 80%;
-  }
-
-  [draggable],
-  [draggable="true"] {
-    cursor: move;
-  }
-
-  [draggable="false"] {
-    cursor: inherit;
-  }
-
-  p, pre, ul, ol, dl, form, hr, figure, table, .mdui-table, .mdui-table-fluid {
-    margin: 0 0 1.2em 0;
-
-    &:last-child {
-      margin-bottom: 0;
-    }
-  }
-
-  /* a */
-  a {
-    .mdui-text-color(@color-accent-default-name, a200);
-
-    position: relative;
-    display: inline-block;
-    overflow: hidden;
-    text-decoration: none;
-    vertical-align: top;
-    outline: none;
-
-    &::before {
-      position: absolute;
-      top: auto;
-      bottom: 1px;
-      left: 0;
-      width: 100%;
-      height: 1px;
-      background-color: @color-default-a200;
-      transform: scaleX(0);
-      backface-visibility: hidden;
-      transition: all 0.2s;
-      content: ' ';
-    }
-
-    &:hover::before,
-    &:focus::before {
-      transform: scaleX(1);
-    }
-  }
-
-  /* small */
-  small {
-    font-size: 80%;
-  }
-
-  /* blockquote */
-  blockquote {
-    margin: 1em 3em 1em 2em;
-    padding-left: 1em;
-    font-weight: 400;
-    border-left: 4px solid @color-black-divider;
-    @media only screen and (max-width: @screen-xs-max) {
-      margin: 1em 0;
-    }
-
-    &:last-child {
-      margin-bottom: 0;
-    }
-
-    footer {
-      color: @color-black-secondary;
-      font-size: 86%;
-    }
-  }
-
-  /* mark */
-  mark {
-    margin: 0 5px;
-    padding: 2px;
-    background: #fffdd1;
-    border-bottom: 1px solid #ffedce;
-  }
-
-  /* h1 - h6 */
-  h1, h2, h3, h4, h5, h6 {
-    margin-top: 1.2em;
-    margin-bottom: 0.6em;
-    color: inherit;
-    font-weight: 400;
-    font-family: inherit;
-    line-height: 1.35;
-
-    &:last-child {
-      margin-bottom: 0;
-    }
-
-    small {
-      color: @color-black-secondary;
-      font-weight: 400;
-      font-size: 65%;
-      line-height: 1;
-    }
-  }
-  h1 {
-    font-size: 2em;
-  }
-  h2 {
-    font-size: 1.8em;
-  }
-  h3 {
-    font-size: 1.6em;
-  }
-  h4 {
-    font-size: 1.4em;
-  }
-  h5 {
-    font-size: 1.2em;
-  }
-  h6 {
-    font-size: 1.1em;
-  }
-
-  /* code */
-  code {
-    padding: 2px 6px;
-    color: #c7254e;
-    background-color: #f7f7f9;
-    border-radius: 2px;
-  }
-
-  /* pre code */
-  pre code {
-    padding: 0;
-    color: inherit;
-    font-size: inherit;
-    line-height: 1.7;
-    background-color: transparent;
-    border-radius: 0;
-  }
-
-  /* abbr */
-  abbr[title] {
-    text-decoration: none;
-    border-bottom: 1px dotted;
-    cursor: help;
-  }
-
-  /* ins */
-  ins {
-    text-decoration: none;
-    border-bottom: 1px solid ;
-  }
-
-  /* u */
-  u {
-    text-decoration: none;
-    border-bottom: 1px solid;
-  }
-
-  /* del */
-  del {
-    text-decoration: line-through;
-  }
-
-  /* hr */
-  hr {
-    height: 10px;
-    margin-bottom: 0.8em;
-    border: none;
-    border-bottom: 1px solid @color-black-divider;
-  }
-
-  /* pre */
-  pre {
-    padding: 12px 16px;
-    overflow-x: auto;
-    border: 1px solid @color-black-divider;
-    border-radius: 2px;
-    -webkit-overflow-scrolling: touch;
-  }
-
-  /* kbd */
-  kbd {
-    padding: 2px 6px;
-    color: #fff;
-    font-size: 90%;
-    background-color: #333;
-    border-radius: 2px;
-  }
-
-  /* ul / ol */
-  ul {
-    padding-left: 2em;
-    list-style: disc;
-  }
-  ol {
-    padding-left: 2em;
-    list-style: decimal;
-  }
-  li ul,
-  li ol {
-    margin: 0.8em 0;
-  }
-  li ul {
-    list-style: circle;
-  }
-
-  /* img, video */
-  img, video {
-    max-width: 100%;
-  }
-
-  figure {
-    text-align: center;
-
-    figcaption {
-      margin-top: 8px;
-      color: #999;
-      font-size: 14px;
-    }
-
-    figcaption:empty::before {
-      z-index: -1;
-      color: #bfbfbf;
-      cursor: text;
-      content: attr(placeholder);
-    }
-  }
-}
-
-
-/**
- * =============================================================================
- * ************   Typo 强调色   ************
- * =============================================================================
- */
-& {
-  .loop-accent-theme(@counter-color) when (@counter-color > 0) {
-    .loop-accent-theme((@counter-color - 1));
-    @colorName: extract(@globalAccentColors, @counter-color);
-
-    .mdui-theme-accent-@{colorName} when not (@colorName = null) {
-      .mdui-typo {
-        a {
-          .mdui-text-color(@colorName, a200);
-
-          &::before {
-            .mdui-background-color(@colorName, a200);
-          }
-        }
-      }
-    }
-
-  }
-  .loop-accent-theme(length(@globalAccentColors));
-}
-
-
-/**
- * =============================================================================
- * ************   Typo dark   ************
- * =============================================================================
- */
-.layout-theme({
-  .mdui-typo {
-
-    blockquote {
-      border-left-color: @color-white-divider;
-
-      footer {
-        color: @color-white-secondary;
-      }
-    }
-
-    figcaption {
-      color: @color-white-secondary;
-    }
-
-    mark {
-      background: #aaa;
-      border-bottom-color: #bbb;
-    }
-
-    h1, h2, h3, h4, h5, h6 {
-      small {
-        color: @color-white-secondary;
-      }
-    }
-
-    code {
-      color: @color-red-100;
-      background-color: #424242;
-    }
-
-    pre {
-      background: #424242;
-      border-color: @color-white-divider;
-    }
-
-    kbd {
-      background: #424242;
-    }
-
-    hr {
-      border-color: @color-white-divider;
-    }
-  }
-});

package/src/styles/variable/animation.less

@@ -1,5 +0,0 @@
-@animation-curve-fast-out-slow-in: cubic-bezier(0.4, 0, 0.2, 1); // 慢 - 快 - 慢
-@animation-curve-linear-out-slow-in: cubic-bezier(0, 0, 0.2, 1); // 快 - 慢
-@animation-curve-fast-out-linear-in: cubic-bezier(0.4, 0, 1, 1); // 慢 - 快
-
-@animation-curve-default: @animation-curve-fast-out-slow-in;

package/src/styles/variable/color/amber.less

@@ -1,41 +0,0 @@
-@color-amber-50: #FFF8E1;
-@color-amber-50-is-dark: false;
-
-@color-amber-100: #FFECB3;
-@color-amber-100-is-dark: false;
-
-@color-amber-200: #FFE082;
-@color-amber-200-is-dark: false;
-
-@color-amber-300: #FFD54F;
-@color-amber-300-is-dark: false;
-
-@color-amber-400: #FFCA28;
-@color-amber-400-is-dark: false;
-
-@color-amber-500: #FFC107;
-@color-amber-500-is-dark: false;
-
-@color-amber-600: #FFB300;
-@color-amber-600-is-dark: false;
-
-@color-amber-700: #FFA000;
-@color-amber-700-is-dark: false;
-
-@color-amber-800: #FF8F00;
-@color-amber-800-is-dark: false;
-
-@color-amber-900: #FF6F00;
-@color-amber-900-is-dark: false;
-
-@color-amber-a100: #FFE57F;
-@color-amber-a100-is-dark: false;
-
-@color-amber-a200: #FFD740;
-@color-amber-a200-is-dark: false;
-
-@color-amber-a400: #FFC400;
-@color-amber-a400-is-dark: false;
-
-@color-amber-a700: #FFAB00;
-@color-amber-a700-is-dark: false;

package/src/styles/variable/color/black.less

@@ -1,16 +0,0 @@
-@color-black: #000000;
-
-@color-black-300: #303030;
-@color-black-300-is-dark: true;
-
-@color-black-400: #212121;
-@color-black-400-is-dark: true;
-
-@color-black-500: @color-black;
-@color-black-500-is-dark: true;
-
-@color-black-600: #212121;
-@color-black-600-is-dark: true;
-
-@color-black-700: #303030;
-@color-black-700-is-dark: true;

package/src/styles/variable/color/blue-grey.less

@@ -1,29 +0,0 @@
-@color-blue-grey-50: #ECEFF1;
-@color-blue-grey-50-is-dark: false;
-
-@color-blue-grey-100: #CFD8DC;
-@color-blue-grey-100-is-dark: false;
-
-@color-blue-grey-200: #B0BEC5;
-@color-blue-grey-200-is-dark: false;
-
-@color-blue-grey-300: #90A4AE;
-@color-blue-grey-300-is-dark: false;
-
-@color-blue-grey-400: #78909C;
-@color-blue-grey-400-is-dark: true;
-
-@color-blue-grey-500: #607D8B;
-@color-blue-grey-500-is-dark: true;
-
-@color-blue-grey-600: #546E7A;
-@color-blue-grey-600-is-dark: true;
-
-@color-blue-grey-700: #455A64;
-@color-blue-grey-700-is-dark: true;
-
-@color-blue-grey-800: #37474F;
-@color-blue-grey-800-is-dark: true;
-
-@color-blue-grey-900: #263238;
-@color-blue-grey-900-is-dark: true;

package/src/styles/variable/color/blue.less

@@ -1,41 +0,0 @@
-@color-blue-50: #E3F2FD;
-@color-blue-50-is-dark: false;
-
-@color-blue-100: #BBDEFB;
-@color-blue-100-is-dark: false;
-
-@color-blue-200: #90CAF9;
-@color-blue-200-is-dark: false;
-
-@color-blue-300: #64B5F6;
-@color-blue-300-is-dark: false;
-
-@color-blue-400: #42A5F5;
-@color-blue-400-is-dark: false;
-
-@color-blue-500: #2196F3;
-@color-blue-500-is-dark: false;
-
-@color-blue-600: #1E88E5;
-@color-blue-600-is-dark: true;
-
-@color-blue-700: #1976D2;
-@color-blue-700-is-dark: true;
-
-@color-blue-800: #1565C0;
-@color-blue-800-is-dark: true;
-
-@color-blue-900: #0D47A1;
-@color-blue-900-is-dark: true;
-
-@color-blue-a100: #82B1FF;
-@color-blue-a100-is-dark: false;
-
-@color-blue-a200: #448AFF;
-@color-blue-a200-is-dark: true;
-
-@color-blue-a400: #2979FF;
-@color-blue-a400-is-dark: true;
-
-@color-blue-a700: #2962FF;
-@color-blue-a700-is-dark: true;

package/src/styles/variable/color/brown.less

@@ -1,29 +0,0 @@
-@color-brown-50: #EFEBE9;
-@color-brown-50-is-dark: false;
-
-@color-brown-100: #D7CCC8;
-@color-brown-100-is-dark: false;
-
-@color-brown-200: #BCAAA4;
-@color-brown-200-is-dark: false;
-
-@color-brown-300: #A1887F;
-@color-brown-300-is-dark: true;
-
-@color-brown-400: #8D6E63;
-@color-brown-400-is-dark: true;
-
-@color-brown-500: #795548;
-@color-brown-500-is-dark: true;
-
-@color-brown-600: #6D4C41;
-@color-brown-600-is-dark: true;
-
-@color-brown-700: #5D4037;
-@color-brown-700-is-dark: true;
-
-@color-brown-800: #4E342E;
-@color-brown-800-is-dark: true;
-
-@color-brown-900: #3E2723;
-@color-brown-900-is-dark: true;

package/src/styles/variable/color/cyan.less

@@ -1,41 +0,0 @@
-@color-cyan-50: #E0F7FA;
-@color-cyan-50-is-dark: false;
-
-@color-cyan-100: #B2EBF2;
-@color-cyan-100-is-dark: false;
-
-@color-cyan-200: #80DEEA;
-@color-cyan-200-is-dark: false;
-
-@color-cyan-300: #4DD0E1;
-@color-cyan-300-is-dark: false;
-
-@color-cyan-400: #26C6DA;
-@color-cyan-400-is-dark: false;
-
-@color-cyan-500: #00BCD4;
-@color-cyan-500-is-dark: false;
-
-@color-cyan-600: #00ACC1;
-@color-cyan-600-is-dark: false;
-
-@color-cyan-700: #0097A7;
-@color-cyan-700-is-dark: true;
-
-@color-cyan-800: #00838F;
-@color-cyan-800-is-dark: true;
-
-@color-cyan-900: #006064;
-@color-cyan-900-is-dark: true;
-
-@color-cyan-a100: #84FFFF;
-@color-cyan-a100-is-dark: false;
-
-@color-cyan-a200: #18FFFF;
-@color-cyan-a200-is-dark: false;
-
-@color-cyan-a400: #00E5FF;
-@color-cyan-a400-is-dark: false;
-
-@color-cyan-a700: #00B8D4;
-@color-cyan-a700-is-dark: false;

package/src/styles/variable/color/deep-orange.less

@@ -1,41 +0,0 @@
-@color-deep-orange-50: #FBE9E7;
-@color-deep-orange-50-is-dark: false;
-
-@color-deep-orange-100: #FFCCBC;
-@color-deep-orange-100-is-dark: false;
-
-@color-deep-orange-200: #FFAB91;
-@color-deep-orange-200-is-dark: false;
-
-@color-deep-orange-300: #FF8A65;
-@color-deep-orange-300-is-dark: false;
-
-@color-deep-orange-400: #FF7043;
-@color-deep-orange-400-is-dark: false;
-
-@color-deep-orange-500: #FF5722;
-@color-deep-orange-500-is-dark: false;
-
-@color-deep-orange-600: #F4511E;
-@color-deep-orange-600-is-dark: true;
-
-@color-deep-orange-700: #E64A19;
-@color-deep-orange-700-is-dark: true;
-
-@color-deep-orange-800: #D84315;
-@color-deep-orange-800-is-dark: true;
-
-@color-deep-orange-900: #BF360C;
-@color-deep-orange-900-is-dark: true;
-
-@color-deep-orange-a100: #FF9E80;
-@color-deep-orange-a100-is-dark: false;
-
-@color-deep-orange-a200: #FF6E40;
-@color-deep-orange-a200-is-dark: false;
-
-@color-deep-orange-a400: #FF3D00;
-@color-deep-orange-a400-is-dark: true;
-
-@color-deep-orange-a700: #DD2C00;
-@color-deep-orange-a700-is-dark: true;

package/src/styles/variable/color/deep-purple.less

@@ -1,41 +0,0 @@
-@color-deep-purple-50: #EDE7F6;
-@color-deep-purple-50-is-dark: false;
-
-@color-deep-purple-100: #D1C4E9;
-@color-deep-purple-100-is-dark: false;
-
-@color-deep-purple-200: #B39DDB;
-@color-deep-purple-200-is-dark: false;
-
-@color-deep-purple-300: #9575CD;
-@color-deep-purple-300-is-dark: true;
-
-@color-deep-purple-400: #7E57C2;
-@color-deep-purple-400-is-dark: true;
-
-@color-deep-purple-500: #673AB7;
-@color-deep-purple-500-is-dark: true;
-
-@color-deep-purple-600: #5E35B1;
-@color-deep-purple-600-is-dark: true;
-
-@color-deep-purple-700: #512DA8;
-@color-deep-purple-700-is-dark: true;
-
-@color-deep-purple-800: #4527A0;
-@color-deep-purple-800-is-dark: true;
-
-@color-deep-purple-900: #311B92;
-@color-deep-purple-900-is-dark: true;
-
-@color-deep-purple-a100: #B388FF;
-@color-deep-purple-a100-is-dark: false;
-
-@color-deep-purple-a200: #7C4DFF;
-@color-deep-purple-a200-is-dark: true;
-
-@color-deep-purple-a400: #651FFF;
-@color-deep-purple-a400-is-dark: true;
-
-@color-deep-purple-a700: #6200EA;
-@color-deep-purple-a700-is-dark: true;

package/src/styles/variable/color/default.less

@@ -1,74 +0,0 @@
-@color-default-name: 'indigo';
-@color-accent-default-name: 'pink';
-
-
-@color-default-50-color-name: 'color-@{color-default-name}-50';
-@color-default-50-is-dark-name: 'color-@{color-default-name}-50-is-dark';
-@color-default-50: @@color-default-50-color-name;
-@color-default-50-is-dark: @@color-default-50-is-dark-name;
-
-@color-default-100-color-name: 'color-@{color-default-name}-100';
-@color-default-100-is-dark-name: 'color-@{color-default-name}-100-is-dark';
-@color-default-100: @@color-default-100-color-name;
-@color-default-100-is-dark: @@color-default-100-is-dark-name;
-
-@color-default-200-color-name: 'color-@{color-default-name}-200';
-@color-default-200-is-dark-name: 'color-@{color-default-name}-200-is-dark';
-@color-default-200: @@color-default-200-color-name;
-@color-default-200-is-dark: @@color-default-200-is-dark-name;
-
-@color-default-300-color-name: 'color-@{color-default-name}-300';
-@color-default-300-is-dark-name: 'color-@{color-default-name}-300-is-dark';
-@color-default-300: @@color-default-300-color-name;
-@color-default-300-is-dark: @@color-default-300-is-dark-name;
-
-@color-default-400-color-name: 'color-@{color-default-name}-400';
-@color-default-400-is-dark-name: 'color-@{color-default-name}-400-is-dark';
-@color-default-400: @@color-default-400-color-name;
-@color-default-400-is-dark: @@color-default-400-is-dark-name;
-
-@color-default-500-color-name: 'color-@{color-default-name}-500';
-@color-default-500-is-dark-name: 'color-@{color-default-name}-500-is-dark';
-@color-default-500: @@color-default-500-color-name;
-@color-default-500-is-dark: @@color-default-500-is-dark-name;
-
-@color-default-600-color-name: 'color-@{color-default-name}-600';
-@color-default-600-is-dark-name: 'color-@{color-default-name}-600-is-dark';
-@color-default-600: @@color-default-600-color-name;
-@color-default-600-is-dark: @@color-default-600-is-dark-name;
-
-@color-default-700-color-name: 'color-@{color-default-name}-700';
-@color-default-700-is-dark-name: 'color-@{color-default-name}-700-is-dark';
-@color-default-700: @@color-default-700-color-name;
-@color-default-700-is-dark: @@color-default-700-is-dark-name;
-
-@color-default-800-color-name: 'color-@{color-default-name}-800';
-@color-default-800-is-dark-name: 'color-@{color-default-name}-800-is-dark';
-@color-default-800: @@color-default-800-color-name;
-@color-default-800-is-dark: @@color-default-800-is-dark-name;
-
-@color-default-900-color-name: 'color-@{color-default-name}-900';
-@color-default-900-is-dark-name: 'color-@{color-default-name}-900-is-dark';
-@color-default-900: @@color-default-900-color-name;
-@color-default-900-is-dark: @@color-default-900-is-dark-name;
-
-
-@color-default-a100-color-name: 'color-@{color-accent-default-name}-a100';
-@color-default-a100-is-dark-name: 'color-@{color-accent-default-name}-a100-is-dark';
-@color-default-a100: @@color-default-a100-color-name;
-@color-default-a100-is-dark: @@color-default-a100-is-dark-name;
-
-@color-default-a200-color-name: 'color-@{color-accent-default-name}-a200';
-@color-default-a200-is-dark-name: 'color-@{color-accent-default-name}-a200-is-dark';
-@color-default-a200: @@color-default-a200-color-name;
-@color-default-a200-is-dark: @@color-default-a200-is-dark-name;
-
-@color-default-a400-color-name: 'color-@{color-accent-default-name}-a400';
-@color-default-a400-is-dark-name: 'color-@{color-accent-default-name}-a400-is-dark';
-@color-default-a400: @@color-default-a400-color-name;
-@color-default-a400-is-dark: @@color-default-a400-is-dark-name;
-
-@color-default-a700-color-name: 'color-@{color-accent-default-name}-a700';
-@color-default-a700-is-dark-name: 'color-@{color-accent-default-name}-a700-is-dark';
-@color-default-a700: @@color-default-a700-color-name;
-@color-default-a700-is-dark: @@color-default-a700-is-dark-name;