@kizmann/nano-ui 0.9.10 → 1.0.0

package/docs/src/scss/docsify/basic/_layout.sass

@@ -1,472 +0,0 @@
-*
-  //-webkit-font-smoothing: antialiased
-  -webkit-overflow-scrolling: touch
-  -webkit-tap-highlight-color: rgba(0, 0, 0, 0)
-  -webkit-text-size-adjust: none
-  -webkit-touch-callout: none
-  box-sizing: border-box
-
-body:not(.ready)
-  overflow: hidden
-
-  [data-cloak], .app-nav, > nav
-    display: none
-
-div#app
-  font-size: 30px
-  margin: 40vh auto
-  text-align: center
-
-  &:empty::before
-    content: 'Loading...'
-
-.emoji
-  height: 1.2rem
-  vertical-align: middle
-
-.progress
-  background-color: var(--theme-color, $color-primary)
-  height: 2px
-  left: 0px
-  position: fixed
-  right: 0px
-  top: 0px
-  transition: width 0.2s, opacity 0.4s
-  width: 0%
-  z-index: 999999
-
-.search a:hover
-  color: var(--theme-color, $color-primary)
-
-.search .search-keyword
-  color: var(--theme-color, $color-primary)
-  font-style: normal
-  font-weight: bold
-
-html, body
-  height: 100%
-
-body
-  color: $color-black
-  font-family: $font-family
-  font-size: 15px
-  letter-spacing: 0
-  margin: 0
-  overflow-x: hidden
-
-img
-  max-width: 100%
-
-a[disabled]
-  cursor: not-allowed
-  opacity: 0.6
-
-kbd
-  border: solid 1px #ccc
-  border-radius: 3px
-  display: inline-block
-  font-size: 12px !important
-  line-height: 12px
-  margin-bottom: 3px
-  padding: 3px 5px
-  vertical-align: middle
-
-li input[type='checkbox']
-  margin: 0 0.2em 0.25em 0
-  vertical-align: middle
-
-/* navbar */
-.app-nav
-  margin: 25px 60px 0 0
-  position: absolute
-  right: 0
-  text-align: right
-  z-index: 10
-
-  &.no-badge
-    margin-right: 25px
-
-  p
-    margin: 0
-
-  > a
-    margin: 0 1rem
-    padding: 5px 0
-
-  ul, li
-    display: inline-block
-    list-style: none
-    margin: 0
-
-  a
-    color: inherit
-    font-size: 16px
-    text-decoration: none
-    transition: color 0.3s
-
-    &:hover
-      color: var(--theme-color, $color-primary)
-
-    &.active
-      border-bottom: 2px solid var(--theme-color, $color-primary)
-      color: var(--theme-color, $color-primary)
-
-  /* navbar dropdown */
-  li
-    display: inline-block
-    margin: 0 1rem
-    padding: 5px 0
-    position: relative
-    cursor: pointer
-
-    ul
-      background-color: #fff
-      border: 1px solid #ddd
-      border-bottom-color: #ccc
-      border-radius: 4px
-      box-sizing: border-box
-      display: none
-      max-height: calc(100vh - 61px)
-      overflow-y: auto
-      padding: 10px 0
-      position: absolute
-      right: -15px
-      text-align: left
-      top: 100%
-      white-space: nowrap
-
-      li
-        display: block
-        font-size: 14px
-        line-height: 1rem
-        margin: 0
-        margin: 8px 14px
-        white-space: nowrap
-
-      a
-        display: block
-        font-size: inherit
-        margin: 0
-        padding: 0
-
-        &.active
-          border-bottom: 0
-
-    &:hover ul
-      display: block
-
-/* github corner */
-.github-corner
-  border-bottom: 0
-  position: fixed
-  right: 0
-  text-decoration: none
-  top: 0
-  z-index: 1
-
-  &:hover .octo-arm
-    animation: octocat-wave 560ms ease-in-out
-
-  svg
-    color: $color-white
-    fill: var(--theme-color, $color-primary)
-    height: 80px
-    width: 80px
-
-/* main */
-main
-  display: block
-  position: relative
-  width: 100vw
-  height: 100%
-  z-index: 0
-
-main.hidden
-  display: none
-
-.anchor
-  display: inline-block
-  text-decoration: none
-  transition: all 0.3s
-
-  span
-    color: $color-black
-
-  &:hover
-    text-decoration: underline
-
-/* sidebar */
-.sidebar
-  border-right: 1px solid rgba(0, 0, 0, 0.07)
-  overflow-y: auto
-  padding: 40px 0 0
-  position: absolute
-  top: 0
-  bottom: 0
-  left: 0
-  transition: transform 250ms ease-out
-  width: $sidebar-width
-  z-index: 20
-
-  > h1
-    margin: 0 auto 1rem
-    font-size: 1.5rem
-    font-weight: normal
-    text-align: center
-
-    a
-      color: inherit
-      text-decoration: none
-
-    .app-nav
-      display: block
-      position: static
-
-  .sidebar-nav
-    line-height: 2em
-    padding-bottom: 40px
-
-  li.collapse
-    .app-sub-sidebar
-      display: none
-
-  ul
-    margin: 0 0 0 15px
-    padding: 0
-
-  li > p
-    color: $color-gray-40
-    font-size: 12px
-    font-weight: bold
-    text-transform: uppercase
-    margin: 0
-
-  ul, ul li
-    list-style: none
-
-  ul li a
-    border-bottom: none
-    display: block
-
-  ul li ul
-    padding-left: 20px
-
-  &::-webkit-scrollbar
-    width: 4px
-
-  &::-webkit-scrollbar-thumb
-    background: transparent
-    border-radius: 4px
-
-  &:hover::-webkit-scrollbar-thumb
-    background: rgba(136, 136, 136, 0.4)
-
-  &:hover::-webkit-scrollbar-track
-    background: rgba(136, 136, 136, 0.1)
-
-/* sidebar toggle */
-.sidebar-toggle
-  background-color: transparent
-  background-color: rgba($color-white, 0.8)
-  border: 0
-  outline: none
-  padding: 10px
-  position: absolute
-  bottom: 0
-  left: 0
-  text-align: center
-  transition: opacity 0.3s
-  width: $sidebar-width - 16px
-  z-index: 30
-  cursor: pointer
-
-  &:hover .sidebar-toggle-button
-    opacity: 0.4
-
-  span
-    background-color: var(--theme-color, $color-primary)
-    display: block
-    margin-bottom: 4px
-    width: 16px
-    height: 2px
-
-body.sticky
-  .sidebar, .sidebar-toggle
-    //position: fixed
-
-/* main content */
-.content
-  padding-top: 60px
-  position: absolute
-  top: 0
-  right: 0
-  bottom: 0
-  left: $sidebar-width
-  transition: left 250ms ease
-
-/* markdown content found on pages */
-.markdown-section
-  margin: 0 auto
-  max-width: 960px
-  padding: 30px 15px 40px 15px
-  position: relative
-
-  > *
-    box-sizing: border-box
-    font-size: inherit
-
-  > :first-child
-    margin-top: 0 !important
-
-.markdown-section hr
-  border: none
-  border-bottom: 1px solid #eee
-  margin: 2em 0
-
-.markdown-section iframe
-  border: 1px solid #eee
-  /* fix horizontal overflow on iOS Safari */
-  width: 1px
-  min-width: 100%
-
-.markdown-section table
-  border-collapse: collapse
-  border-spacing: 0
-  display: block
-  margin-bottom: 1rem
-  overflow: auto
-  width: 100%
-
-.markdown-section th
-  border: 1px solid #ddd
-  font-weight: bold
-  padding: 6px 13px
-
-.markdown-section td
-  border: 1px solid #ddd
-  padding: 6px 13px
-
-.markdown-section tr
-  border-top: 1px solid #ccc
-
-  &:nth-child(2n)
-    background-color: #f8f8f8
-
-.markdown-section p.tip
-  background-color: #f8f8f8
-  border-bottom-right-radius: 2px
-  border-left: 4px solid #f66
-  border-top-right-radius: 2px
-  margin: 2em 0
-  padding: 12px 24px 12px 30px
-  position: relative
-
-  &:before
-    background-color: #f66
-    border-radius: 100%
-    color: $color-white
-    content: '!'
-    font-family: 'Dosis', 'Source Sans Pro', 'Helvetica Neue', Arial, sans-serif
-    font-size: 14px
-    font-weight: bold
-    left: -12px
-    line-height: 20px
-    position: absolute
-    height: 20px
-    width: 20px
-    text-align: center
-    top: 14px
-
-  code
-    background-color: #efefef
-
-  em
-    color: $color-black
-
-.markdown-section p.warn
-  background: rgba($color-primary, 0.1)
-  border-radius: 2px
-  padding: 1rem
-
-.markdown-section ul.task-list > li
-  list-style-type: none
-
-body.close
-  .sidebar
-    transform: translateX($sidebar-width * -1)
-
-  .sidebar-toggle
-    width: auto
-
-  .content
-    left: 0
-
-@media print
-  .github-corner, .sidebar-toggle, .sidebar, .app-nav
-    display: none
-
-@media screen and (max-width: 768px)
-  .github-corner, .sidebar-toggle, .sidebar
-    //position: fixed
-
-  .app-nav
-    margin-top: 16px
-
-  .app-nav li ul
-    top: 30px
-
-  main
-    height: auto
-    overflow-x: hidden
-
-  .sidebar
-    left: $sidebar-width * -1
-    transition: transform 250ms ease-out
-
-  .content
-    left: 0
-    max-width: 100vw
-    position: static
-    padding-top: 20px
-    transition: transform 250ms ease
-
-  .app-nav, .github-corner
-    transition: transform 250ms ease-out
-
-  .sidebar-toggle
-    background-color: transparent
-    width: auto
-    padding: 30px 30px 10px 10px
-
-  body.close
-    .sidebar
-      transform: translateX($sidebar-width)
-
-    .sidebar-toggle
-      background-color: rgba($color-white, 0.8)
-      transition: 1s background-color
-      width: $sidebar-width - 16px
-      padding: 10px
-
-    .content
-      transform: translateX($sidebar-width)
-
-    .app-nav, .github-corner
-      display: none
-
-  .github-corner
-    &:hover .octo-arm
-      animation: none
-
-    .octo-arm
-      animation: octocat-wave 560ms ease-in-out
-
-@keyframes octocat-wave
-  0%, 100%
-    transform: rotate(0)
-
-  20%, 60%
-    transform: rotate(-25deg)
-
-  40%, 80%
-    transform: rotate(10deg)

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