spina 2.0.2 → 2.1.0

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

@@ -1,30 +0,0 @@
-// Labels
-
-.label
-  background: #bbb
-  border-radius: 3px
-  color: #fff
-  display: inline-block
-  font-size: 10px
-  font-weight: bold
-  letter-spacing: 1px
-  line-height: 10px
-  padding: 8px 12px
-
-  &.label-primary
-    background: $primary-color
-
-  &.label-error
-    background: $error-color
-
-  &.label-danger
-    background: $danger-color
-
-  &.label-info
-    background: $info-color
-
-  &.label-alert
-    background: $alert-color
-
-  &.label-success
-    background: $success-color

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

@@ -1,52 +0,0 @@
-#login_container
-  background: tint($primary-color, 90%)
-  display: block
-  height: 100%
-  position: fixed
-  width: 100%
-
-#login_wrapper
-  margin: 50px auto
-  max-width: 280px
-
-  .failed-to-login
-    animation-delay: .1s
-    color: $danger-color
-    margin-bottom: 20px
-    text-align: center
-
-  .login-fields input
-    &:first-child
-      animation-delay: .2s
-
-    &:last-child
-      animation-delay: .4s
-
-  .login-extra-links
-    animation-delay: .8s
-
-    .button
-      margin-right: 0
-
-  img
-    display: block
-    margin: 0 auto 25px auto
-
-  input, button
-    box-shadow: none
-    border: none
-    box-sizing: border-box
-    font-size: 18px
-    line-height: normal
-    margin-bottom: 16px
-    padding: 12px 14px
-    width: 100%
-
-  button
-    animation-delay: .6s
-    padding: 12px 14px
-    
-    &:before
-      font-size: 26px
-      margin-right: 8px
-      vertical-align: middle

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

@@ -1,133 +0,0 @@
-.modal section.media-picker
-  padding-top: 0
-
-.media-picker-grid
-  display: grid
-  grid-auto-columns: minmax(200px, auto)
-  grid-template-columns: repeat(5, 1fr)
-  grid-row-gap: 15px
-  grid-column-gap: 15px
-
-  @media (min-width: 1680px)
-    grid-template-columns: repeat(6, 1fr)
-
-  .media-folder
-    border-radius: 6px
-
-.media-picker-uploader
-  background: #eee
-  border-radius: 5px
-  height: 100%
-  position: relative
-
-  &:before
-    color: #999
-    font-size: 48px
-    left: 50%
-    position: absolute
-    top: 50%
-    transform: translateX(-50%) translateY(-50%)
-    @extend .icon, .icon-upload-outline
-
-  &:hover:before
-    color: #333
-
-  &.uploading:before
-    font-size: 24px
-    @extend .icon-dots
-
-  input[type="file"]
-    cursor: pointer
-    height: 100%
-    opacity: 0
-    width: 100%
-
-  input[type="submit"]
-    display: none
-
-.media-picker-image
-  cursor: pointer
-  display: block
-  margin: 0
-  position: relative
-
-  span
-    background: #eee
-    border-radius: 6px
-    display: block
-    height: 0
-    overflow: hidden
-    padding-top: calc(150 / 200 * 100%)
-    position: relative
-
-  img
-    border-radius: 6px
-    display: block
-    height: auto
-    left: 0
-    position: absolute
-    top: 0
-    width: 100%
-
-  input[type="radio"], input[type="checkbox"]
-    display: none
-
-  input[type="radio"]:checked + span:before, input[type="checkbox"]:checked + span:before
-    background: $primary-color-light
-    border-radius: 6px
-    content: " "
-    height: 100%
-    left: 0px
-    opacity: .5
-    position: absolute
-    top: 0px
-    width: 100%
-    z-index: 1
-
-  input[type="radio"]:checked + span:after, input[type="checkbox"]:checked + span:after
-    align-items: center
-    background: rgba(0, 0, 0, .2)
-    border: 1px solid rgba(255, 255, 255, .25)
-    border-radius: 15px
-    content: "\f120"
-    color: white
-    display: flex
-    font-size: 13px
-    height: 30px
-    justify-content: center
-    left: 50%
-    position: absolute
-    transform: translateX(-50%) translateY(-50%)
-    top: 50%
-    width: 30px
-    z-index: 2
-    @extend .icon
-
-.media-picker-footer
-  align-items: center
-  border-top: 1px solid #e9e9e9
-  bottom: 0px
-  display: flex
-  position: sticky
-  z-index: 10
-
-  .button
-    margin: 0
-    white-space: nowrap
-
-  input[type="text"]
-    height: 36px
-    line-height: 24px
-    margin-right: 10px
-    padding: 0 10px
-
-.media-picker-selected-images
-  flex: 1
-
-  img
-    border-radius: 6px
-    display: block
-    float: left
-    height: 37px
-    margin-right: 5px
-    width: 50px

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

