kickstart_rails 3.0.39 → 3.0.40

data/app/assets/stylesheets/core/components/_notifications.sass

@@ -0,0 +1,20 @@
+=status_bar
+  position: fixed
+  top: 0
+  left: 0
+  right: 0
+  z-index: 2000 // Above modal
+  display: flex
+  pointer-events: none
+
+  .status_bar-status
+    +label(map-get($colors, yellow))
+    color: black
+    text-align: center
+    margin: 5px auto
+    max-width: 300px
+    box-shadow: 0px 0px 10px rgba(0, 0, 0, 0.15)
+    +fadeInDown
+    z-index: 1000
+
+  @content

data/app/assets/stylesheets/core/components/_pagination.sass

@@ -0,0 +1,11 @@
+=pagination-default($background: map-get($white, dark))
+  display: flex
+  align-items: flex-start
+  flex-wrap: wrap
+  justify-content: space-between
+  align-content: space-between
+
+  > ul
+    +button-group-default($background-color: map-get($white, dark), $size: 1)
+
+  @content

data/app/assets/stylesheets/core/components/_progress.sass

@@ -0,0 +1,12 @@
+progress
+  width: 100%
+
+  &::-webkit-progress-bar
+    border-radius: ($space/5)
+    min-height: $space
+    -webkit-appearance: none
+    appearance: none
+    -moz-appearance: none
+
+  &::-webkit-progress-value
+    border-radius: ($space/5) 0 0 ($space/5)

data/app/assets/stylesheets/core/components/_tables.sass

@@ -0,0 +1,70 @@
+=table-default($blank: false, $zebra: false, $hover: false)
+  border-collapse: collapse
+  background: white
+  border-spacing: 0
+  empty-cells: show
+  border: 1px solid map-get($gray, light)
+  width: 100%
+  margin-bottom: $space
+
+  pre
+    margin: 0
+
+  thead
+    background: map-get($white, dark)
+    color: black
+    text-align: left
+    vertical-align: bottom
+    border-bottom: 1px solid transparent
+
+    th
+      font-weight: bold
+      text-align: left
+
+  th, td
+    background-color: transparent
+    border-left: 1px solid map-get($gray, light)
+    border-width: 0 0 0 1px
+    font-size: inherit
+    margin: 0
+    overflow: visible
+    padding: ($space/6) ($space/4)
+    line-height: normal
+
+    &:first-child
+      border-left-width: 0
+
+  @if $blank == true
+    +table-blank
+
+  @if $zebra == true
+    +table-zebra
+
+  @content
+
+=table-blank
+  border-color: transparent
+  table, tr, td, tbody, thead, th, tfoot
+    border-color: transparent
+    background: transparent
+  th, td
+    padding:
+      left: 0px
+      right: 0px
+
+=table-hover
+  tbody, thead
+    tr:hover
+      background-color: $primary-color
+
+      td, th
+        color: white
+
+=table-zebra
+  tbody, thead
+    tr:nth-child(even)
+      background-color: map-get($white, dark)
+
+    tr
+      td, th
+        padding: ($space/6) ($space/4)

data/app/assets/stylesheets/core/components/_tabs.sass

@@ -0,0 +1,37 @@
+=tabs-default
+  +list($style: 'unstyled horizontal')
+  border-bottom: 1px solid map-get($white, darker)
+
+  li
+    margin: 0
+      right: -1px
+      bottom: -1px
+
+    &.open
+      a
+        border-bottom-color: transparent
+        background: white
+
+        &:hover, &.active
+          box-shadow: none
+
+    a
+      +button
+      border: 1px solid $secondary-color
+      padding:
+        left: map-get($rootElement, paddingH)
+        right: map-get($rootElement, paddingH)
+      border-bottom-left-radius: 0
+      border-bottom-right-radius: 0
+
+=tab_pane_container-default
+  +root-element
+  background: white
+  border-color: $secondary-color
+  border-top: 0
+  border-top-left-radius: 0
+  border-top-right-radius: 0
+  padding: $space
+  margin-top: -$space
+
+  @content

data/app/assets/stylesheets/core/components/_tooltips.sass

@@ -0,0 +1,26 @@
+=tooltip_trigger-default($background-color: false)
+  position: relative
+  display: inline-block
+  cursor: pointer
+
+  @if not $background-color == false
+    .tooltip
+      +label($background-color)
+
+  &:hover
+    [data-ks-tooltip]
+      &:after, &:before
+        opacity: 1
+
+      &:after
+        transform: translateY(-8px)
+        transition: transform 0.25s
+
+    .tooltip
+      opacity: 1
+      transform: translateY(0px)
+
+      &:after
+        opacity: 1
+
+  @content

data/app/assets/stylesheets/docs.sass

