kickstart_rails 0.2.410970240580 → 0.3.411400890669

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

@@ -10,35 +10,50 @@
 
 // Assign mixins to static classes
 
+// ALERTS
+// ------
+
+.alert
+  +alert
+
 // BUTTONS
 // -------
 .button, button, input[type=submit]
   +button
   // TODO: Make loop
-  &.primary
+  &.button-primary
     +button($primary-color)
 
-  &.secondary
+  &.button-secondary
     +button($secondary-color)
 
-  &.red
+  &.button-clear
+    +button(transparent)
+
+  &.button-red
     +button($red)
 
-  &.orange
+  &.button-orange
     +button($orange)
 
-  &.yellow
+  &.button-yellow
     +button($yellow)
 
-  &.green
+  &.button-green
     +button($green)
 
-  &.blue
+  &.button-blue
     +button($blue)
 
-  &.violet
+  &.button-violet
     +button($violet)
 
+  &.button-small
+    +button($size: 0.85)
+
+  &.button-large
+    +button($size: 1.2)
+
 // FORMS
 // -----
 .form-horizontal
@@ -77,12 +92,40 @@
 .thumbnail-content
   +thumbnail-content
 
+.thumbnail
+  +thumbnail
+
 // MODALS
 // ------
 
 .modal
   +modal
 
+// LABELS
+// ------
+
+.label
+  +label
+
+  &.label-red
+    +label($red)
+
+  &.label-orange
+    +label($orange)
+
+  &.label-yellow
+    +label($yellow)
+    color: map-get($black, light)
+
+  &.label-green
+    +label($green)
+
+  &.label-blue
+    +label($blue)
+
+  &.label-violet
+    +label($violet)
+
 // NAVIGATION
 // ----------
 
@@ -90,7 +133,7 @@
   +navbar
 
 .navbar-dark
-  +navbar($background: $lighter-black)
+  +navbar($background: map-get($black, lighter))
 
 // STATUS
 // ------
@@ -108,8 +151,39 @@ table
 .tile
   +tile
 
+// TOOLTIPS
+// --------
+
+.tooltip_trigger
+  +tooltip_trigger
+
 // TYPOGRAPHY
 // ----------
+
+.xxl
+  +xxl-heading
+
+.xl
+  +xl-heading
+
+.lg
+  +lg-heading
+
+.md
+  +md-heading
+
+.rg
+  +rg-heading
+
+.sm
+  +sm-heading
+
+.xs
+  +xs-heading
+
+.xxs
+  +xxs-heading
+
 .readable
   +p(true)
 
@@ -121,3 +195,9 @@ table
 
 .hero
   +hero
+
+.list-unstyled
+  +list-unstyled
+
+.list-horizontal
+  +list-horizontal

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

@@ -1,38 +1,26 @@
-/*
- *  Theme: Default
- *  ==============
- *  Theme files wrap Kickstart's mixins into duplicate mixins without the
- *  "-default". This allows theme artists to insert their own styles by
- *  extending the default ones. Because the default theme just does direct
- *  assignment to the final namespaces, it overrides without actually
- *  changing anything.
- */
+//
+// Theme: Default
+// ==============
+// Theme files wrap Kickstart's mixins into duplicate mixins without the
+// "-default". This allows theme artists to insert their own styles by
+// extending the default ones. Because the default theme just does direct
+// assignment to the final namespaces, it overrides without actually
+// changing anything.
+//
 
 // TODO: This would be the second time importing in rails. prepend this line
 // via gulp.
 
 @import ../core/_normalize
 
-// VARIABLES
+// Variables
 // ---------
 
 // Grayscale
 
-$black:          #111
-$light-black:    #222
-$lighter-black:  #333
-$lightest-black: #444
-$darkest-gray:   #555
-$darker-gray:    #666
-$dark-gray:      #777
-$gray:           #888
-$light-gray:     #999
-$lighter-gray:   #AAA
-$lightest-gray:  #BBB
-$darkest-white:  #CCC
-$darker-white:   #DDD
-$dark-white:     #EEE
-$white:          #FFF
+$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
 
