kickstart_rails 3.0.20 → 3.0.21

data/app/assets/stylesheets/kickstart_rails/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/kickstart_rails/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/kickstart_rails/docs.sass

@@ -4,7 +4,7 @@
 // Page-level styling goes elsewhere.
 
 // Choose your theme
-@import themes/_default
+@import themes/default/theme
 
 // Basic layout
 // ------------
@@ -38,7 +38,7 @@ body
 
     > ul > li > a:not([role=button])
       color: map-get($black, light)
-    
+
     svg
       fill: map-get($black, light)
 
@@ -84,6 +84,12 @@ iframe.animation
 // Buttons
 .button
   +button
-  
+
   &.button-primary
     +button-color($primary-color)
+
+// Switches
+// --------
+
+.switch
+  +switch

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

@@ -1,4 +1,4 @@
-@import themes/_default
+@import themes/default/theme
 
 .main-navigation
   +navbar($background-color: white)

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

@@ -5,6 +5,6 @@
 //  the same .css name from your html/jade file.
 
 // Choose your theme
-@import themes/_default
+@import themes/default/theme
 
 // Now write your own Sass

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

@@ -6,7 +6,7 @@
 //  classes for all the components.
 
 // Import the semantic index
-@import themes/_default
+@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)

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

@@ -1,4 +1,4 @@
-@import ../../themes/_default
+@import ../../themes/default/theme
 
 .row
   +row

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

@@ -2,7 +2,7 @@
 // ==================
 // Generic styles that should be shared across the documentation
 
-@import themes/_default
+@import themes/default/theme
 
 h1
   +heading-rg
@@ -27,6 +27,9 @@ h3, h4, h5, h6
     @media screen and (min-width: $phablet)
       float: left
 
+    form.switches
+      margin-bottom: $space
+
   .fixed-main
     @media screen and (min-width: $phablet)
       width: 50%

data/app/assets/stylesheets/kickstart_rails/pages/docs/ui/alerts.sass

@@ -1,4 +1,4 @@
-@import ../../../themes/_default
+@import ../../../themes/default/theme
 
 .alert
   +alert

data/app/assets/stylesheets/kickstart_rails/pages/docs/ui/buttons.sass

@@ -1,4 +1,4 @@
-@import ../../../themes/_default
+@import ../../../themes/default/theme
 
 .button
   &.button-green

data/app/assets/stylesheets/kickstart_rails/pages/docs/ui/forms.sass

@@ -1,4 +1,4 @@
-@import ../../../themes/_default
+@import ../../../themes/default/theme
 
 form.form
   +form

data/app/assets/stylesheets/kickstart_rails/pages/docs/ui/image.sass

@@ -1,4 +1,4 @@
-@import ../../../themes/_default
+@import ../../../themes/default/theme
 
 .thumbnail
   +thumbnail

data/app/assets/stylesheets/kickstart_rails/pages/docs/ui/images.sass

@@ -1,4 +1,4 @@
-@import ../../../themes/_default
+@import ../../../themes/default/theme
 
 .thumbnail
   +thumbnail

data/app/assets/stylesheets/kickstart_rails/pages/docs/ui/labels.sass

@@ -1,4 +1,4 @@
-@import ../../../themes/_default
+@import ../../../themes/default/theme
 
 .label
   +label

data/app/assets/stylesheets/kickstart_rails/pages/docs/ui/modals.sass

@@ -1,4 +1,4 @@
-@import ../../../themes/_default
+@import ../../../themes/default/theme
 
 .modal, .modal-example
   +modal

data/app/assets/stylesheets/kickstart_rails/pages/docs/ui/navigation.sass

@@ -1,4 +1,4 @@
-@import ../../../themes/_default
+@import ../../../themes/default/theme
 
 .navbar
   +navbar

data/app/assets/stylesheets/kickstart_rails/pages/docs/ui/notifications.sass

@@ -1,4 +1,4 @@
-@import ../../../themes/_default
+@import ../../../themes/default/theme
 
 .growl
   +alert

data/app/assets/stylesheets/kickstart_rails/pages/docs/ui/tables.sass

@@ -1,4 +1,4 @@
-@import ../../../themes/_default
+@import ../../../themes/default/theme
 
 .table
   +table

data/app/assets/stylesheets/kickstart_rails/pages/docs/ui/tabs.sass

@@ -1,4 +1,4 @@
-@import ../../../themes/_default
+@import ../../../themes/default/theme
 
 .tabs
   +tabs

data/app/assets/stylesheets/kickstart_rails/pages/docs/ui/tooltips.sass

@@ -1,4 +1,4 @@
-@import ../../../themes/_default
+@import ../../../themes/default/theme
 
 .tooltip_trigger
   +tooltip_trigger

data/app/assets/stylesheets/kickstart_rails/pages/docs/ui/typography.sass

@@ -1,4 +1,4 @@
-@import ../../../themes/_default
+@import ../../../themes/default/theme
 
 .example
   h1

data/app/assets/stylesheets/kickstart_rails/pages/index.sass

@@ -2,7 +2,7 @@
 // ==========
 // Homepage for getkickstart.com
 
-@import themes/_default
+@import themes/default/theme
 
 video
   max-width: 100%