@@ -0,0 +1,99 @@
+// Docs
+// ====
+// Generation of css for the getkickstart.com homepage.
+// Page-level styling goes elsewhere.
+
+// Choose your theme
+@import themes/default/theme
+
+// Basic layout
+// ------------
+
+body
+  background-color: map-get($white, darkest)
+
+.wrapper
+  +container
+
+#above-footer
+  +above-footer
+  position: relative
+
+#screen
+  +screen
+  max-width: $xxl-monitor
+  box-shadow: 0px 0px $space map-get($gray, darker)
+  margin: 0px auto
+  background: white
+
+// Navigation
+// ----------
+
+.main-navigation
+  +navbar($collapse: true, $layout: 'fluid', $background-color: transparent)
+
+  nav.expand
+    background: white
+    color: map-get($black, light)
+
+    > ul > li > a:not([role=button])
+      color: map-get($black, light)
+
+    svg
+      fill: map-get($black, light)
+
+  svg
+    height: 30px
+    fill: white
+
+// Footer
+// ------
+
+footer.main
+  background: map-get($gray, light)
+  padding: $space 0
+  color: white
+
+  a
+    color: white
+    text-decoration: underline
+
+// Growl
+.growl
+  +alert
+
+  &.warning
+    background-color: map-get($colors, yellow)
+    color: black
+
+// Iframes
+// -------
+
+iframe.animation
+  max-width: 500px
+  height: 200px
+  display: block
+  margin-left: auto
+  margin-right: auto
+  margin-bottom: 25px
+  overflow: hidden
+
+// Components
+// ----------
+
+// Buttons
+.button
+  +button
+
+  &.button-primary
+    +button-color($primary-color)
+
+// Notices
+.notice
+  +label
+
+// Switches
+// --------
+
+.switch
+  +switch

data/app/assets/stylesheets/fullpage.sass

@@ -0,0 +1,7 @@
+@import themes/default/theme
+
+.main-navigation
+  +navbar($background-color: white)
+
+  svg
+    fill: map-get($black, lighter)

data/app/assets/stylesheets/kickstart-semantic.sass

@@ -0,0 +1,10 @@
+//  Kickstart Semantic
+//  ==================
+//  This is just a starter file for using Kickstrap via Sass
+//  Rename this file to something you like (e.g. style.sass) and import it by
+//  the same .css name from your html/jade file.
+
+// Choose your theme
+@import themes/default/theme
+
+// Now write your own Sass

data/app/assets/stylesheets/kickstart.sass