@@ -48,15 +36,15 @@ $violet:         darkmagenta
 // Modifying just these ten variables will take care of 90% of your theme
 
 $primary-color:       $blue
-$secondary-color:     $darker-white
+$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:       0
-$white-augment:       0
-$saturation-augment:  0
-$luminosity-augment:  0
+$black-augment:       #000
+$white-augment:       #FFF
+$saturation-augment:  0%
+$luminosity-augment:  0%
 
 // --------------------------
 
@@ -68,63 +56,15 @@ $default-font: $body-font-family
 $default-font-size: $base-font-size
 $default-line-height: 1.4rem
 
-@import ../core/index
+//
+// Core styling
+// ------------
+// Lowest-level styling meant to be inherited by components.
+//
 
-// BUTTONS
-// -------
-
-=button($color: transparent)
-  +button-default($color)
-
-// FORMS
-// -----
-
-=form-horizontal()
-  +form-horizontal-default()
-
-=form-left
-  +form-left-default()
-
-=form-group()
-  +form-group-default()
-
-// IMAGES
-// ------
-
-=thumbnail-content
-  +thumbnail-content-default
-
-// MODALS
-// ------
-
-=modal()
-  +modal-default()
-
-// NAVIGATION
-// ----------
+@import ../core/_index
 
-=navbar($bleed-container: false, $background: $dark-white)
-  +navbar-default($bleed-container, $background)
-
-// STATUSES
-// --------
-
-.status-bar
-  +statusBar()
-
-// TABLE
-// -----
-
-=table()
-  +table-default()
-
-// TILES
-// -----
-
-=tile($color: $dark-gray)
-  +tile-default($color)
-
-// TYPOGRAPHY
+// Typography
 // ----------
 
 =pre
@@ -146,22 +86,6 @@ pre
 
 =hero
   +hero-default
-  h1, h2, h3, h4, h5, h6, p
-    color: white
-    font-weight: 300
-
-  h1
-    +xxl-heading
-  h2
-    +xl-heading
-  h3
-    +lg-heading
-  h4
-    +md-heading
-  h5
-    +rg-heading
-  h6
-    +sm-heading
 
 =xxl-heading
   +xxl-heading-default
@@ -208,8 +132,107 @@ h5
 h6
   +xxs-heading
 
-=html
-  +html-default
+=type
+  +type-default
+
+html
+  +type-default
+
+=list-unstyled
+  +list-unstyled-default
+
+=list-horizontal
+  +list-horizontal-default
 
-html, li, p, table
-  +html
+//
+// Base Components
+// ===============
+// Base components get imported first so they can be custom themed and
+// used again in other parts of the core library.
+//
+
+@import ../core/_base_components
+
+// Alerts
+// ------
+
+=alert
+  +alert-default
+
+// Buttons
+// -------
+
+=button($color: map-get($white, dark), $size: 1)
+  +button-default($color, $size)
+
+// Forms
+// -----
+
+=form-horizontal()
+  +form-horizontal-default()
+
+=form-left
+  +form-left-default()
+
+=form-group()
+  +form-group-default()
+
+// Images
+// ------
+
+=thumbnail-content
+  +thumbnail-content-default
+
+=thumbnail
+  +thumbnail-default
+
+// Labels
+// ------
+
+=label($background-color: $blue)
+  +label-default($background-color)
+
+// Navigation
+// ----------
+
+=navbar($bleed-container: false, $background: map-get($white, dark))
+  +navbar-default($bleed-container, $background)
+
+// Table
+// -----
+
+=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 
+// componenets that have already been styled by the theme.
+//
+
+@import ../core/_dependent_components
+
+// Modals
+// ------
+
+=modal()
+  +modal-default()
+
+// Tooltips
+// --------
+
+=tooltip_trigger
+  +tooltip_trigger-default
+
+// Statuses
+// --------
+
+.status-bar
+  +statusBar()

