fustrate-rails 0.4.1 → 0.10.1

data/vendor/assets/stylesheets/fustrate/components/forms.sass

@@ -1,195 +0,0 @@
-// We use this to set the base for lots of form spacing and positioning styles
-$form-spacing: rem-calc(16) !default
-$label-color: #4d4d4d !default
-$label-font-size: rem-calc(14) !default
-$input-font-size: rem-calc(14) !default
-$form-element-margin: 0 0 ($form-spacing / 2) 0 !default
-$form-disabled-color: #777 !default
-$form-disabled-bg-color: #ddd !default
-
-=fustrate-forms
-  form
-    margin: 0 0 $form-spacing
-
-  label
-    color: $label-color
-    cursor: pointer
-    display: block
-    font-size: $label-font-size
-    font-weight: normal
-    line-height: 1.5
-    margin-bottom: 0
-
-    &.inline
-      display: inline-block
-      float: none !important
-      margin: $form-element-margin
-      padding: $form-spacing / 2 + rem-calc(1px) rem-calc(5px)
-      text-align: right
-
-  select::-ms-expand
-    display: none
-
-  .prefix,
-  .postfix
-    background: scale-color($white, $lightness: -5%)
-    border: 1px solid scale-color($white, $lightness: -20%)
-    color: $label-color
-    display: block
-    font-size: $label-font-size
-    height: ($input-font-size + ($form-spacing * 1.5) - rem-calc(1))
-    line-height: ($input-font-size + ($form-spacing * 1.5) - rem-calc(1))
-    overflow: hidden
-    padding-bottom: 0
-    padding-top: 0
-    position: relative
-    text-align: center
-    width: 100%
-    z-index: 2
-
-  .prefix
-    border-right: 0
-
-  .postfix
-    border-left: 0
-
-  // We use this to get basic styling on all basic form elements
-  input[type='date'],
-  input[type='datetime-local'],
-  input[type='datetime'],
-  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'],
-  textarea
-    -webkit-appearance: none
-    -webkit-border-radius: 0
-    background-color: $white
-    border: 1px solid scale-color($white, $lightness: -20%)
-    box-shadow: inset 0 1px 2px rgba(0, 0, 0, .1)
-    box-sizing: border-box
-    color: $black
-    display: block
-    font-family: inherit
-    font-size: $input-font-size
-    height: ($input-font-size + ($form-spacing * 1.5) - rem-calc(1))
-    margin: $form-element-margin
-    padding: $form-spacing / 2
-    transition: box-shadow 450ms, border-color 450ms ease-in-out
-    width: 100%
-
-    &.inline
-      display: inline-block
-      width: auto
-
-    &:focus
-      background: $white
-      border-color: scale-color($white, $lightness: -40%)
-      box-shadow: 0 0 5px scale-color($white, $lightness: -40%)
-      outline: none
-
-    &:disabled,
-    &[disabled],
-    &[readonly],
-    fieldset[disabled] &
-      background-color: $form-disabled-bg-color
-      color: $form-disabled-color
-      cursor: disabled
-
-    td &:only-child,
-    th &:only-child
-      margin: 0
-
-  input
-    &[type='submit']
-      -webkit-appearance: none
-      -webkit-border-radius: 0
-
-  textarea
-    height: auto
-    min-height: 50px
-    white-space: pre-line
-
-    // Respect enforced amount of rows for textarea
-    &[rows]
-      height: auto
-
-  select
-    -webkit-appearance: none !important
-    -webkit-border-radius: 0
-    background-color: $white
-
-    // The custom arrow have some fake horizontal padding so we can align it
-    // from the right side of the element without relying on CSS3
-    background-image: url(data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHZlcnNpb249IjEuMSIgeD0iMTJweCIgeT0iMHB4IiB3aWR0aD0iMjRweCIgaGVpZ2h0PSIzcHgiIHZpZXdCb3g9IjAgMCA2IDMiIGVuYWJsZS1iYWNrZ3JvdW5kPSJuZXcgMCAwIDYgMyIgeG1sOnNwYWNlPSJwcmVzZXJ2ZSI+PHBvbHlnb24gcG9pbnRzPSI1Ljk5MiwwIDIuOTkyLDMgLTAuMDA4LDAgIi8+PC9zdmc+)
-    background-position: 100% center
-    background-repeat: no-repeat
-
-    border: 1px solid scale-color($white, $lightness: -20%)
-    border-radius: 0
-    color: $black
-    font-size: $input-font-size
-    // Add height value for select elements to match text input height
-    height: ($input-font-size + ($form-spacing * 1.5) - rem-calc(1))
-    line-height: normal
-    padding: $form-spacing / 2
-    padding-right: 24px
-    width: 100%
-
-    &.inline
-      display: inline-block
-      width: auto
-
-    &:hover
-      background-color: $white
-
-    &:disabled,
-    &[disabled],
-    &[disabled]:hover
-      background-color: $form-disabled-bg-color
-      border-color: scale-color($white, $lightness: -20%)
-      color: $form-disabled-color
-      cursor: disabled
-
-    &[multiple]
-      background-image: none
-      height: auto
-
-  input[type='checkbox'],
-  input[type='file'],
-  input[type='radio'],
-  select
-    // Adjust margin for form elements below
-    margin: $form-element-margin
-
-    td &:only-child,
-    th &:only-child
-      margin: 0
-
-  input
-    &[type='checkbox'] + label,
-    &[type='radio'] + label
-      display: inline-block
-      margin-bottom: 0
-      margin-left: $form-spacing * .5
-      margin-right: $form-spacing
-      vertical-align: baseline
-
-    // Normalize file input width
-    &[type='file']
-      width: 100%
-
-  input,
-  select,
-  textarea
-    &.error,
-    &.error:focus,
-    &.error:focus:hover
-      background: scale-color($red, $lightness: 90%)
-      border-color: scale-color($red, $lightness: 20%)

