@kizmann/nano-ui 0.9.10 → 1.0.1

package/docs/src/scss/docsify/vue.sass

@@ -1,250 +0,0 @@
-
-$font-family: 'Roboto', 'Helvetica', 'Arial', sans-serif !default
-$sidebar-width: 320px !default
-
-@import 'basic/_layout'
-@import 'basic/_coverpage'
-
-body
-  background-color: $color-white
-
-/* sidebar */
-.sidebar
-  background-color: $color-white
-  color: #364149
-
-  ul
-    margin-left: 0 !important
-
-  li
-    margin: 6px 0 6px 0
-    padding-left: 20px
-
-  ul li
-    position: relative
-
-    &:before
-      content: '\00a0'
-      position: absolute
-      top: 50%
-      left: 4px
-      margin-top: -2px
-      display: block
-      width: 4px
-      height: 4px
-      border-radius: 50%
-      background: transparent
-
-    &.active:before
-      background: var(--theme-color, $color-primary)
-
-  ul li a
-    color: $color-gray-80
-    font-size: 14px
-    font-weight: normal
-    overflow: hidden
-    text-decoration: none
-    text-overflow: ellipsis
-    white-space: nowrap
-
-    &:hover
-      color: $color-primary
-
-  ul li ul
-    padding: 0
-
-  ul li.active > a
-    color: var(--theme-color, $color-primary)
-
-.app-sub-sidebar
-  li
-    &::before
-      content: '-'
-      padding-right: 4px
-      float: left
-
-/* markdown content found on pages */
-.markdown-section h1, .markdown-section h2
-  color: $color-black
-  font-weight: normal
-
-.markdown-section h3, .markdown-section h4
-  color: var(--theme-color, $color-primary)
-  font-weight: normal
-
-.markdown-section strong
-  font-weight: bold
-
-.markdown-section a
-  color: var(--theme-color, $color-primary)
-
-.markdown-section h1
-  font-size: 2.5rem
-  margin: 0 0 1rem
-
-.markdown-section h2
-  font-size: 1.75rem
-  margin: 45px 0 0.8rem
-
-.markdown-section h3
-  font-size: 1.5rem
-  margin: 40px 0 0.6rem
-
-.markdown-section h4
-  font-size: 1.25rem
-
-.markdown-section h5
-  font-size: 1rem
-
-.markdown-section h6
-  color: #777
-  font-size: 1rem
-
-.markdown-section figure, .markdown-section p
-  margin: 1.2em 0
-
-.markdown-section p, .markdown-section ul, .markdown-section ol
-  line-height: 1.6rem
-  word-spacing: 0.05rem
-
-.markdown-section ul, .markdown-section ol
-  padding-left: 1.5rem
-
-.markdown-section blockquote
-  border-left: 4px solid var(--theme-color, $color-primary)
-  color: #858585
-  margin: 2em 0
-  padding-left: 20px
-
-.markdown-section blockquote p
-  font-weight: 600
-  margin-left: 0
-
-.markdown-section iframe
-  margin: 1em 0
-
-.markdown-section em
-  color: #7f8c8d
-
-.markdown-section code
-  background-color: #f8f8f8
-  border-radius: 2px
-  color: #e96900
-  font-family: 'Roboto Mono', Monaco, courier, monospace
-  font-size: 0.8rem
-  margin: 0 2px
-  padding: 3px 5px
-  white-space: pre-wrap
-
-.markdown-section pre
-  -moz-osx-font-smoothing: initial
-  -webkit-font-smoothing: initial
-  background-color: #f8f8f8
-  font-family: 'Roboto Mono', Monaco, courier, monospace
-  line-height: 1.5rem
-  margin: 1.2em 0
-  overflow: auto
-  padding: 0 1.4rem
-  position: relative
-  word-wrap: normal
-
-/* code highlight */
-.token.comment, .token.prolog, .token.doctype, .token.cdata
-  color: #8e908c
-
-.token.namespace
-  opacity: 0.7
-
-.token.boolean, .token.number
-  color: #c76b29
-
-.token.punctuation
-  color: #525252
-
-.token.property
-  color: #c08b30
-
-.token.tag
-  color: #2973b7
-
-.token.string
-  color: var(--theme-color, $color-primary)
-
-.token.selector
-  color: #6679cc
-
-.token.attr-name
-  color: #2973b7
-
-.token.entity, .token.url, .language-css .token.string, .style .token.string
-  color: #22a2c9
-
-.token.attr-value, .token.control, .token.directive, .token.unit
-  color: var(--theme-color, $color-primary)
-
-.token.keyword, .token.function
-  color: #e96900
-
-.token.statement, .token.regex, .token.atrule
-  color: #22a2c9
-
-.token.placeholder, .token.variable
-  color: #3d8fd1
-
-.token.deleted
-  text-decoration: line-through
-
-.token.inserted
-  border-bottom: 1px dotted #202746
-  text-decoration: none
-
-.token.italic
-  font-style: italic
-
-.token.important, .token.bold
-  font-weight: bold
-
-.token.important
-  color: #c94922
-
-.token.entity
-  cursor: help
-
-.markdown-section pre > code
-  -moz-osx-font-smoothing: initial
-  -webkit-font-smoothing: initial
-  background-color: #f8f8f8
-  border-radius: 2px
-  color: #525252
-  display: block
-  font-family: 'Roboto Mono', Monaco, courier, monospace
-  font-size: 0.8rem
-  line-height: inherit
-  margin: 0 2px
-  max-width: inherit
-  overflow: inherit
-  padding: 2.2em 5px
-  white-space: inherit
-
-.markdown-section code::after, .markdown-section code::before
-  letter-spacing: 0.05rem
-
-code .token
-  -moz-osx-font-smoothing: initial
-  -webkit-font-smoothing: initial
-  min-height: 1.5rem
-  position: relative
-  left: auto
-
-pre::after
-  color: #ccc
-  content: attr(data-lang)
-  font-size: 0.6rem
-  font-weight: 600
-  height: 15px
-  line-height: 15px
-  padding: 5px 10px 0
-  position: absolute
-  right: 0
-  text-align: right
-  top: 0