@@ -1,5 +0,0 @@
-@function shade($color, $percent)
-  @return mix(#000, $color, $percent)
-
-@function tint($color, $percent)
-  @return mix(#fff, $color, $percent)

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

@@ -1,195 +0,0 @@
-#overlay
-  background: radial-gradient(rgba(0, 0, 0, .3), rgba(0, 0, 0, .6))
-  display: none
-  height: 100%
-  left: 0
-  position: fixed
-  top: 0
-  width: 100%
-  z-index: 999
-
-.modal-container
-  align-items: center
-  background: rgba(0, 0, 0, .6)
-  display: flex
-  height: 100%
-  justify-content: center
-  left: 0px
-  position: fixed
-  top: 0px
-  width: 100%
-  z-index: 999
-
-  .modal
-    display: block
-
-  .modal-close-cross
-    color: #999
-    font-size: 11px
-    padding: 15px
-    position: absolute
-    top: 0px
-    right: 0px
-
-    &:hover
-      color: #333
-
-.modal
-  animation-duration: .4s
-  background: #fff
-  border-radius: 10px
-  display: none
-  margin: 0 auto
-  max-width: 480px
-  max-height: 90%
-  min-height: 100px
-  overflow: scroll
-  position: relative
-
-  @media screen and (max-width: 480px)
-    margin: 0 10px
-
-  &.modal-small
-    width: 320px
-
-  &.modal-medium
-    max-width: 640px
-
-  &.modal-large
-    max-width: none
-    width: 80%
-
-    footer a
-      padding: 18px 0
-
-  header
-    background: white
-    position: sticky
-    top: 0px
-    z-index: 10
-
-  header h3
-    border-radius: 2px 2px 0 0
-    color: #232323
-    font-size: 18px
-    font-weight: 500
-    margin: 0
-    padding: 20px
-
-  header.big-header h2
-    color: #333
-    font-size: 36px
-    font-weight: 400
-    margin: 0
-    padding-top: 48px
-    text-align: center
-
-  header.big-header h3
-    line-height: 24px
-    padding: 46px
-    text-align: center
-
-    @media screen and (max-width: 480px)
-      padding: 30px 20px
-
-  header.big-header p
-    color: #333
-    font-size: 18px
-    font-weight: 400
-    margin: 0
-    margin-top: 9px
-    padding-bottom: 48px
-    text-align: center
-
-    strong
-      font-weight: 600
-
-  header h3 strong
-    color: #000
-    font-weight: 600
-
-  header a[data-dismiss="modal"]
-    color: #d6d6d6
-    float: right
-    font-size: 12px
-    padding: 6px 10px
-    text-decoration: none
-    transition: color .2s ease-out
-
-    i.icon
-      font-size: 8px
-
-  header a[data-dismiss="modal"]:hover
-    color: #999
-
-  section
-    overflow: scroll
-    padding: 20px
-    background: white
-
-    .col
-      float: left
-      width: 33%
-      padding: 10px
-
-      h3
-        font-size: 16px
-        font-weight: bold
-        line-height: 26px
-
-      p
-        line-height: 22px
-
-      pre
-        font-size: 12px
-        background: #ddd
-        border: 1px solid #bbb
-        padding: 10px
-        border-radius: 5px
-        margin-bottom: 20px
-        color: #444
-        line-height: 20px
-        font-family: Consolas, Courier, monospace
-
-    &.section-divided
-      border-top: 1px solid #eee
-
-    footer
-      clear: both
-      margin: -20px
-
-    table
-      color: #333
-      font-size: 15px
-      line-height: 24px
-
-      th
-        font-weight: 600
-        padding-right: 24px
-        text-align: left
-
-      td
-        font-weight: 400
-
-    table.table-centered
-      margin: 0 auto
-
-  footer
-    border-top: 1px solid #eee
-
-  footer a, footer button
-    background: none
-    color: #999
-    display: inline-block
-    font-size: 13px
-    font-weight: 600
-    padding: 12px 0
-    text-align: center
-    transition: color .2s ease-out
-    width: 49%
-
-  footer a.primary, footer a:hover, footer button.primary, footer button:hover
-    color: #000
-
-  footer a.primary:hover, footer button.primary:hover
-    color: $primary-color

data/app/assets/stylesheets/spina/_normalize.scss

@@ -1,396 +0,0 @@
-/*! normalize.css v2.1.0 | MIT License | git.io/normalize */
-
-/* ==========================================================================
-   HTML5 display definitions
-   ========================================================================== */
-
-/**
- * Correct `block` display not defined in IE 8/9.
- */
-
-article,
-aside,
-details,
-figcaption,
-figure,
-footer,
-header,
-hgroup,
-main,
-nav,
-section,
-summary {
-    display: block;
-}
-
-/**
- * Correct `inline-block` display not defined in IE 8/9.
- */
-
-audio,
-canvas,
-video {
-    display: inline-block;
-}
-
-/**
- * Prevent modern browsers from displaying `audio` without controls.
- * Remove excess height in iOS 5 devices.
- */
-
-audio:not([controls]) {
-    display: none;
-    height: 0;
-}
-
-/**
- * Address styling not present in IE 8/9.
- */
-
-[hidden] {
-    display: none;
-}
-
-/* ==========================================================================
-   Base
-   ========================================================================== */
-
-/**
- * 1. Set default font family to sans-serif.
- * 2. Prevent iOS text size adjust after orientation change, without disabling
- *    user zoom.
- */
-
-html {
-    font-family: sans-serif; /* 1 */
-    -webkit-text-size-adjust: 100%; /* 2 */
-    -ms-text-size-adjust: 100%; /* 2 */
-}
-
-/**
- * Remove default margin.
- */
-
-body {
-    margin: 0;
-}
-
-/* ==========================================================================
-   Links
-   ========================================================================== */
-
-/**
- * Address `outline` inconsistency between Chrome and other browsers.
- */
-
-a:focus {
-    outline: thin dotted;
-}
-
-/**
- * Improve readability when focused and also mouse hovered in all browsers.
- */
-
-a:active,
-a:hover {
-    outline: 0;
-}
-
-/* ==========================================================================
-   Typography
-   ========================================================================== */
-
-/**
- * Address variable `h1` font-size and margin within `section` and `article`
- * contexts in Firefox 4+, Safari 5, and Chrome.
- */
-
-h1 {
-    font-size: 2em;
-    margin: 0.67em 0;
-}
-
-/**
- * Address styling not present in IE 8/9, Safari 5, and Chrome.
- */
-
-abbr[title] {
-    border-bottom: 1px dotted;
-}
-
-/**
- * Address style set to `bolder` in Firefox 4+, Safari 5, and Chrome.
- */
-
-b,
-strong {
-    font-weight: bold;
-}
-
-/**
- * Address styling not present in Safari 5 and Chrome.
- */
-
-dfn {
-    font-style: italic;
-}
-
-/**
- * Address differences between Firefox and other browsers.
- */
-
-hr {
-    -moz-box-sizing: content-box;
-    box-sizing: content-box;
-    height: 0;
-}
-
-/**
- * Address styling not present in IE 8/9.
- */
-
-mark {
-    background: #ff0;
-    color: #000;
-}
-
-/**
- * Correct font family set oddly in Safari 5 and Chrome.
- */
-
-code,
-kbd,
-pre,
-samp {
-    font-family: monospace, serif;
-    font-size: 1em;
-}
-
-/**
- * Improve readability of pre-formatted text in all browsers.
- */
-
-pre {
-    white-space: pre-wrap;
-}
-
-/**
- * Set consistent quote types.
- */
-
-q {
-    quotes: "\201C" "\201D" "\2018" "\2019";
-}
-
-/**
- * Address inconsistent and variable font size in all browsers.
- */
-
-small {
-    font-size: 80%;
-}
-
-/**
- * Prevent `sub` and `sup` affecting `line-height` in all browsers.
- */
-
-sub,
-sup {
-    font-size: 75%;
-    line-height: 0;
-    position: relative;
-    vertical-align: baseline;
-}
-
-sup {
-    top: -0.5em;
-}
-
-sub {
-    bottom: -0.25em;
-}
-
-/* ==========================================================================
-   Embedded content
-   ========================================================================== */
-
-/**
- * Remove border when inside `a` element in IE 8/9.
- */
-
-img {
-    border: 0;
-}
-
-/**
- * Correct overflow displayed oddly in IE 9.
- */
-
-svg:not(:root) {
-    overflow: hidden;
-}
-
-/* ==========================================================================
-   Figures
-   ========================================================================== */
-
-/**
- * Address margin not present in IE 8/9 and Safari 5.
- */
-
-figure {
-    margin: 0;
-}
-
-/* ==========================================================================
-   Forms
-   ========================================================================== */
-
-/**
- * Define consistent border, margin, and padding.
- */
-
-fieldset {
-    border: 1px solid #c0c0c0;
-    margin: 0 2px;
-    padding: 0.35em 0.625em 0.75em;
-}
-
-/**
- * 1. Correct `color` not being inherited in IE 8/9.
- * 2. Remove padding so people aren't caught out if they zero out fieldsets.
- */
-
-legend {
-    border: 0; /* 1 */
-    padding: 0; /* 2 */
-}
-
-/**
- * 1. Correct font family not being inherited in all browsers.
- * 2. Correct font size not being inherited in all browsers.
- * 3. Address margins set differently in Firefox 4+, Safari 5, and Chrome.
- */
-
-button,
-input,
-select,
-textarea {
-    font-family: inherit; /* 1 */
-    font-size: 100%; /* 2 */
-    margin: 0; /* 3 */
-}
-
-/**
- * Address Firefox 4+ setting `line-height` on `input` using `!important` in
- * the UA stylesheet.
- */
-
-button,
-input {
-    line-height: normal;
-}
-
-/**
- * Address inconsistent `text-transform` inheritance for `button` and `select`.
- * All other form control elements do not inherit `text-transform` values.
- * Correct `button` style inheritance in Chrome, Safari 5+, and IE 8+.
- * Correct `select` style inheritance in Firefox 4+ and Opera.
- */
-
-button,
-select {
-    text-transform: none;
-}
-
-/**
- * 1. Avoid the WebKit bug in Android 4.0.* where (2) destroys native `audio`
- *    and `video` controls.
- * 2. Correct inability to style clickable `input` types in iOS.
- * 3. Improve usability and consistency of cursor style between image-type
- *    `input` and others.
- */
-
-button,
-html input[type="button"], /* 1 */
-input[type="reset"],
-input[type="submit"] {
-    -webkit-appearance: button; /* 2 */
-    cursor: pointer; /* 3 */
-}
-
-/**
- * Re-set default cursor for disabled elements.
- */
-
-button[disabled],
-html input[disabled] {
-    cursor: default;
-}
-
-/**
- * 1. Address box sizing set to `content-box` in IE 8/9.
- * 2. Remove excess padding in IE 8/9.
- */
-
-input[type="checkbox"],
-input[type="radio"] {
-    box-sizing: border-box; /* 1 */
-    padding: 0; /* 2 */
-}
-
-/**
- * 1. Address `appearance` set to `searchfield` in Safari 5 and Chrome.
- * 2. Address `box-sizing` set to `border-box` in Safari 5 and Chrome
- *    (include `-moz` to future-proof).
- */
-
-input[type="search"] {
-    -webkit-appearance: textfield; /* 1 */
-    -moz-box-sizing: content-box;
-    -webkit-box-sizing: content-box; /* 2 */
-    box-sizing: content-box;
-}
-
-/**
- * Remove inner padding and search cancel button in Safari 5 and Chrome
- * on OS X.
- */
-
-input[type="search"]::-webkit-search-cancel-button,
-input[type="search"]::-webkit-search-decoration {
-    -webkit-appearance: none;
-}
-
-/**
- * Remove inner padding and border in Firefox 4+.
- */
-
-button::-moz-focus-inner,
-input::-moz-focus-inner {
-    border: 0;
-    padding: 0;
-}
-
-/**
- * 1. Remove default vertical scrollbar in IE 8/9.
- * 2. Improve readability and alignment in all browsers.
- */
-
-textarea {
-    overflow: auto; /* 1 */
-    vertical-align: top; /* 2 */
-}
-
-/* ==========================================================================
-   Tables
-   ========================================================================== */
-
-/**
- * Remove most spacing between table cells.
- */
-
-table {
-    border-collapse: collapse;
-    border-spacing: 0;
-}