data/vendor/assets/stylesheets/fustrate/components/grid.sass

@@ -1,196 +0,0 @@
-$row-width: rem-calc(1000)
-$total-columns: 12
-$column-gutter: rem-calc(30)
-
-@function grid-calc($col-number, $col-count)
-  @return percentage($col-number / $col-count)
-
-// Use +grid-row(nest) to include a nested row
-// Use +grid-row(collapse) to collapsed a container row margins
-// Use +grid-row(nest-collapse) to collapse outer margins on a nested row
-// Use +grid-row to use a container row
-=grid-row($behavior: false)
-  @if $behavior == nest
-    margin: 0 (-($column-gutter / 2))
-    max-width: none
-    width: auto
-
-  @else if $behavior == collapse
-    margin: 0
-    max-width: $row-width
-    width: 100%
-
-  @else if $behavior == nest-collapse
-    margin: 0
-    max-width: none
-    width: auto
-
-  @else
-    margin-bottom: 0
-    margin-left: auto
-    margin-right: auto
-    margin-top: 0
-    max-width: $row-width
-    width: 100%
-
-  // Clearfix for all rows
-  +clearfix
-
-// Creates a column, should be used inside of a media query to control layouts
-//
-// $columns - The number of columns this should be
-// $last-column - Is this the last column? Default: false.
-// $center - Center these columns? Default: false.
-// $offset - # of columns to offset. Default: false.
-// $push - # of columns to push. Default: false.
-// $pull - # of columns to pull. Default: false.
-// $collapse - Get rid of gutter padding on column? Default: false.
-// $float - Should this float? Default: true. Options: true, false, left, right.
-=grid-column($columns: false, $last-column: false, $center: false, $offset: false, $push: false, $pull: false, $collapse: false, $float: true, $position: false)
-
-  // If positioned for default .column, include relative position
-  // push and pull require position set
-  @if $position or $push or $pull
-    position: relative
-
-  // If collapsed, get rid of gutter padding
-  @if $collapse
-    padding-left: 0
-    padding-right: 0
-
-  @else if $collapse == false
-    // Gutter padding whenever a column isn't set to collapse
-    // (use $collapse: null to do nothing)
-    padding-left: $column-gutter / 2
-    padding-right: $column-gutter / 2
-
-  // If a column number is given, calculate width
-  @if $columns
-    width: grid-calc($columns, $total-columns)
-
-    // If last column, float naturally instead of to the right
-    @if $last-column
-      float: right
-
-  // Source Ordering, adds left/right depending on which you use.
-  @if $push
-    left: grid-calc($push, $total-columns)
-    right: auto
-  @if $pull
-    left: auto
-    right: grid-calc($pull, $total-columns)
-
-  @if $float
-    @if $float == left or $float == true
-      float: left
-    @else if $float == right
-      float: right
-    @else
-      float: none
-
-  // If centered, get rid of float and add appropriate margins
-  @if $center
-    float: none
-    margin-left: auto
-    margin-right: auto
-
-  // If offset, calculate appropriate margins
-  @if $offset
-    margin-left: grid-calc($offset, $total-columns) !important
-
-// Create presentational classes for grid
-//
-// $size - Name of class to use, i.e. "large" will generate .large-1, .large-2, etc.
-=grid-html-classes($size)
-  @for $i from 0 through $total-columns - 1
-    .#{$size}-push-#{$i}
-      +grid-column($push: $i, $collapse: null, $float: false)
-
-    .#{$size}-pull-#{$i}
-      +grid-column($pull: $i, $collapse: null, $float: false)
-
-  .column,
-  .columns
-    +grid-column($columns: false, $position: true)
-
-  @for $i from 1 through $total-columns
-    .#{$size}-#{$i}
-      +grid-column($columns: $i, $collapse: null, $float: false)
-
-  @for $i from 0 through $total-columns - 1
-    .#{$size}-offset-#{$i}
-      +grid-column($offset: $i, $collapse: null, $float: false)
-
-  .#{$size}-reset-order
-    float: left
-    left: auto
-    margin-left: 0
-    margin-right: 0
-    right: auto
-
-  .column.#{$size}-centered,
-  .columns.#{$size}-centered
-    +grid-column($center: true, $collapse: null, $float: false)
-
-  .column.#{$size}-uncentered,
-  .columns.#{$size}-uncentered
-    float: left
-    margin-left: 0
-    margin-right: 0
-
-  // Fighting [class*="column"] + [class*="column"]:last-child
-  .column.#{$size}-centered:last-child,
-  .columns.#{$size}-centered:last-child
-    float: none
-
-  // Fighting .column.<previous-size>-centered:last-child
-  .column.#{$size}-uncentered:last-child,
-  .columns.#{$size}-uncentered:last-child
-    float: left
-
-  .column.#{$size}-uncentered.opposite,
-  .columns.#{$size}-uncentered.opposite
-    float: right
-
-=fustrate-grid
-  .row
-    +grid-row
-
-    &.fluid
-      max-width: 100%
-      width: 100%
-
-    &.collapse
-      > .column,
-      > .columns
-        +grid-column($collapse: true, $float: false)
-
-      .row
-        margin-left: 0
-        margin-right: 0
-
-    .row
-      +grid-row(nest)
-
-      &.collapse
-        +grid-row(nest-collapse)
-
-  .column,
-  .columns
-    +grid-column($columns: $total-columns)
-
-    & + &:last-child,
-    & + &.end
-      float: left
-
-  @media #{$small-up}
-    +grid-html-classes($size: small)
-
-  @media #{$medium-up}
-    +grid-html-classes($size: medium)
-
-  @media #{$large-up}
-    +grid-html-classes($size: large)
-
-    .large-column-count-2
-      +columns(2)