package/docs/src/scss/index.scss

@@ -1,448 +0,0 @@
-@import "../../../src/root/vars";
-//@import "./docsify/vue";
-@import "./mixins/base";
-@import "./mixins/media";
-@import "./mixins/grid";
-@import "./mixins/space";
-@import "./docsify/syntax";
-
-::selection {
-    background: rgba($color-primary, 0.15);
-}
-
-* {
-    outline: none !important;
-}
-
-div {
-    box-sizing: border-box;
-}
-
-html, body {
-    font-family: 'Roboto', sans-serif;
-    font-size: 15px;
-    font-variant-numeric: normal;
-    font-feature-settings: normal;
-}
-
-body {
-    background: #fff linear-gradient(110deg, rgba($color-info, 0.05) 0%, rgba($color-primary, 0.05) 100%);
-}
-
-body:before {
-    z-index: 9000;
-    content: '\00a0';
-    position: fixed;
-    top: 0;
-    left: 0;
-    width: 100%;
-    height: 100%;
-    background: #fff linear-gradient(110deg, $color-info 0%, $color-primary 100%);
-    transition: opacity 0.2s 0.4s, transform 0.4s 0.2s;
-}
-
-body.ready:before {
-    opacity: 0;
-    transform: translateY(-100vh);
-}
-
-body.ready header {
-    opacity: 1;
-}
-
-h1 {
-    font-size: 32px;
-}
-
-h2 {
-    font-size: 26px;
-}
-
-h3 {
-    font-weight: 500;
-    font-size: 16px;
-}
-
-p {
-    font-size: 15px;
-}
-
-code {
-    font-size: 13.5px;
-}
-
-h1, h2, h3, h4, h5, h6 {
-    color: $color-primary;
-}
-
-h1 a {
-    transition: color 0.2s;
-}
-
-h1 a, h1 a:active, h1 a:visited,
-h2 a, h2 a:active, h2 a:visited {
-    color: $color-gray-90;
-}
-
-h1 a:hover, h2 a:hover {
-    color: $color-primary;
-}
-
-h1 a, h2 a {
-    display: inline-flex;
-    align-items: center;
-}
-
-h1 a:before, h2 a:before {
-    content: '#';
-    color: $color-primary;
-    margin-right: 15px;
-    font-size: 18px;
-}
-
-h1 a:before {
-    font-size: 18px;
-}
-
-h2 a:before {
-    font-size: 16px;
-}
-
-p {
-    color: $color-gray-65;
-}
-
-code {
-    font-family: 'Roboto Mono', Monaco, courier, monospace;
-    color: mix($color-gray-75, $color-primary, 25%);
-    background: mix($color-background, $color-primary, 95%);
-}
-
-a, a:active, a:visited {
-    color: $color-primary;
-    text-decoration: none;
-}
-
-a:hover {
-    color: $color-primary-dark;
-}
-
-table {
-    width: 100%;
-    background: $color-white;
-    border-radius: $lg-radius;
-    border-collapse: collapse;
-    box-shadow: 0 1px 14px rgba($color-shadow, 0.075);
-}
-
-table th,
-table td {
-    min-width: 180px;
-    text-align: left;
-}
-
-table thead tr th {
-    padding: 19px 24px;
-    color: $color-gray-90;
-    font-size: 13px;
-}
-
-table thead tr th b,
-table thead tr th strong {
-    font-weight: 500;
-}
-
-table thead tr:first-child th:first-child {
-    border-radius: $lg-radius 0 0 0;
-}
-
-table thead tr:first-child th:last-child {
-    border-radius: 0 $lg-radius 0 0;
-}
-
-table thead tr:last-child th {
-    border-bottom: 1px solid $color-gray-10;
-}
-
-table thead tr th:not(:last-child) {
-    border-right: 1px solid $color-gray-10;
-}
-
-table tbody tr td {
-    padding: 14px 24px;
-    color: $color-gray-65;
-    font-size: 15px;
-}
-
-table tbody tr td code {
-    //color: mix($color-gray-75, $color-info, 25%);
-}
-
-table tbody tr td:nth-child(1) code {
-    font-weight: 700;
-    color: mix($color-gray-90, $color-success, 10%);
-    background: mix($color-background, $color-success, 95%);
-}
-
-table tbody tr:not(:last-child) td {
-    border-bottom: 1px solid $color-gray-05;
-}
-
-header {
-    overflow: hidden;
-    position: relative;
-    width: 100%;
-    border-bottom: 1px solid rgba($color-black, 0.07);
-}
-
-header .wrapper {
-    z-index: 100;
-    position: relative;
-    display: flex;
-    flex-direction: row;
-    align-items: center;
-    width: 100%;
-    height: 140px;
-    max-width: 1490px;
-    margin: 0 auto;
-    padding: 0 40px;
-}
-
-header .logo {
-    text-align: center;
-    margin-right: auto;
-}
-
-header .logo a {
-    display: inline-block;
-    max-width: 130px;
-}
-
-header .logo img {
-    display: block;
-    width: 100%;
-    max-height: 100%;
-}
-
-header .social:not(:last-child) {
-    margin-right: 30px;
-}
-
-header .social a {
-    display: inline-flex;
-    align-items: center;
-    padding: 10px 14px;
-    font-size: 13px;
-    border-radius: 500px;
-    color: $color-gray-70;
-    //background: rgba($color-gray-50, 0.1);
-}
-
-header .social.black a {
-    color: rgba($color-white, 0.9);
-    background: $color-black;
-}
-
-header .social.blue a {
-    color: rgba($color-white, 0.9);
-    background: $color-primary;
-}
-
-header .social a i {
-    opacity: 0.8;
-    margin-right: 12px;
-}
-
-main {
-    z-index: 200;
-    position: relative;
-    overflow-x: hidden;
-    display: flex;
-    flex-direction: row;
-    justify-content: center;
-    padding: 35px 0;
-}
-
-.sidebar {
-    flex: 0 0 auto;
-    display: none;
-    flex-direction: column;
-    width: 320px;
-    padding: 10px 35px 10px 35px;
-    margin-right: 50px;
-    border-right: 1px solid rgba($color-black, 0.07);
-
-    @include media('lg') {
-        display: flex;
-    }
-}
-
-.content {
-    flex: 1 1 auto;
-    width: 100%;
-    max-width: 1120px;
-    padding: 10px 30px;
-}
-
-.app-name {
-    display: none;
-    order: 100;
-    width: 100%;
-    padding: 5px 0 20px;
-    text-align: center;
-}
-
-.app-name > a {
-    display: inline-block;
-    max-width: 120px;
-}
-
-.app-name > a > img {
-    width: 100%;
-}
-
-.search {
-    position: relative;
-    order: 200;
-    border: none !important;
-    padding: 8px 4px 12px 12px !important;
-}
-
-.search .input-wrap {
-    border-radius: 500px;
-    background: rgba($color-black, 0.05);
-}
-
-.search .input-wrap input {
-    height: 44px;
-    line-height: 44px;
-    padding: 0 0 0 24px;
-}
-
-.search .input-wrap input,
-.search .input-wrap input:focus {
-    appearance: none;
-    background: transparent;
-    border: none;
-    box-shadow: none;
-}
-
-.results-panel {
-    position: absolute;
-    top: 100%;
-    left: 0;
-}
-
-.matching-post > p,
-.matching-post > a > p {
-    //display: none !important;
-}
-
-.sidebar-nav {
-    order: 300;
-}
-
-.sidebar-nav p {
-    padding: 4px 12px;
-    font-size: 11px;
-    font-weight: 600;
-    color: $color-gray-80;
-    text-transform: uppercase;
-}
-
-.sidebar-nav ul ul {
-    padding: 4px 0 4px 14px;
-}
-
-.sidebar-nav a {
-    transition: color 0.2s, background 0.2s;
-}
-
-.sidebar-nav a, .sidebar-nav a:active, .sidebar-nav a:visited {
-    display: inline-block;
-    font-size: 14px;
-    color: $color-gray-55;
-    padding: 4px 12px;
-    border-radius: $md-radius;
-}
-
-.sidebar-nav ul ul ul > li > a:before {
-    content: '-';
-    color: $color-gray-20;
-    margin-right: 8px;
-}
-
-.sidebar-nav a:hover {
-    color: $color-gray-75;
-}
-
-.sidebar-nav li > a:has(+ .app-sub-sidebar),
-.sidebar-nav li > a:active:has(+ .app-sub-sidebar),
-.sidebar-nav li > a:visited:has(+ .app-sub-sidebar) {
-    color: $color-primary;
-    background: rgba($color-primary, 0.1);
-}
-
-.sidebar-nav ul ul ul li.active > a,
-.sidebar-nav ul ul ul li.active > a:active,
-.sidebar-nav ul ul ul li.active > a:visited {
-    color: $color-gray-90;
-}
-
-.markdown-section h1,
-.markdown-section h2,
-.markdown-section h3,
-.markdown-section h4,
-.markdown-section h5,
-.markdown-section h6,
-.markdown-section p {
-    margin-bottom: 30px;
-}
-
-.markdown-section code {
-    background-color: rgba($color-primary, 0.15);
-    border-radius: $md-radius;
-    font-size: 0.8rem;
-    margin: 0 2px;
-    padding: 3px 5px;
-    white-space: pre-wrap;
-}
-
-.markdown-section code[data-type] {
-    color: mix($color-gray-90, $color-gray-40, 10%);
-    background: mix($color-background, $color-gray-40, 95%);
-}
-
-.markdown-section table {
-    margin-bottom: 30px;
-}
-
-.demo-wrapper {
-    overflow: hidden;
-    position: relative;
-    margin-bottom: 30px;
-    border-radius: $lg-radius;
-    background: $color-white;
-    box-shadow: 0 1px 14px rgba($color-shadow, 0.075);
-}
-
-.markdown-section .demo-options {
-    padding: 20px 40px 24px;
-    border-bottom: 1px solid $color-gray-10;
-}
-
-.markdown-section .demo-options .n-form-item {
-    margin-bottom: 4px;
-}
-
-.markdown-section .demo-options .n-select {
-    //width: 220px;
-}
-
-.markdown-section .demo-display {
-    padding: 40px;
-}
-
-.markdown-section .demo-display > .grid:not(:last-child) {
-    margin-bottom: 20px;
-}

package/docs/src/scss/mixins/base.scss

@@ -1,14 +0,0 @@
-@function reverse($list) {
-
-    $result: ();
-
-    @for $i from length($list) * -1 through -1 {
-        $result: append($result, nth($list, abs($i)));
-    }
-
-    @return $result;
-}
-
-@function strip($number) {
-    @return $number / ($number * 0 + 1);
-}