data/lib/kickstart_rails/version.mustache

@@ -1,3 +1,3 @@
 module Kickstart_rails
-  VERSION = "0.2.{{ version }}"
+  VERSION = "0.3.{{ version }}"
 end

data/lib/kickstart_rails/version.rb

@@ -1,3 +1,3 @@
 module Kickstart_rails
-  VERSION = "0.2.410970240580"
+  VERSION = "0.3.411400890669"
 end

metadata

@@ -1,14 +1,14 @@
 --- !ruby/object:Gem::Specification
 name: kickstart_rails
 version: !ruby/object:Gem::Version
-  version: 0.2.410970240580
+  version: 0.3.411400890669
 platform: ruby
 authors:
 - Adam Kochanowicz
 autorequire: 
 bindir: bin
 cert_chain: []
-date: 2014-09-17 00:00:00.000000000 Z
+date: 2014-09-22 00:00:00.000000000 Z
 dependencies:
 - !ruby/object:Gem::Dependency
   name: bundler
@@ -97,15 +97,18 @@ files:
 - app/assets/javascripts/kickstart_rails/docs/throttler_edgePreload.js
 - app/assets/javascripts/kickstart_rails/kickstart.js
 - app/assets/javascripts/kickstart_rails/kickstart.min.js
-- app/assets/javascripts/kickstart_rails/test.js
+- app/assets/javascripts/kickstart_rails/test.js.REMOVED.git-id
 - app/assets/javascripts/kickstart_rails/throttler_edge.js
 - app/assets/javascripts/kickstart_rails/throttler_edgeActions.js
 - app/assets/javascripts/kickstart_rails/throttler_edgePreload.js
 - app/assets/stylesheets/index.scss
 - app/assets/stylesheets/kickstart_rails.scss
+- app/assets/stylesheets/kickstart_rails/components/_alerts.sass
 - 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/_images.sass
+- app/assets/stylesheets/kickstart_rails/components/_labels.sass
 - app/assets/stylesheets/kickstart_rails/components/_modals.sass
 - app/assets/stylesheets/kickstart_rails/components/_nav.sass
 - app/assets/stylesheets/kickstart_rails/components/_notifications.sass
@@ -113,16 +116,22 @@ files:
 - app/assets/stylesheets/kickstart_rails/components/_root-element.sass
 - app/assets/stylesheets/kickstart_rails/components/_status.sass
 - app/assets/stylesheets/kickstart_rails/components/_tables.sass
+- app/assets/stylesheets/kickstart_rails/components/_tabs.sass
 - app/assets/stylesheets/kickstart_rails/components/_tiles.sass
+- app/assets/stylesheets/kickstart_rails/components/_tooltips.sass
 - app/assets/stylesheets/kickstart_rails/components/_typography.sass
 - app/assets/stylesheets/kickstart_rails/core/_animations.sass
 - app/assets/stylesheets/kickstart_rails/core/_base.sass
+- app/assets/stylesheets/kickstart_rails/core/_base_components.sass
 - app/assets/stylesheets/kickstart_rails/core/_components.sass
+- app/assets/stylesheets/kickstart_rails/core/_dependent_components.sass
 - app/assets/stylesheets/kickstart_rails/core/_grid.sass
 - app/assets/stylesheets/kickstart_rails/core/_icons.sass
 - app/assets/stylesheets/kickstart_rails/core/_index.sass
 - app/assets/stylesheets/kickstart_rails/core/_mixins.sass
 - app/assets/stylesheets/kickstart_rails/core/_normalize.sass
+- app/assets/stylesheets/kickstart_rails/core/_root-element.sass
+- app/assets/stylesheets/kickstart_rails/core/_typography.sass
 - app/assets/stylesheets/kickstart_rails/docs.sass
 - app/assets/stylesheets/kickstart_rails/kickstart-semantic.sass
 - app/assets/stylesheets/kickstart_rails/kickstart.sass