@@ -17,7 +17,7 @@ video
   padding: ($space * 2)
   margin:
     top: -70px
-    bottom: $space 
+    bottom: $space
   padding-top: 70px
 
   @media screen and (min-width: $desktop)
@@ -103,4 +103,3 @@ dl
     font-weight: bold
   dd
     margin-left: 0
-

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

@@ -256,3 +256,9 @@ hr
 
 @import ../core/_direct-apply.sass
 @import ../vendor/_index
+
+// Switches
+// --------
+
+=switch($color: $primary-color)
+  +switch-default($color)

data/app/assets/stylesheets/kickstart_rails/themes/default/theme.sass

@@ -0,0 +1,264 @@
+//
+// 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
+// ---------
+
+// 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
+$colors: (red: #CA3518, orange: darkorange, yellow: #ffe312, green: #58AA00, blue: cornflowerblue, violet: darkmagenta)
+
+// Vendor libraries
+@import url(//fonts.googleapis.com/css?family=Lato:300,400,700,400italic)
+
+// Ten point design variables
+// --------------------------
+// Modifying just these ten variables will take care of 90% of your theme
+
+$primary-color:       map-get($colors, blue)
+$secondary-color:     map-get($white, darker)
+$space:               25px
+$heading-font-family: 'museo-sans', 'Lato', helvetica neue, sans-serif
+$body-font-family:    'museo-sans', 'Lato', helvetica neue, sans-serif
+$mono-font-family:    'ubuntu-mono', monospace
+$base-font-size:      16px
+$default-font-color:  map-get($gray, darkest)
+$default-line-height: 1.4rem
+
+// --------------------------
+
+$scalingFactor: 0.2vw
+
+$rootElement: (paddingV: 5px, paddingH: 12px, border-radius: 3px)
+
+$default-font: $body-font-family
+$default-font-size: $base-font-size  // TODO: Why?
+
+//
+// Core styling
+// ------------
+// Lowest-level styling meant to be inherited by components.
+//
+
+@import core/_index
+
+// Grid
+
+=container($fluid: false)
+  +container-default($fluid)
+
+// Typography
+// ----------
+
+=pre
+  +pre-default
+
+pre
+  +pre
+
+=code
+  +code-default
+
+=p($content-optimized: false)
+  +p-default($content-optimized)
+
+=page-heading
+  +page-heading-default
+  h1, h2, h3, h4, h5, h6
+    // Styles should go here.
+
+=hero
+  +hero-default
+
+=heading-xxl
+  +heading-xxl-default
+
+=heading-xl
+  +heading-xl-default
+
+=heading-lg
+  +heading-lg-default
+
+=heading-md
+  +heading-md-default
+
+=heading-rg
+  +heading-rg-default
+
+=heading-sm
+  +heading-sm-default
+
+=heading-xs
+  +heading-xs-default
+
+=heading-xxs
+  +heading-xxs-default
+
+h1, h2, h3, h4, h5, h6
+  font-family: $heading-font-family
+
+h1
+  +heading-lg
+
+h2
+  +heading-md
+
+h3
+  +heading-rg
+
+h4
+  +heading-sm
+
+h5
+  +heading-xs
+
+h6
+  +heading-xxs
+
+=type
+  +type-default
+
+html
+  +type
+
+=list($style: 'none')
+  +list-default($style)
+
+//
+// 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($background-color: map-get($white, dark), $size: 1)
+  +button-default($background-color, $size)
+
+=button-group($color: map-get($white, dark), $size: 1)
+  +button-group-default($color, $size)
+
+// HR
+// --
+
+=hr
+  +hr-default
+
+hr
+  +hr
+
+// Images
+// ------
+
+=thumbnail-content
+  +thumbnail-content-default
+
+=thumbnail
+  +thumbnail-default
+
+// Labels
+// ------
+
+=label($background-color: map-get($colors, blue))
+  +label-default($background-color)
+
+// Navigation
+// ----------
+
+=navbar($layout: 'none', $background-color: map-get($white, dark), $breakpoint: $tablet, $collapse: false, $fixed: false)
+  +navbar-default($layout, $background-color, $breakpoint, $collapse, $fixed)
+
+=dropdown_menu
+  +dropdown_menu-default
+
+// Table
+// -----
+
+=table($blank: false, $zebra: false, $hover: false)
+  +table-default($blank, $zebra, $hover)
+
+//
+// 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
+
+// Forms
+// -----
+
+=form($layout: 'none')
+  +form-default($layout)
+
+=form_group($layout: 'vertical')
+  +form_group-default($layout)
+
+// Growls
+// ------
+
+=growl
+  +growl-default
+
+// Modals
+// ------
+
+=modal()
+  +modal-default()
+
+// Pagination
+// ----------
+
+=pagination($background: map-get($white, darker))
+  +pagination-default($background)
+
+// Tabs
+// ----
+
+=tabs
+  +tabs-default
+
+=tab_pane_container
+  +tab_pane_container-default
+
+// Tooltips
+// --------
+
+=tooltip_trigger
+  +tooltip_trigger-default
+
+@import core/_direct-apply.sass
+@import vendor/_index
+
+// Switches
+// --------
+
+=switch($color: $primary-color)
+  +switch-default($color)