data/vendor/assets/stylesheets/fustrate/components/labels.sass

@@ -1,64 +0,0 @@
-$label-padding: rem-calc(6 8)
-$label-font-size: rem-calc(12)
-$label-font-color: #333
-$label-font-color-alt: #fff
-
-=label-color($bg: $primary-color)
-  background-color: $bg
-
-  @if lightness($bg) < 70%
-    color: $label-font-color-alt
-    text-shadow: 0 1px 1px scale-color($bg, $lightness: -70%)
-  @else
-    color: $label-font-color
-    text-shadow: 0 1px 1px scale-color($bg, $lightness: 70%)
-
-=fustrate-labels
-  .label
-    +label-color
-    border-radius: 3px
-    display: inline-block
-    font-size: $label-font-size
-    line-height: 1
-    margin-bottom: inherit
-    padding: $label-padding
-    position: relative
-    text-align: center
-    text-decoration: none
-    white-space: nowrap
-
-    td.status:last-child &:only-child,
-    &.fw
-      display: block
-
-    &.round
-      border-radius: 1000px
-
-    &.sharp
-      border-radius: 0
-
-    &.bad,
-    &.no,
-    &.danger,
-    &.inactive
-      +label-color($red)
-
-    &.good,
-    &.yes,
-    &.success
-      +label-color($green)
-
-    &.warning
-      +label-color($orange)
-
-    &.plain
-      +label-color(#eee)
-      border: #ddd 1px solid
-
-    // Check Mark
-    &.yes::before
-      +font-awesome('\f00c')
-
-    // X
-    &.no::before
-      +font-awesome('\f00d')

data/vendor/assets/stylesheets/fustrate/components/modals.sass

@@ -1,167 +0,0 @@
-$modal-bg-color: #fff !default
-$modal-title-color: #fff !default
-$modal-border-color: #666 !default
-$modal-overlay-color: rgba(0, 0, 0, .45) !default
-
-=modal-width($width: 80%)
-  margin-left: -($width / 2)
-  width: $width
-
-=fustrate-modals
-  .modal-overlay
-    background: $modal-overlay-color
-    display: none
-    height: 120%
-    left: 0
-    position: fixed
-    top: 0
-    width: 100%
-    z-index: 9500
-
-  .modal
-    background-color: $modal-bg-color
-    border: 0
-    box-shadow: 0 0 10px $modal-overlay-color
-    display: none
-    left: 0
-    margin-bottom: 1rem
-    padding: 0
-    position: absolute
-    top: 0
-    visibility: hidden
-    width: 100vw
-    z-index: 9501
-
-    .column,
-    .columns
-      min-width: 0
-
-    & > :first-child
-      margin-top: 0
-
-    & > :last-child,
-    .modal-content form
-      margin-bottom: 0
-
-    .modal-title
-      background: scale-color($blue, $lightness: -15%)
-      border: 1px solid scale-color($blue, $lightness: -40%)
-      color: $modal-title-color
-      font-weight: bold
-      margin: 0
-      padding: rem-calc(6) rem-calc(12)
-      text-shadow: 0 1px 1px $black
-
-    .modal-close
-      color: $modal-title-color
-      cursor: pointer
-      font-size: rem-calc(24)
-      font-weight: bold
-      line-height: 1
-      position: absolute
-      right: rem-calc(16)
-      top: rem-calc(5)
-
-    .modal-content
-      border: 1px solid $modal-border-color
-      border-width: 0 1px
-      margin: 0
-      padding: rem-calc(12)
-
-    .modal-buttons
-      background: scale-color($modal-bg-color, $lightness: -7%)
-      border: 1px solid $modal-border-color
-      border-top-color: scale-color($modal-border-color, $lightness: 70%)
-      padding: rem-calc(12)
-      text-align: right
-
-      &:empty
-        border-width: 0 0 1px
-        padding: 0
-
-      // The normal cancel button color is too light on a light grey background
-      .cancel
-        +button-style(#dadada)
-
-    &.success
-      .modal-title
-        background: scale-color($green, $lightness: -5%)
-        border: 1px solid scale-color($green, $lightness: -35%)
-
-    &.failure
-      .modal-title
-        background: $red
-        border: 1px solid scale-color($red, $lightness: -30%)
-
-    &.withdraw
-      .modal-title
-        background: #444
-        border: 1px solid scale-color(#444, $lightness: -30%)
-
-    .picker
-      background: #fafafa
-      height: 300px
-      overflow-y: scroll
-      position: relative
-
-      .section
-        &:not(:first-child)
-          margin-top: .5rem
-
-      .title
-        background: #e3e3e3
-        border: 1px solid #ccc
-        cursor: pointer
-        padding: 2px rem-calc(8)
-
-        .count
-          float: right
-          font-size: rem-calc(12)
-
-      .option
-        border: 1px solid #ccc
-        cursor: pointer
-        margin-top: -1px
-        padding: .5rem
-
-        &:hover
-          background: $info-color
-          border-color: scale-color($info-color, $lightness: -20%)
-          color: scale-color($info-color, $lightness: -65%)
-          position: relative
-          z-index: 9999
-
-        .description
-          color: #555
-          font-size: .8rem
-          padding-left: .5rem
-
-    @media #{$small-only}
-      min-height: 100vh
-
-    @media #{$medium-up}
-      +modal-width
-      left: 50%
-      top: rem-calc(100)
-
-      &.tiny
-        +modal-width(30%)
-
-      &.small
-        +modal-width(40%)
-
-      &.medium
-        +modal-width(60%)
-
-      &.large
-        +modal-width(70%)
-
-      &.xlarge
-        +modal-width(95%)
-
-  @media print
-    .modal-overlay
-      display: none !important
-
-    .modal
-      background: $white !important

data/vendor/assets/stylesheets/fustrate/components/pagination.sass

@@ -1,69 +0,0 @@
-$pagination-color: #222 !default
-$pagination-link-color: #999 !default
-$pagination-active-bg-color: $primary-color !default
-$pagination-disabled-color: #999 !default
-$pagination-active-color: #fff !default
-$pagination-hover-bg-color: rgba(0, 0, 0, .08) !default
-
-=fustrate-pagination
-  .pagination
-    display: block
-    margin-left: rem-calc(-5)
-    min-height: rem-calc(24)
-    text-align: center
-
-    &:empty
-      display: none
-
-    li
-      color: $pagination-color
-      display: inline-block
-      font-size: rem-calc(14)
-      height: rem-calc(24)
-      margin-left: rem-calc(1)
-
-      a,
-      span
-        background: none
-        border-radius: 4px
-        color: $pagination-link-color
-        display: block
-        font-size: 1em
-        font-weight: normal
-        line-height: inherit
-        padding: rem-calc(1 10 1)
-        transition: background-color .3s ease-out
-
-        &:focus
-          background: $pagination-hover-bg-color
-
-      &:hover
-        a,
-        span
-          background: $pagination-hover-bg-color
-
-      &.unavailable
-        a,
-        span
-          color: $pagination-disabled-color
-          cursor: default
-
-          &:focus
-            background: transparent
-
-        &:hover
-          a,
-          button
-            background: transparent
-
-      &.current
-        a,
-        span
-          background: $pagination-active-bg-color
-          color: $pagination-active-color
-          cursor: default
-          font-weight: bold
-
-          &:hover,
-          &:focus
-            background: $pagination-active-bg-color