hashup 0.0.5

data/lib/hashup/templates/themes/assets/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/lib/hashup/templates/themes/assets/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/lib/hashup/templates/themes/assets/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/lib/hashup/templates/themes/assets/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/lib/hashup/templates/themes/assets/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')
+

data/lib/hashup/templates/themes/assets/flat-ui/modules/_todo.sass

@@ -0,0 +1,77 @@
+// Todo list
+.todo
+  background-color: scale-color($base, $lightness: -15%)
+  border-radius: 8px 8px 6px 6px
+  color: scale-color($base, $lightness: 33%)
+  margin-bottom: 20px
+
+  ul
+    margin: 0
+    list-style-type: none
+
+  li
+    background: $base url('../images/todo/todo.png') 92% center no-repeat
+    background-size: 20px 20px
+    cursor: pointer
+    margin-top: 2px
+    padding: 18px 42px 17px 25px
+    position: relative
+    +transition(.25s)
+    &:first-child
+      margin-top: 0
+    &:last-child
+      border-radius: 0 0 6px 6px
+      padding-bottom: 18px
+    &.todo-done
+      background: transparent url('../images/todo/done.png') 92% center no-repeat
+      background-size: 20px 20px
+      color: $firm
+
+      .todo-name
+        color: $firm
+
+.todo-search
+  background: $firm url('../images/todo/search.png') 92% center no-repeat
+  background-size: 16px 16px
+  border-radius: 6px 6px 0 0
+  color: $base
+  padding: 19px 25px 20px
+
+input.todo-search-field
+  background: none
+  border: none
+  color: $base
+  font-size: 19px
+  font-weight: 700
+  margin: 0
+  line-height: 23px
+  padding: 5px 0
+  text-indent: 0
+  +box-shadow(none)
+  +placeholder-color($base)
+
+.todo-icon
+  float: left
+  font-size: 24px
+  padding: 11px 22px 0 0
+
+.todo-content
+  padding-top: 1px
+  overflow: hidden
+
+.todo-name
+  color: $inverse
+  font-size: 17px
+  margin: 1px 0 3px
+
+// Serving 2x images
+@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)
+  .todo
+    li
+      background-image: ('../images/todo/todo-2x.png')
+      &.todo-done
+        background-image: ('../images/todo/done-2x.png')
+
+  .todo-search
+    background-image: ('../images/todo/search-2x.png')
+

data/lib/hashup/templates/themes/assets/flat-ui/modules/_toggle.sass

@@ -0,0 +1,85 @@
+// Toggle
+.toggle
+  background-color: $base
+  border-radius: 60px
+  color: $inverse
+  height: 29px
+  margin: 0 12px 12px 0
+  overflow: hidden
+  +clearfix
+  +inline-block
+  +transition(.25s)
+
+  // Common style -----------------------------
+  &.toggle-off
+    background-color: scale-color(desaturate($base, 15%), $lightness: 75%)
+
+    .toggle-radio
+      background-image: url('../images/toggle/icon-off.png')
+      background-position: 0 0
+      color: $inverse
+      left: 0
+      margin-left: .5px
+      margin-right: -13px
+      z-index: 1
+      &:first-child
+        left: -120%
+
+  .toggle-radio
+    background: url('../images/toggle/icon-on.png') right top no-repeat
+    color: $firm
+    display: block
+    font-weight: 700
+    height: 21px
+    left: 120%
+    margin-left: -13px
+    padding: 5px 32px 3px
+    position: relative
+    text-align: center
+    z-index: 2
+    +transition(.25s)
+
+    &:first-child
+      margin-bottom: -29px
+      left: 0
+
+  input
+    display: none
+    position: absolute
+    outline: none !important
+    // Radios in IE should be always visible in order to work
+    display: block\9
+    +opacity(0.01)
+
+  // Iconic style -----------------------------
+  &.toggle-icon
+    border-radius: 6px 7px 7px 6px
+
+    &.toggle-off
+      border-radius: 7px 6px 6px 7px
+      .toggle-radio
+        background-image: url('../images/toggle/block-off.png')
+        background-position: 0 0
+
+    .toggle-radio
+      background-image: url('../images/toggle/block-on.png')
+      background-position: 62px 0
+      border-radius: 6px
+      min-width: 27px
+      text-align: right
+
+      &:first-child
+        text-align: left
+
+// Serving 2x images
+@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)
+  .toggle
+    &.toggle-off
+      .toggle-radio
+        background-image: url('../images/toggle/icon-off-2x.png')
+        background-size: 30px 29px
+
+    .toggle-radio
+      background-image: url('../images/toggle/icon-on-2x.png')
+      background-size: 30px 29px
+