wrgem 0.0.50 → 0.0.51

data/lib/generators/wrstart/template/stylesheets/objects/_objects.form-selects.sass

@@ -1,80 +0,0 @@
-$selectHeight: 40px
-$selectDefaultWidth: 100%
-
-.form__select
-  display: block
-  vertical-align: top
-  position: relative
-  overflow: hidden
-  width: $selectDefaultWidth
-  height: $selectHeight
-  background: #fff
-  border: 1px solid transparent
-  border-radius: $form-borderRadius
-  padding-right: 30px
-  > select
-    font-size: $form-fontSize
-    display: block
-    position: relative
-    width: 112%
-    height: $selectHeight - 2px
-    line-height: round($form-fontSize * 1.4)
-    margin: 0
-    // Magic formula for correct vertical alignment in Firefox
-    padding: floor(($selectHeight - round($form-fontSize * 1.4) - 2px) / 2)
-    padding-left: 11px
-    // text-shadow: 0 1px white
-    background: transparent
-    background: rgba(black, 0)
-    // Opera
-    border: 0
-    -webkit-appearance: none
-    &:focus
-      z-index: 2
-      width: 100%
-      outline: 1px solid transparent
-      outline-offset: -1px
-    &::-ms-expand
-      display: none
-    // Hide dropdown arrow in IE 10
-  option
-    text-shadow: none
-  &:before, &:after
-    content: ''
-    position: absolute
-    z-index: 1
-    top: floor($selectHeight / 2) - 2px
-    right: floor($selectHeight * 0.4)
-    width: 0
-    height: 0
-    border: 5px solid transparent
-    pointer-events: none
-
-
-
-
-.form__select--default
-  @extend .form__select
-  border: 1px solid #c5c5c5
-  &:hover
-    background-color: #f6f6f6
-  > select
-    color: #555
-  &:after
-    border-top-color: #555
-    border-top-color: rgba(black, 0.6)
-
-.form__select--headerAdmin
-  @extend .form__select
-  background-color: transparent
-  border: none
-  color: #fff
-  position: relative
-  top: -5px
-  border-radius: 3px
-  &:hover
-    background-color: rgba(#fff, .1)
-  > select
-    color: #fff
-  &:after
-    border-top-color: #fff

data/lib/generators/wrstart/template/stylesheets/objects/_objects.forms.sass

@@ -1,297 +0,0 @@
-// *************************************
-//
-//   Form
-//
-// *************************************
-
-
-// -------------------------------------
-//   Variables
-// -------------------------------------
-$form-border: 1px solid #ccc !default
-$form-borderRadius: 2px !default
-$form-color: #444 !default
-$form-error-color: #d33434 !default
-$form-fontFamily: sans-serif !default
-$form-fontSize: 16px !default
-$form-highlight-color: #2db0cb !default
-$form-input-background: #fff !default
-$form-whitespace: 10px !default
-
-
-// -------------------------------------
-//   Base
-// -------------------------------------
-.form
-  margin: 0 0 $form-whitespace 0
-
-
-textarea
-  max-width: 100%
-
-// -------------------------------------
-//   Submodules
-// -------------------------------------
-
-// ----- Row ----- //
-.form__row
-  position: relative
-  list-style-type: none
-  padding-bottom: ($form-whitespace / 2)
-  @include clearfix
-
-  &:last-child
-    padding-bottom: 0
-
-.form__footer
-  padding-top: $form-whitespace*2
-  text-align: center
-  @include font-weight(light)
-  font-size: 15px
-  color: #3b4358
-
-  a
-    @include font-weight(light)
-    color: #2db0cb
-
-// ----- Field ----- //
-.form__field
-  border: 0
-  margin: 0 0 $form-whitespace 0
-  padding: 0
-
-[data-behavior="remove"]
-  color: #fff
-  font-weight: bold
-  display: inline-block
-  background-color: rgba(#000, .7)
-  border-radius: 9999em
-  width: 18px
-  height: 18px
-  line-height: 14px
-  font-size: 16px
-  text-align: center
-  &:hover
-    background-color: #000
-
-// Modifiers
-.form__field--submit
-  margin-top: ($form-whitespace * 4)
-
-
-// ----- Header ----- //
-.form__header
-  margin-bottom: $form-whitespace
-
-
-// ----- Input ----- //
-.form__input
-  background: $form-input-background
-  border: $form-border
-  border-radius: $form-borderRadius
-  -moz-box-sizing: border-box
-  box-sizing: border-box
-  font-family: $form-fontFamily
-  font-size: $form-fontSize
-  padding: $form-whitespace
-  width: 100%
-
-  &:focus
-    border-color: $form-highlight-color
-    outline: 1px solid $form-highlight-color
-
-// ----- Textarea ----- //
-.form__textarea
-  background: $form-input-background
-  border: $form-border
-  border-radius: $form-borderRadius
-  -moz-box-sizing: border-box
-  box-sizing: border-box
-  font-family: $form-fontFamily
-  font-size: $form-fontSize
-  padding: $form-whitespace
-  width: 100%
-
-  &:focus
-    border-color: $form-highlight-color
-    outline: 1px solid $form-highlight-color
-
-// Modifiers
-.form__input--check,
-.form__input--radio
-  margin-right: $form-whitespace
-
-
-
-.form__input--radio--color-check
-  input[type="radio"]
-    display: none
-
-  label.radio
-    display: inline-table
-
-    width: 22px
-    height: 22px
-    margin-right: 5px
-    position: relative
-    font-size: 0px
-    border-radius: 2px
-    border: 1px solid white
-    box-shadow: 0px 0px 0px 1px rgba(0, 0, 0, 0.1)
-
-    &.is-active
-      padding: 1.5px
-      width: 25px
-      margin-top: -3px !important
-      box-shadow: 0px 0px 0px 1px rgba(0, 0, 0, 0.3)!important
-      text-align: center
-      &:before
-        display: table-footer-group
-        content: "\2713"
-        color: #f3f3f3
-        font-size: 12px
-
-
-
-
-// ----- Label ----- //
-.form__label
-  display: block
-  font-size: $form-fontSize
-  font-weight: bold
-  margin-bottom: 5px
-  em
-    color: $form-error-color
-
-// Modifiers
-.form__label--radio,
-.form__label--check
-  font-size: 90%
-  font-weight: normal
-
-
-
-// ----- Note ----- //
-.form__note
-  color: lighten($form-color, 40%)
-  font-size: 90%
-  margin-top: 5px
-
-
-// ----- Select ----- //
-.form__select
-
-select
-  width: 100%
-  border: 1px solid #ccc!important
-  border-radius: 1px
-
-fieldset
-  border: 0
-
-
-label.checkbox
-  display: block
-  font-size: 14px
-  font-weight: 500
-  input
-    width: auto
-    margin-right: 5px
-    &:focus
-      outline: 0
-
-
-.save-action
-  float: left
-.managers-action
-  margin-left: $inuit-base-spacing-unit--small
-.delete-action
-  float: right
-
-
-// ----- Errors ----- //
-span
-  &.error
-    color: $form-error-color
-    font-size: 13px
-    padding-top: 8px
-
-
-
-
-// $form-border-color: $base-border-color
-// $form-border-color-hover: darken($base-border-color, 10)
-// $form-border-color-focus: $base-accent-color
-// $form-border-radius: $base-border-radius
-// $form-box-shadow: inset 0 1px 3px hsla(0, 0%, 0%, 0.06)
-// $form-box-shadow-focus: $form-box-shadow, 0 0 5px rgba(darken($form-border-color-focus, 5), 0.7)
-// $form-font-size: $base-font-size
-// $form-font-family: $base-font-family
-
-// fieldset
-//   background: lighten($base-border-color, 10)
-//   border: 1px solid $base-border-color
-//   margin: 0 0 $base-line-height / 2 0
-//   padding: $base-line-height
-
-// input,
-// label,
-// select
-//   display: block
-//   font-family: $form-font-family
-//   font-size: $form-font-size
-
-// label
-//   font-weight: bold
-//   margin-bottom: $base-line-height / 4
-//   &.required:after
-//     content: "*"
-//   abbr
-//     display: none
-
-// textarea,
-// #{$all-text-inputs},
-// select[multiple=multiple]
-//   +box-sizing(border-box)
-//   +transition(border-color)
-//   background-color: white
-//   border-radius: $form-border-radius
-//   border: 1px solid $form-border-color
-//   box-shadow: $form-box-shadow
-//   font-family: $form-font-family
-//   font-size: $form-font-size
-//   margin-bottom: $base-line-height / 2
-//   padding: $base-line-height / 3 $base-line-height / 3
-//   width: 100%
-//   &:hover
-//     border-color: $form-border-color-hover
-//   &:focus
-//     border-color: $form-border-color-focus
-//     box-shadow: $form-box-shadow-focus
-//     outline: none
-
-// textarea
-//   resize: vertical
-
-// input[type="search"]
-//   +appearance(none)
-
-// input[type="checkbox"], input[type="radio"]
-//   display: inline
-//   margin-right: $base-line-height / 4
-
-// input[type="file"]
-//   width: 100%
-
-// select
-//   width: auto
-//   margin-bottom: $base-line-height
-
-// button,
-// input[type="submit"]
-//   @extend %button
-//   +appearance(none)
-//   cursor: pointer
-//   user-select: none
-//   vertical-align: middle
-//   white-space: nowrap

data/lib/generators/wrstart/template/stylesheets/objects/_objects.lists.sass

@@ -1,89 +0,0 @@
-// *************************************
-//
-//   List
-//
-// *************************************
-
-// -------------------------------------
-//   Variables
-// -------------------------------------
-
-$list--block-background: #2db0cb !default
-$list-border-color: #9a9aa8 !default
-$list-border-size: 2px !default
-$list-borderRadius: 2px !default
-$list-color: #444 !default
-$list-fontSize: 16px !default
-$list-link-color: #ddd !default
-$list--nav-color: #4e4e5b !default
-$list-whitespace: 20px !default
-
-// -------------------------------------
-//   Base
-// -------------------------------------
-
-.list
-  margin: 0 0 $list-whitespace
-  padding-left: $list-whitespace
-  li
-    font-size: $list-fontSize
-    margin-bottom: ($list-whitespace / 2)
-    &:last-child
-      margin-bottom: 0
-
-// -------------------------------------
-//   Modifiers
-// -------------------------------------
-
-// ----- Block ----- //
-.list--block
-  padding-left: 0
-  li
-    list-style-type: none
-    margin-bottom: ($list-whitespace / 2)
-    a
-      background: $list--block-background
-      border-radius: $list-borderRadius
-      color: #fff
-      display: block
-      padding: 8px $list-whitespace
-      &:hover
-        background: lighten($list--block-background, 10%)
-        text-decoration: none
-
-    // States
-    .is-active a
-      background: $list-color
-
-// ----- Bulleted ----- //
-.list--bulleted li
-  list-style-type: square
-
-// ----- Nav ----- //
-.list--nav
-  padding-left: 0
-  border: 1px solid red
-  li
-    display: inline
-    margin-right: $list-whitespace
-    &:last-child
-      margin-right: 0
-
-    a
-      border-bottom: $list-border-size solid lighten($list-border-color, 10%)
-      color: $list--nav-color
-      &:hover
-        background: $list-link-color
-        border-bottom-color: $list-border-color
-        text-decoration: none
-
-    // States
-    &.is-active a
-      border-bottom: $list-border-size solid $list-border-color
-      color: $list-color
-      font-weight: bold
-      text-decoration: none
-
-// ----- Numbered ----- //
-.list--numbered li
-  list-style-type: decimal

data/lib/generators/wrstart/template/stylesheets/objects/_objects.progressbar.sass

@@ -1,92 +0,0 @@
-// *************************************
-//
-//   Progress Bar
-//
-// *************************************
-
-// -------------------------------------
-//   Variables
-// -------------------------------------
-
-$progressbar-height: 20px !default
-
-
-// -------------------------------------
-//   Base
-// -------------------------------------
-
-.progressbar
-
-  .progressbar__bar
-    height: $progressbar-height
-    background: #edeff0
-    margin: 0
-    overflow: hidden
-    position: relative
-    box-shadow: inset 0 0 1px 1px rgba(#333, .05)
-
-  .progressbar__fill
-    +transition (width 1.0s ease-in-out)
-    width: 0
-    background: #30ad3c
-    height: $progressbar-height
-    box-shadow: inset 1px 0 1px 1px rgba(#333, .05)
-
-  .progressbar__label
-    @include font-weight(bold)
-    text-transform: uppercase
-    color: #30ad3c
-    font-size: 9px
-    margin: ($inuit-base-spacing-unit--small/2) 0 0 0
-    padding: 0
-
-
-.progressbar--sm
-  .progressbar__bar, .progressbar__fill
-    height: $progressbar-height/4
-
-// PROGRESSBAR BY STEPS
-$progressbar-steps-checked: rgb(142,213,59)
-$progressbar-steps-bar-height: 14px
-
-.progressbar--steps
-  display: table
-  width: 100%
-  border-collapse: separate
-  border-spacing: 2px
-
-  ul
-    margin: 0 auto
-    padding: 0
-    list-style-type: none
-    display: table-row
-    width: 100%
-    overflow: hidden
-
-  li
-    background-color: #edeff0
-    box-shadow: inset 0 1px 2px rgba(#000, 0.15)
-    display: table-cell
-    margin: 0
-    padding: 0
-    list-style: none
-    height: $progressbar-steps-bar-height
-    line-height: $progressbar-steps-bar-height
-    text-align: center
-
-    &:last-of-type
-      border-color: transparent
-
-    &:first-child
-      border-radius: 2em 0 0 2em
-
-    &:last-child
-      border-radius: 0 2em 2em 0
-
-    &.is-checked
-      background: $progressbar-steps-checked
-      box-shadow: none
-
-    a
-      display: block
-      height: $progressbar-steps-bar-height

data/lib/generators/wrstart/template/stylesheets/objects/_objects.rows.sass

@@ -1,12 +0,0 @@
-// *************************************
-//
-//   Row
-//   -> Width-spanning blocks
-//
-// *************************************
-
-.row
-
-// -------------------------------------
-//   Modifiers
-// -------------------------------------

data/lib/generators/wrstart/template/stylesheets/objects/_objects.tables.sass

@@ -1,49 +0,0 @@
-// *************************************
-//
-//   Table
-//
-// *************************************
-
-// -------------------------------------
-//   Variables
-// -------------------------------------
-
-$table-border: 1px solid #999 !default
-$table-color: #444 !default
-$table-fontSize: 14px !default
-$table-whitespace: 20px !default
-
-// -------------------------------------
-//   Base
-// -------------------------------------
-
-.table
-  -moz-box-sizing: border-box
-  box-sizing: border-box
-  font-size: $table-fontSize
-  margin: 0 0 $table-whitespace
-  width: 100%
-
-// -------------------------------------
-//   Modifiers
-// -------------------------------------
-
-// ----- Striped ----- //
-
-.table--striped
-  .table-body tr:nth-child(odd)
-    background: lighten($table-color, 65%)
-
-// -------------------------------------
-//   Submodules
-// -------------------------------------
-
-// ----- Row ----- //
-
-.table-row
-  border-bottom: $table-border
-  th, td
-    padding: ($table-whitespace / 2)
-  th
-    font-weight: bold
-    text-align: left

data/lib/generators/wrstart/template/stylesheets/objects/_objects.tabs.sass

@@ -1,59 +0,0 @@
-// *************************************
-//
-//   Tab
-//   -> Note;
-//      * Replace the '.tabs:after' with
-//        your preferred clearfix
-//
-// *************************************
-
-// -------------------------------------
-//   Variables
-// -------------------------------------
-
-$tab-border: 1px solid #ccc !default
-$tab-borderRadius: 2px !default
-$tab-color: #444 !default
-$tab-fontSize: 16px !default
-$tab-whitespace: 20px !default
-
-// -------------------------------------
-//   Base
-// -------------------------------------
-
-.tab
-  list-style-type: none
-  float: left
-  font-size: $tab-fontSize
-  a
-    background: lighten($tab-color, 65%)
-    border: $tab-border
-    border-radius: $tab-borderRadius $tab-borderRadius 0 0
-    color: $tab-color
-    display: block
-    margin-bottom: -1px
-    margin-right: ($tab-whitespace / 2)
-    padding: 8px $tab-whitespace
-    text-decoration: none
-    &:hover,
-    &:focus,
-    &.is-active
-      background: #fff
-
-    // States
-
-    &.is-active
-      border-bottom-color: transparent
-
-// -------------------------------------
-//   Tabs
-// -------------------------------------
-
-.tabs
-  border-bottom: $tab-border
-  margin: 0 0 $tab-whitespace
-  padding: 0
-  &:after
-    clear: both
-    content: ''
-    display: table

data/lib/generators/wrstart/template/stylesheets/objects/_objects.text-effects.sass

@@ -1,34 +0,0 @@
-// -------------------------------------
-//   Title styles
-// -------------------------------------
-
-%txt--singleLineCross, .txt--singleLineCross
-  margin: $inuit-base-spacing-unit--small 0 $inuit-base-spacing-unit--small 0
-  padding 0
-  font-size: 11px
-  line-height: 18px
-  text-transform: uppercase
-  color: gray
-  color: rgba(black, .6)
-  overflow: hidden
-  text-align: center
-
-  span
-    display: inline-block
-    position: relative
-
-  span:before, span:after
-    content: ""
-    position: absolute
-    height: 1px
-    border-top: 1px solid rgba(black, .2)
-    top: 9px
-    width: 900px
-
-  span:before
-    right: 100%
-    margin-right: 10px
-
-  span:after
-    left: 100%
-    margin-left: 10px