flatui-rails 0.0.1

data/vendor/assets/stylesheets/flat-ui/modules/_palette.sass

@@ -0,0 +1,88 @@
+// Color swatches grid
+=calc-color($name, $color)
+  .palette-#{$name}
+    background-color: $color
+
+  .palette-#{$name}-dark
+    background-color: scale-color($color, $lightness: -15%)
+
+.palette
+  color: $inverse
+  margin: 0
+  padding: 15px
+  text-transform: uppercase
+
+  dt
+    display: block
+    font-weight: 500
+    opacity: .8
+
+  dd
+    font-weight: 200
+    margin-left: 0
+    opacity: .8
+
+// Colors
++calc-color(firm, $firm)
++calc-color(success, $success)
++calc-color(info, $info)
++calc-color(warning, $warning)
++calc-color(danger, $danger)
++calc-color(night, #34495e)
++calc-color(bright, #f1c40f)
+
+.palette-success-dark
+  background-color: #27ae60
+
+.palette-info-dark
+  background-color: #2980b9
+
+.palette-bright-dark
+  background-color: #f39c12
+
+.palette-amethyst
+  background-color: #9b59b6
+
+.palette-wisteria
+  background-color: #8e44ad
+
+.palette-carrot
+  background-color: #e67e22
+
+.palette-pumpkin
+  background-color: #d35400
+
+.palette-alizarin
+  background-color: #e74c3c
+
+.palette-pomegranate
+  background-color: #c0392b
+
+.palette-clouds
+  background-color: #ecf0f1
+  color: #bdc3c7
+
+.palette-silver
+  background-color: #bdc3c7
+
+.palette-concrete
+  background-color: #95a5a6
+
+.palette-asbestos
+  background-color: #7f8c8d
+
+// Palette paragraph
+.palette-paragraph
+  color: #7f8c8d
+  font-size: 12px
+  line-height: 17px
+
+  span
+    color: #bdc3c7
+
+// Headline
+.palette-headline
+  color: #7f8c8d
+  font-weight: 700
+  margin-top: -5px
+

data/vendor/assets/stylesheets/flat-ui/modules/_progress.sass

@@ -0,0 +1,29 @@
+// Progress bar
+.progress
+  background: scale-color($base, $lightness: 90%)
+  border-radius: 32px
+  height: 12px
+  +box-shadow(none)
+  +drop-ie-gradient
+
+  .bar
+    background: $firm
+    +box-shadow(none !important)
+    +drop-ie-gradient
+
+  .bar-success
+    background-color: $success
+    +drop-ie-gradient
+
+  .bar-warning
+    background-color: $warning
+    +drop-ie-gradient
+
+  .bar-danger
+    background-color: $danger
+    +drop-ie-gradient
+
+  .bar-info
+    background-color: $info
+    +drop-ie-gradient
+

data/vendor/assets/stylesheets/flat-ui/modules/_select.sass

@@ -0,0 +1,163 @@
+// Default DropKick theme
+// You can:
+// 1. Align options by right: add "select-right" class to <select> tag
+// 2. Change <select> width: add "span6" for example ;) (you can use all available Twitter Bootstrap grids)
+
+// One container to bind them
+.dk_container
+  cursor: pointer
+  font-size: 14px
+  margin-bottom: 10px
+  outline: none
+
+// Opens the dropdown and holds the menu label
+.dk_toggle
+  background-color: $firm
+  color: $inverse
+  border-radius: 6px
+  overflow: hidden
+  padding: 11px 45px 11px 13px
+  text-decoration: none
+  white-space: nowrap
+  +transition(.25s)
+
+  &:hover,
+  &:focus,
+  .dk_focus &
+    background-color: scale-color($firm, $lightness: 20%)
+    color: $inverse
+    outline: none
+
+  &:active
+    background-color: scale-color($firm, $lightness: -15%)
+    outline: none
+    .select-icon
+      border-left-color: transparent
+
+// Dropdown icon (arrow by default)
+.select-icon
+  background: $firm url('../images/select/toggle.png') no-repeat right center
+  border-left: 2px solid rgba($base, .15)
+  border-radius: 0 6px 6px 0
+  height: 100%
+  position: absolute
+  right: 0
+  top: 0
+  width: 42px
+  +transition(.25s)
+
+// Applied whenever the dropdown is open
+.dk_open
+  // Dropdown menu is covered by something. Try setting this value higher
+  z-index: 10
+
+  .dk_toggle
+    background-color: $firm
+    .select-icon
+      background-color: scale-color($firm, $lightness: -15%)
+      border-left-color: transparent
+
+// The outer container of the options
+.dk_options
+  padding-top: 14px
+  // Dropdown triangle ear
+  +dropdown-arrow
+  &:before
+    left: auto
+    right: 12px
+
+  li
+    padding-bottom: 3px
+
+  a
+    border-radius: 3px
+    color: $inverse
+    display: block
+    padding: 5px 9px
+    text-decoration: none
+    &:hover
+      background-color: $firm
+
+.dk_option_current a
+  background-color: $firm
+
+// Inner container for options, this is what makes the scrollbar possible.
+.dk_options_inner
+  background-color: $base
+  border-radius: 5px
+  margin: 0
+  max-height: 244px
+  padding: 3px 3px 0
+
+// Set a max-height on the options inner
+.dk_touch .dk_options
+  max-height: 250px
+
+//-------  End Theme --------
+
+//------- Critical to the continued enjoyment of working dropdowns --------
+.dk_container
+  display: none
+  position: relative
+  vertical-align: middle
+
+  &.dk_shown
+    +inline-block
+
+  // Twitter Bootstrap grids -----------------------
+  &[class*="span"]
+    float: none
+    margin-left: 0
+
+
+.dk_toggle
+  display: block
+  position: relative
+
+.dk_open
+  position: relative
+  .dk_options
+    margin-top: -1px
+    opacity: 1
+    z-index: 10
+    // Opacity fallback for IE
+    display: block\9
+  .dk_label
+    color: inherit
+
+.dk_options
+  margin-top: -21px
+  position: absolute
+  left: 0
+  opacity: 0
+  width: 220px
+  z-index: -100
+  // Opacity fallback for IE
+  display: none\9
+  +transition(.3s ease-out)
+
+  // Align by right
+  .select-right &
+    left: auto
+    right: 0
+
+  a
+    display: block
+
+.dk_options_inner
+  overflow: auto
+  outline: none
+  position: relative
+
+.dk_touch
+  .dk_options
+    overflow: hidden
+  .dk_options_inner
+    max-height: none
+    overflow: visible
+
+.dk_fouc select
+  position: relative
+  top: -99999em
+  visibility: hidden
+

data/vendor/assets/stylesheets/flat-ui/modules/_share.sass

@@ -0,0 +1,34 @@
+// Sharing box include variety of ways to share something
+// By idea this block should have
+$share-color: scale-color($base, $lightness: 92%)
+
+.share
+  background-color: $share-color
+  border-radius: 6px
+  position: relative
+  +dropdown-arrow($share-color, -9px, 23px)
+
+  ul
+    list-style-type: none
+    margin: 0
+    padding: 15px
+
+  li
+    padding-top: 11px
+    +clearfix
+    &:first-child
+      padding-top: 0
+
+  .toggle
+    float: right
+    margin: 0
+
+  .btn
+    +border-radius(0 0 6px 6px)
+
+.share-label
+  float: left
+  font-size: 15px
+  padding-top: 5px
+  width: 50%
+

data/vendor/assets/stylesheets/flat-ui/modules/_tagsinput.sass

@@ -0,0 +1,91 @@
+.tagsinput
+  background: #fff
+  border: 2px solid $firm
+  border-radius: 6px
+  height: 100px
+  padding: 6px 1px 1px 6px
+  overflow-y: auto
+  text-align: left
+
+  .tag
+    border-radius: 4px
+    background: $firm
+    color: $inverse
+    cursor: pointer
+    margin-right: 5px
+    margin-bottom: 5px
+    overflow: hidden
+    padding: 6px 13px 6px 19px
+    position: relative
+    vertical-align: middle
+    +inline-block
+    +transition(.14s linear)
+    &:hover
+      background-color: scale-color($firm, $lightness: -15%)
+      padding-left: 12px
+      padding-right: 20px
+
+      .tagsinput-remove-link
+        color: $inverse
+        opacity: 1
+        // Opacity fallback for IE
+        display: block\9
+
+  input
+    background: transparent
+    border: none
+    color: $base
+    font-family: $base-font-family
+    font-size: $base-font-size
+    margin: 0px
+    padding: 0 0 0 5px
+    outline: 0
+    margin-right: 5px
+    margin-bottom: 5px
+    width: 12px
+
+.tagsinput-remove-link
+  bottom: 0
+  color: $inverse
+  cursor: pointer
+  font-size: 12px
+  opacity: 0
+  padding: 9px 7px 3px 0
+  position: absolute
+  right: 0
+  text-align: right
+  text-decoration: none
+  top: 0
+  width: 100%
+  z-index: 2
+  // Opacity fallback for IE
+  display: none\9
+
+  &:before
+    color: $inverse
+
+.tagsinput-add-container
+  vertical-align: middle
+  +inline-block
+
+.tagsinput-add
+  background-color: scale-color(desaturate($base, 15%), $lightness: 67%)
+  border-radius: 3px
+  color: $inverse
+  cursor: pointer
+  margin-bottom: 5px
+  padding: 6px 9px
+  +inline-block
+  +transition(.25s)
+  &:hover
+    background-color: $firm
+
+.tags_clear
+  clear: both
+  width: 100%
+  height: 0px
+
+.not_valid
+  background: #FBD8DB !important
+  color: #90111A !important
+

data/vendor/assets/stylesheets/flat-ui/modules/_tile.sass

@@ -0,0 +1,42 @@
+// Tile module
+.tile
+  background-color: scale-color($base, $lightness: 92%)
+  border-radius: 6px
+  padding: 14px
+  position: relative
+  text-align: center
+
+  &.tile-hot
+    &:before
+      background: url('../images/tile/ribbon.png') 0 0 no-repeat
+      background-size: 82px 82px
+      content: ''
+      height: 82px
+      position: absolute
+      right: -4px
+      top: -4px
+      width: 82px
+
+  p
+    font-size: 15px
+    margin-bottom: 33px
+
+.tile-image
+  height: 100px
+  margin: 31px 0 27px
+  vertical-align: bottom
+  &.big-illustration
+    height: 111px
+    margin-top: 20px
+    width: 112px
+
+.tile-title
+  font-size: 20px
+  margin: 0
+
+@media only screen and (-webkit-min-device-pixel-ratio: 2), only screen and (-webkit-min-device-pixel-ratio: 1.5), only screen and (-moz-min-device-pixel-ratio: 2), only screen and (-o-min-device-pixel-ratio: 3/2), only screen and (-o-min-device-pixel-ratio: 2/1), only screen and (min--moz-device-pixel-ratio: 1.5), only screen and (min-device-pixel-ratio: 1.5), only screen and (min-device-pixel-ratio: 2)
+  .tile
+    &.tile-hot
+      &:before
+        background-image: url('../images/tile/ribbon-2x.png')
+