kickstart_rails 0.3.411478620741 → 0.3.411508638416

data/app/assets/stylesheets/kickstart_rails/core/_typography.sass

@@ -4,8 +4,9 @@
   font-size: calc(#{$default-font-size - 2} + #{$scalingFactor})
   line-height: $default-line-height
   line-height: calc(#{$default-line-height} + #{$scalingFactor})
+  color: $default-font-color
 
-html 
+html
   color: map-get($black, lightest)
 
 ul
@@ -18,16 +19,17 @@ h1, h2, h3, h4, h5, h6, p
 p
   margin: 0
     bottom: $space
+  line-height: $default-line-height
 
 a
   text-decoration: none
-  color: $blue
+  color: map-get($colors, blue)
 
   &:hover
     text-decoration: underline
 
 =pre-default
-  color: darken($blue, 25%)
+  color: darken(map-get($colors, blue), 25%)
   border-radius: $space/5
   padding: ($space/5)
   font-family: monospace
@@ -66,13 +68,14 @@ a
   flex-direction: column
   justify-content: center
   align-items: center
+  color: white
 
   > h1, > h2, > h3, > h4, > h5, > h6, > p
     text-align: center
     font-weight: 300
 
   h1, h2, h3, h4, h5, h6, p
-    color: white
+    color: inherit
 
   h1
     +xxl-heading
@@ -85,7 +88,7 @@ a
   h5
     +rg-heading
   h6
-    +sm-heading 
+    +sm-heading
 
   > img
     margin: 0px auto

data/app/assets/stylesheets/kickstart_rails/docs.sass

@@ -66,7 +66,7 @@
     background-color: white
 
   &yellow
-    background-color: $yellow
+    background-color: map-get($colors, yellow)
 
 .col-example
   padding: $space/2
@@ -116,9 +116,6 @@ h1.example-
     width: 600px
     max-width: 95%
 
-  a
-    color: white
-
   form, table, .tile
     text-align: left
     max-width: 360px
@@ -128,7 +125,6 @@ h1.example-
   .tile
     h1
       color: map-get($black, light)
-      font-weight: 400
       font-size: 1.1rem
 
 // Images
@@ -145,6 +141,7 @@ iframe.animation
     left: auto
     right: auto
     bottom: $space
+  overflow: hidden
 
 // Grid
 
@@ -167,3 +164,17 @@ iframe.animation
 .root-element
   +root-element
 
+footer.main
+  margin-top: $space * 4
+  background-color: $primary-color
+  padding:
+    top: $space
+    bottom: $space
+
+  p
+    margin: 0
+    color: white
+
+    a
+      color: white
+      text-decoration: underline

data/app/assets/stylesheets/kickstart_rails/kickstart.sass

@@ -1,14 +1,30 @@
 /*
  *  Kickstart
  *  =========
- *  For users who prefer to not use Sass, this will generate a CSS file with
- *  classes for all the components.
  */
+//  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 kickstart-semantic
 
-// Assign mixins to static classes
+// 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
+
+// Assign mixins to static component classes
 
 // ALERTS
 // ------
@@ -31,22 +47,22 @@
     +button-color(transparent)
 
   &.button-red
-    +button-color($red)
+    +button-color(map-get($colors, red))
 
   &.button-orange
-    +button-color($orange)
+    +button-color(map-get($colors, orange))
 
   &.button-yellow
-    +button-color($yellow)
+    +button-color(map-get($colors, yellow))
 
   &.button-green
-    +button-color($green)
+    +button-color(map-get($colors, green))
 
   &.button-blue
-    +button-color($blue)
+    +button-color(map-get($colors, blue))
 
   &.button-violet
-    +button-color($violet)
+    +button-color(map-get($colors, violet))
 
   &.button-small
     +button-size($size: 0.85)
@@ -54,6 +70,53 @@
   &.button-large
     +button-size($size: 1.2)
 
+.button-group
+  +button-group
+
+  &.button-primary
+    > li > *
+      +button-color($primary-color)
+
+  &.button-secondary
+    > li > *
+      +button-color($secondary-color)
+
+  &.button-clear
+    > li > *
+      +button-color(transparent)
+
+  &.button-red
+    > li > *
+      +button-color(map-get($colors, red))
+
+  &.button-orange
+    > li > *
+      +button-color(map-get($colors, orange))
+
+  &.button-yellow
+    > li > *
+      +button-color(map-get($colors, yellow))
+
+  &.button-green
+    > li > *
+      +button-color(map-get($colors, green))
+
+  &.button-blue
+    > li > *
+      +button-color(map-get($colors, blue))
+
+  &.button-violet
+    > li > *
+      +button-color(map-get($colors, violet))
+
+  &.button-small
+    > li > *
+      +button-size($size: 0.85)
+
+  &.button-large
+    > li > *
+      +button-size($size: 1.2)
+
 // FORMS
 // -----
 .form-horizontal
@@ -86,6 +149,17 @@
 .col-twothirds
   +column('twothirds')
 
+[class^="col"]
+  // Pulls
+  @for $i from 1 through 12
+    &.col-pull-#{$i}
+      +pull($i)
+
+  // Pushes
+  @for $i from 1 through 12
+    &.col-push-#{$i}
+      +push($i)
+
 // IMAGES
 // ------
 
@@ -108,23 +182,23 @@
   +label
 
   &.label-red
-    +label($red)
+    +label(map-get($colors, red))
 
   &.label-orange
-    +label($orange)
+    +label(map-get($colors, orange))
 
   &.label-yellow
-    +label($yellow)
+    +label(map-get($colors, yellow))
     color: map-get($black, light)
 
   &.label-green
-    +label($green)
+    +label(map-get($colors, green))
 
   &.label-blue
-    +label($blue)
+    +label(map-get($colors, blue))
 
   &.label-violet
-    +label($violet)
+    +label(map-get($colors, violet))
 
 // NAVIGATION
 // ----------
@@ -151,6 +225,30 @@ table
 .tile
   +tile
 
+  &.tile-primary
+    +tile-color($primary-color)
+
+  &.tile-secondary
+    +tile-color($secondary-color)
+
+  &.tile-red
+    +tile-color(map-get($colors, red))
+
+  &.tile-orange
+    +tile-color(map-get($colors, orange))
+
+  &.tile-yellow
+    +tile-color(map-get($colors, yellow))
+
+  &.tile-green
+    +tile-color(map-get($colors, green))
+
+  &.tile-blue
+    +tile-color(map-get($colors, blue))
+
+  &.tile-violet
+    +tile-color(map-get($colors, violet))
+
 // TOOLTIPS
 // --------
 

data/app/assets/stylesheets/kickstart_rails/themes/_default.sass

@@ -17,34 +17,25 @@
 // ---------
 
 // Grayscale
-
 $white: (dark: #F7F7F7, darker: #DDD, darkest: #CCC)
 $gray:  (lightest: #BBB, lighter: #AAA, light: #999, dark: #777, darker: #666, darkest: #555)
 $black: (lightest: #444, lighter: #333, light: #222)
 
 // Rainbow
-
-$red:            #CA3518
-$orange:         darkorange
-$yellow:         #ffe312
-$green:          #58AA00
-$blue:           cornflowerblue
-$violet:         darkmagenta
+$colors: (red: #CA3518, orange: darkorange, yellow: #ffe312, green: #58AA00, blue: cornflowerblue, violet: darkmagenta)
 
 // Ten point design variables
 // --------------------------
 // Modifying just these ten variables will take care of 90% of your theme
 
-$primary-color:       $blue
+$primary-color:       map-get($colors, blue)
 $secondary-color:     map-get($white, darker)
 $space:               25px
 $heading-font-family: 'Lato', helvetica neue, sans-serif
 $body-font-family:    'Lato', helvetica neue, sans-serif
 $base-font-size:      16px
-$black-augment:       #000
-$white-augment:       #FFF
-$saturation-augment:  0%
-$luminosity-augment:  0%
+$default-font-color:          map-get($gray, darkest)
+$default-line-height: 1.4rem
 
 // --------------------------
 
@@ -54,7 +45,6 @@ $rootElement: (paddingV: 5px, paddingH: 12px)
 
 $default-font: $body-font-family
 $default-font-size: $base-font-size
-$default-line-height: 1.4rem
 
 //
 // Core styling
@@ -165,6 +155,9 @@ html
 =button($color: map-get($white, dark), $size: 1)
   +button-default($color, $size)
 
+=button-group($color: map-get($white, dark), $size: 1)
+  +button-group-default($color, $size)
+
 // Forms
 // -----
 
@@ -177,6 +170,15 @@ html
 =form-group()
   +form-group-default()
 
+// HR
+// --
+
+=hr
+  +hr-default
+
+hr
+  +hr
+
 // Images
 // ------
 
@@ -189,7 +191,7 @@ html
 // Labels
 // ------
 
-=label($background-color: $blue)
+=label($background-color: map-get($colors, blue))
   +label-default($background-color)
 
 // Navigation
@@ -204,16 +206,10 @@ html
 =table()
   +table-default()
 
-// Tiles
-// -----
-
-=tile($color: map-get($gray, dark))
-  +tile-default($color)
-
 //
 // Dependent Components
 // ====================
-// Dependent components keep code DRY by reusing core and base 
+// Dependent components keep code DRY by reusing core and base
 // componenets that have already been styled by the theme.
 //
 
@@ -225,6 +221,12 @@ html
 =modal()
   +modal-default()
 
+// Tiles
+// -----
+
+=tile($color: map-get($gray, dark))
+  +tile-default($color)
+
 // Tooltips
 // --------
 

data/lib/kickstart_rails/version.rb

@@ -1,3 +1,3 @@
 module Kickstart_rails
-  VERSION = "0.3.411478620741"
+  VERSION = "0.3.411508638416"
 end

metadata

@@ -1,7 +1,7 @@
 --- !ruby/object:Gem::Specification
 name: kickstart_rails
 version: !ruby/object:Gem::Version
-  version: 0.3.411478620741
+  version: 0.3.411508638416
 platform: ruby
 authors:
 - Adam Kochanowicz
@@ -107,6 +107,7 @@ files:
 - app/assets/stylesheets/kickstart_rails/components/_buttons.sass
 - app/assets/stylesheets/kickstart_rails/components/_forms.sass
 - app/assets/stylesheets/kickstart_rails/components/_growls.sass
+- app/assets/stylesheets/kickstart_rails/components/_hr.sass
 - app/assets/stylesheets/kickstart_rails/components/_images.sass
 - app/assets/stylesheets/kickstart_rails/components/_labels.sass
 - app/assets/stylesheets/kickstart_rails/components/_modals.sass