spina 2.0.2 → 2.3.0

data/app/assets/stylesheets/spina/_admin_editing.sass

@@ -1,21 +0,0 @@
-// Configuration
-@import configuration
-
-// Normalizing
-@import spina/normalize
-
-// Fonts
-@import fonts
-
-#admin_bar
-  background: #f5f5f5
-  border-bottom: 1px solid #ddd
-  font-family: "Proxima Nova"
-  padding: 12px 12px 8px 0
-  text-align: right
-
-  // Styles
-  @import buttons
-
-  .button.button-hollow
-    background: #fff

data/app/assets/stylesheets/spina/_buttons.sass

@@ -1,393 +0,0 @@
-// Buttons
-
-button, input[type="submit"], input[type="button"]
-  background: none
-  border: none
-
-.button
-  background: #efefef
-  border-radius: 6px
-  color: #444
-  display: inline-block
-  font-size: 14px
-  font-weight: 600
-  line-height: 18px
-  margin: 0 4px 4px 0
-  outline: none
-  padding: 8px 16px
-  text-decoration: none
-  transition: all .2s ease
-
-  &:hover
-    background: shade(#efefef, 5%)
-    color: inherit
-
-  &.button-shaded:hover
-    background: #efefef
-
-  &:active, &.button-active, &.button-shaded, &.button-shaded:active
-    background: shade(#efefef, 10%)
-
-  &:focus
-    outline: none
-
-  &.button-default
-    background: white
-    border: 1px solid #ddd
-    box-shadow: 0 1px 1px rgba(0, 0, 0, .05)
-
-    &:hover
-      background: #f5f5f5
-      border: 1px solid #ccc
-      box-shadow: 0 1px 2px rgba(0, 0, 0, .1)
-
-    &:active
-      background: #eee
-      border: 1px solid #c9c9c9
-      box-shadow: inset 0 1px 1px rgba(0, 0, 0, .1)
-
-  &.button-primary
-    background: $primary-color
-    border: 1px solid darken($primary-color, 5%)
-    box-shadow: 0 1px 1px rgba(0, 0, 0, .1)
-    color: #fff
-
-    &:hover
-      background: shade($primary-color, 15%)
-      box-shadow: 0 1px 1px rgba(0, 0, 0, .2)
-
-    &:active
-      background: shade($primary-color, 25%)
-      box-shadow: inset 0 1px 1px rgba(0, 0, 0, .4)
-
-    &.button-shaded:hover
-      background: $primary-color
-
-    &:active, &.button-active, &.button-shaded, &.button-shaded:active
-      background: shade($primary-color, 20%)
-
-  &.button-success
-    background: $success-color
-    border-color: $success-color
-    box-shadow: 0 1px 1px rgba(0, 0, 0, .1)
-    color: #fff
-
-    &:hover
-      background: darken($success-color, 10%)
-      border-color: darken($success-color, 15%)
-      box-shadow: 0 1px 1px rgba(0, 0, 0, .2)
-
-    &:active
-      box-shadow: inset 0 1px 1px rgba(0, 0, 0, .4)
-
-    &.button-shaded:hover
-      background: $success-color
-
-    &:active, &.button-active, &.button-shaded, &.button-shaded:active
-      background: darken($success-color, 10%)
-
-  &.button-danger
-    color: $danger-color
-
-  &.button-block
-    display: block
-    text-align: center
-
-  &.button-white
-    background: white
-    border: 1px solid #ccc
-
-  &.button-link
-    background: none
-    font-weight: 600
-
-    &:hover
-      color: #333
-
-    &:active, &.button-active
-      color: #111
-
-  i.icon
-    margin-right: 8px
-
-  &.icon-only
-    &:before, i.icon
-      margin-right: 0
-
-  &.icon-mini:before
-    margin-right: 4px
-
-  &.button-large
-    border-radius: 6px
-    padding: 11px 18px
-
-    &:before
-      margin-right: 10px
-
-  &.button-small
-    font-size: 12px
-    padding: 6px 12px
-
-    i.icon
-      margin-right: 6px
-
-  &.button-mini
-    font-size: 12px
-    padding: 3px 10px
-
-  &.button-hollow
-    background: none
-    border: 1px solid #ccc
-    color: #777
-
-    &:hover
-      border: 1px solid #bbb
-      color: #666
-
-    &:active, &.button-active
-      border: 1px solid #aaa
-      color: #444
-
-  &.button-round
-    border-radius: 21px
-
-  &.button-saving
-    background: #999 !important
-
-  &.button-saving:before
-    animation: rotate 3.0s linear infinite
-    display: inline-block
-
-// Aligning button content
-.button-content
-  align-items: center
-  display: flex
-  justify-content: center
-
-@keyframes rotate
-  from
-    transform: rotate(0deg)
-  to
-    transform: rotate(360deg)
-
-.pull-right .button
-  margin: 0 0 4px 4px
-
-// Button groups
-
-.button-group
-  .button
-    border-radius: 0
-    float: left
-    margin-right: 0
-
-  .button:first-child
-    border-top-left-radius: 3px
-    border-bottom-left-radius: 3px
-
-  .button:last-child
-    border-left: none
-    border-top-right-radius: 3px
-    border-bottom-right-radius: 3px
-
-  &:after
-    clear: both
-    content: ""
-    display: block
-
-.button-group.button-group-round
-  .button
-    float: left
-    margin-left: 0
-    border-right: none
-
-  .button:first-child
-    border-radius: 21px 0 0 21px
-
-  .button:last-child
-    border-radius: 0 21px 21px 0
-
-// Pagination
-
-.pagination-container
-  background: #f9f9f9
-  border: 1px solid #eee
-  border-left: none
-  border-right: none
-  margin: 0 -40px
-  padding: 0 40px
-
-.pagination
-
-  .previous_page, .next_page, em.current, a
-    color: #999
-    display: inline-block
-    font-size: 14px
-    font-style: normal
-    font-weight: 600
-    line-height: 20px
-    padding: 6px 8px
-
-    &:first-child
-      padding-left: 0
-
-  .disabled
-    display: none
-
-// Dropdowns
-
-[data-dropdown]
-  position: relative
-
-  ul, .sliding-dropdown
-    background: #fff
-    border: 1px solid #ccc
-    border-radius: 6px
-    box-shadow: 0 5px 20px rgba(0, 0, 0, .15)
-    display: none
-    list-style: none
-    margin: 0
-    margin-top: 6px
-    padding: 6px 0
-    position: absolute
-    width: 200px
-    z-index: 999
-
-    &.animated
-      animation-duration: .3s
-      display: block
-
-    &.no-animation
-      animation: none
-
-  ul:before, .sliding-dropdown:before
-    content: ""
-    display: block
-    height: 0
-    position: absolute
-    left: 11px
-    top: -8px
-    width: 0
-    border-bottom: 8px solid #aaa
-    border-left: 8px solid transparent
-    border-right: 8px solid transparent
-
-  ul:after, .sliding-dropdown:after
-    content: ""
-    display: block
-    height: 0
-    position: absolute
-    left: 12px
-    top: -7px
-    width: 0
-    border-bottom: 7px solid #fff
-    border-left: 7px solid transparent
-    border-right: 7px solid transparent
-
-  ul.align-right, .sliding-dropdown.align-right
-    right: 0px
-
-  ul.align-right:before, .sliding-dropdown.align-right:before
-    left: auto
-    right: 11px
-
-  ul.align-right:after, .sliding-dropdown.align-right:after
-    left: auto
-    right: 12px
-
-  ul li.divider
-    border-top: 1px solid #e9e9e9
-    margin: 8px 0
-
-  ul li a, ul li button
-    background: none
-    color: #333
-    display: block
-    font-size: 14px
-    padding: 8px 16px
-    text-align: left
-    text-decoration: none
-    width: 100%
-
-  ul li a:hover, ul li button:hover
-    background-color: $primary-color
-    color: #fff
-
-  ul li a:before, ul li button:before
-    margin-right: 8px
-
-[data-dropdown] .sliding-dropdown
-  padding: 0
-  width: 300px
-
-  .slide-controls
-    border-bottom: 1px solid #eaeaea
-    color: #333
-    font-size: 14px
-    font-weight: 600
-    line-height: 44px
-    text-align: center
-
-    .slide-title
-      display: none
-
-    .slide-title.active
-      display: block
-
-    .previous, .next
-      color: #666
-      font-size: 12px
-      outline: none
-      padding: 0 12px
-      position: absolute
-      top: 0px
-
-      .icon:before
-        line-height: 44px
-
-      &:hover
-        color: #333
-
-      &.muted
-        color: #ccc
-        cursor: default
-
-    .previous
-      left: 0px
-
-    .next
-      right: 0px
-
-  .slide-controls.open
-    display: block
-
-  .slide
-    display: none
-    text-align: center
-    padding-bottom: 15px
-
-    &.active
-      display: block
-
-    p
-      color: #333
-      font-size: 13px
-      font-weight: 500
-      margin: 16px
-
-    p.muted
-      color: #999
-
-  .slide-dots
-    margin: 12px
-    text-align: center
-
-    .slide-dot
-      background: #ccc
-      border-radius: 2px
-      display: inline-block
-      height: 4px
-      width: 4px
-
-      &.active
-        background: #333

data/app/assets/stylesheets/spina/_configuration.sass.erb

@@ -1,23 +0,0 @@
-// Configuration
-$primary-color: <%= Spina.config.primary_color ? Spina.config.primary_color : '#6865b4' %>
-$primary-color-dark: darken($primary-color, 21.4)
-$primary-color-light: lighten($primary-color, 5.5)
-
-$success-color: #80b867
-$danger-color: #da3939
-$info-color: #17577c
-$error-color: #6a1515
-$alert-color: orange
-$warning-color: orange
-
-$asset-pipeline: true
-$font-family: "Metropolis", sans-serif
-$icon-font: "ics_spina"
-$gutter: 5em
-
-$desktop: min-width 768px 8
-$tablet: max-width 768px 8
-$mobile: max-width 480px 4
-
-$all-text-inputs: 'input[type="color"]', 'input[type="date"]', 'input[type="datetime"]', 'input[type="datetime-local"]', 'input[type="email"]', 'input[type="month"]', 'input[type="number"]', 'input[type="password"]', 'input[type="search"]', 'input[type="tel"]', 'input[type="text"]', 'input[type="time"]', 'input[type="url"]', 'input[type="week"]', 'input:not([type])', 'textarea'
-$all-text-inputs-focus: 'input[type="color"]:focus', 'input[type="date"]:focus', 'input[type="datetime"]:focus', 'input[type="datetime-local"]:focus', 'input[type="email"]:focus', 'input[type="month"]:focus', 'input[type="number"]:focus', 'input[type="password"]:focus', 'input[type="search"]:focus', 'input[type="tel"]:focus', 'input[type="text"]:focus', 'input[type="time"]:focus', 'input[type="url"]:focus', 'input[type="week"]:focus', 'input:not([type]):focus', 'textarea:focus'

data/app/assets/stylesheets/spina/_custom_animations.sass

@@ -1,61 +0,0 @@
-@keyframes flyIn
-  0%
-    opacity: 0
-    transform: scale(.9)
-  100%
-    opacity: 1
-    transform: scale(1)
-
-.animated.flyIn
-  animation: flyIn .4s ease
-
-@keyframes flyOut
-  0%
-    opacity: 1
-    transform: scale(1)
-  100%
-    opacity: 0
-    transform: scale(.9)
-
-.animated.flyOut
-  animation: flyOut .4s ease
-
-@keyframes small-shake
-  0%, 100%
-    transform: translateX(0)
-  20%, 60%
-    transform: translateX(7px)
-  40%, 80%
-    transform: translateX(-7px)
-
-.animated.small-shake
-  animation: small-shake .6s ease-in
-
-@keyframes switchon
-  0%
-    transform: translate3d(0, 0, 0)
-  50%
-    width: 32px
-    transform: translate3d(0, 0, 0)
-  100%
-    width: 23px
-    transform: translate3d(17px, 0, 0)
-
-@keyframes switchoff
-  0%
-    transform: translate3d(17px, 0, 0)
-  100%
-    transform: translate3d(0, 0, 0)
-
-.deactivated .knob
-  animation: switchoff .2s ease
-
-.activated .knob
-  animation: switchon .4s
-  animation-fill-mode: forwards
-
-@keyframes rotate
-  0%
-    transform: rotate(0deg)
-  100%
-    transform: rotate(360deg)