@@ -0,0 +1,344 @@
+/*
+ *  Kickstart
+ *  =========
+ */
+//  For users who prefer to not use Sass, this will generate a CSS file with
+//  classes for all the components.
+
+// Import the semantic index
+@import themes/default/theme
+
+// Generate color classes (This is as close as I can get to being dry.)
+=color-classes($prefix, $background-color: false, $color: false)
+  $color-names: "red", "orange", "yellow", "green", "blue", "violet"
+  @each $name, $value in $colors
+    .#{$prefix}-#{unquote($name)}
+      @if $background-color
+        background-color: $value
+      @if $color
+        color: $value
+
+// LAYOUT
+// ------
+
+#above-footer
+  +above-footer
+
+#screen
+  +screen
+
+// Assign mixins to static component classes
+
+// ALERTS
+// ------
+
+.alert
+  +alert
+
+  &.alert-red
+    background: map-get($colors, red)
+  &.alert-green
+    background: map-get($colors, green)
+  &.alert-yellow
+    background: map-get($colors, yellow)
+    color: $default-font-color
+
+// BUTTONS
+// -------
+.button
+  +button
+  // TODO: Make loop
+  &.button-primary
+    +button-color($primary-color)
+
+  &.button-secondary
+    +button-color($secondary-color)
+
+  &.button-clear
+    +button-color(transparent)
+
+  &.button-red
+    +button-color(map-get($colors, red))
+
+  &.button-orange
+    +button-color(map-get($colors, orange))
+
+  &.button-yellow
+    +button-color(map-get($colors, yellow))
+
+  &.button-green
+    +button-color(map-get($colors, green))
+
+  &.button-blue
+    +button-color(map-get($colors, blue))
+
+  &.button-violet
+    +button-color(map-get($colors, violet))
+
+  &.button-small
+    +button-size($size: 0.85)
+
+  &.button-large
+    +button-size($size: 1.2)
+
+.button-group
+  +button-group
+
+  &.button-primary
+    > li > *:not(ul)
+      +button-color($primary-color)
+
+  &.button-secondary
+    > li > *:not(ul)
+      +button-color($secondary-color)
+
+  &.button-clear
+    > li > *:not(ul)
+      +button-color(transparent)
+
+  &.button-red
+    > li > *:not(ul)
+      +button-color(map-get($colors, red))
+
+  &.button-orange
+    > li > *:not(ul)
+      +button-color(map-get($colors, orange))
+
+  &.button-yellow
+    > li > *:not(ul)
+      +button-color(map-get($colors, yellow))
+
+  &.button-green
+    > li > *:not(ul)
+      +button-color(map-get($colors, green))
+
+  &.button-blue
+    > li > *:not(ul)
+      +button-color(map-get($colors, blue))
+
+  &.button-violet
+    > li > *:not(ul)
+      +button-color(map-get($colors, violet))
+
+  &.button-small
+    > li > *:not(ul)
+      +button-size($size: 0.85)
+
+  &.button-large
+    > li > *:not(ul)
+      +button-size($size: 1.2)
+
+// FORMS
+// -----
+.form
+  +form
+
+.form-horizontal
+  +form-horizontal
+
+.form-left
+  +form-left
+
+.form_group
+  +form_group('vertical')
+
+  &.form_group-horizontal,
+  .form_group-horizontal,
+  .form-horizontal &
+    +form_group('horizontal')
+
+// GRID
+// ----
+.container
+  +container
+
+.row
+  +row
+
+@for $i from 1 through 12
+  .col-#{$i}
+    +column($i)
+
+.col-half
+  +column('half')
+
+.col-third
+  +column('third')
+
+.col-twothirds
+  +column('twothirds')
+
+// Left offsets
+@each $screen in '', 'xs-', 'sm-', 'rg-', 'md-', 'lg-', 'xl-'
+  .col-left-#{$screen}third
+    +left('third')
+
+  .col-left-#{$screen}twothirds
+    +left('twothirds')
+
+  .col-left-#{$screen}half
+    +left('half')
+
+  @for $i from 1 through 12
+    .col-left-#{$screen}#{$i}
+      +left($i)
+
+// Right offsets
+@each $screen in '', 'xs-', 'sm-', 'rg-', 'md-', 'lg-', 'xl-'
+  .col-right-#{$screen}third
+    +right('third')
+
+  .col-right-#{$screen}twothirds
+    +right('twothirds')
+
+  .col-right-#{$screen}half
+    +right('half')
+
+  @for $i from 1 through 12
+    .col-right-#{$screen}#{$i}
+      +right($i)
+
+// IMAGES
+// ------
+
+.thumbnail-content
+  +thumbnail-content
+
+.thumbnail
+  +thumbnail
+
+// LABELS
+// ------
+
+.label
+  +label
+
+  &.label-red
+    +label(map-get($colors, red))
+
+  &.label-orange
+    +label(map-get($colors, orange))
+
+  &.label-yellow
+    +label(map-get($colors, yellow))
+
+  &.label-green
+    +label(map-get($colors, green))
+
+  &.label-blue
+    +label(map-get($colors, blue))
+
+  &.label-violet
+    +label(map-get($colors, violet))
+
+  &.label-primary
+    +label($primary-color)
+
+  &.label-secondary
+    +label($secondary-color)
+
+// MODALS
+// ------
+
+.modal
+  +modal
+
+// NAVIGATION
+// ----------
+
+.navbar
+  +navbar
+
+  &.navbar-dark
+    +navbar-color($background-color: map-get($black, lighter))
+
+  &.navbar-collapse
+    +navbar($collapse: true)
+
+  &.navbar-fluid
+    +navbar-fluid
+
+  &.navbar-fluid_fixed
+    +navbar-fluid_fixed
+
+  &.navbar-fixed
+    +navbar-fixed
+
+.pagination
+  +pagination
+
+// TABLES
+// ------
+.table
+  +table
+
+  &.table-blank
+    +table-blank
+
+  &.table-zebra
+    +table-zebra
+
+  &.table-hover
+    +table-hover
+
+// TABS
+// ----
+.tabs
+  +tabs
+
+.tab_pane_container
+  +tab_pane_container
+
+// TOOLTIPS
+// --------
+
+.tooltip_trigger
+  +tooltip_trigger
+
+// TYPOGRAPHY
+// ----------
+
+.xxl
+  +heading-xxl
+
+.xl
+  +heading-xl
+
+.lg
+  +heading-lg
+
+.md
+  +heading-md
+
+.rg
+  +heading-rg
+
+.sm
+  +heading-sm
+
+.xs
+  +heading-xs
+
+.xxs
+  +heading-xxs
+
+.readable
+  +p(true)
+
+  p, ul li, table, table td, table th
+    +p(true)
+
+.page-heading
+  +page-heading
+
+.hero
+  +hero
+
+.list
+  +list
+
+.list-unstyled
+  +list-unstyled
+
+.list-horizontal
+  +list-horizontal