kickstart_rails 3.0.16 → 3.0.17

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

@@ -0,0 +1,74 @@
+// Docs index
+// ==================
+// Generic styles that should be shared across the documentation
+
+@import themes/_canary
+
+.docs-nav
+  +navbar($collapse: true, $layout: 'fluid')
+  margin-top: -$space
+
+.fixed-area
+  @media screen and (max-width: $tablet)
+    +container
+
+.fixed-toc, .fixed-main
+  @media screen and (min-width: $tablet)
+    position: absolute
+    top: 88px
+    bottom: 0
+    overflow: auto
+
+.fixed-toc
+  ul
+    +list($style: 'unstyled')
+
+  @media screen and (min-width: $tablet)
+    left: 0
+    right: 50%
+    padding: $space
+
+    h1
+      +heading-xxs
+
+  @media screen and (min-width: $desktop)
+    right: 75%
+
+.fixed-main
+  @media screen and (min-width: $tablet)
+    left: 50%
+    right: 0
+
+  @media screen and (min-width: $desktop)
+    left: 25%
+
+.document
+
+  .code
+    background: #1d1f21
+    padding: $space
+
+    > p:first-child
+      display: none
+
+  @media screen and (min-width: $desktop)
+    display: flex
+    justify-content: flex-start
+    align-items: stretch
+
+    .article, .code
+      width: 50%
+      padding: $space
+        left: 0
+      border-bottom: 1px solid map-get($brown, lightest)
+
+    .code
+      padding: $space
+      border-color: darken(map-get($colors, blue), 35%)
+
+// Highlight JS
+
+code, pre, kbd, samp
+  &.hljs
+    font-size: 0.9rem
+

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

@@ -0,0 +1,59 @@
+// Index Page
+// ==========
+// Homepage for getkickstart.com
+
+@import themes/_canary
+
+.index-hero
+  background: map-get($brown, darkest)
+  padding: ($space * 2)
+  margin:
+    top: -$space
+    bottom: $space
+  border:
+    bottom: 1px solid map-get($brown, light)
+    top: 2px solid map-get($colors, red)
+
+  @media screen and (min-width: $desktop)
+    padding: ($space * 4)
+    margin-bottom: $space * 4
+
+  svg
+    display: block
+    margin: 0px auto
+    max-width: 90%
+    width: 700px
+    fill: white
+
+  h5
+    +heading-sm
+    text-align: center
+    color: map-get($brown, light)
+
+    @media screen and (min-width: $desktop)
+      +heading-md
+
+.first-pitch, .second-pitch, .third-pitch
+  +row
+
+  h1
+    +heading-md
+
+  p
+    +p(true)
+
+.first-pitch
+  .feature
+    +column('half')
+
+.second-pitch
+  .feature
+    +column('third')
+
+.third-pitch
+  .feature
+    +column('half')
+
+    @media screen and (min-width: $desktop)
+      +column(3)
+

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

@@ -0,0 +1,258 @@
+//
+// 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)
+$brown: (lightest: #f2efeb, lighter: #d8cdb4, light: #c6b799, darkest: #1e1c17)
+
+// Rainbow
+$colors: (red: #9b0000, orange: #f7a828, yellow: #fdd726, green: #a2c939, blue: #37a5e2, violet: #8744c1)
+
+// 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, yellow)
+$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
+$default-font-color:  map-get($black, lightest)
+$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-default
+
+=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

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

@@ -136,14 +136,8 @@ h6
 html
   +type-default
 
-=list
-  +list-default
-
-=list-unstyled
-  +list-unstyled-default
-
-=list-horizontal
-  +list-horizontal-default
+=list($style: 'none')
+  +list-default($style)
 
 //
 // Base Components
@@ -196,8 +190,8 @@ hr
 // Navigation
 // ----------
 
-=navbar($layout: 'none', $background: map-get($white, dark), $breakpoint: $tablet, $collapse: false)
-  +navbar-default($layout, $background, $breakpoint, $collapse)
+=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
@@ -220,17 +214,11 @@ hr
 // Forms
 // -----
 
-=form
-  +form-default
-
-=form-horizontal
-  +form-horizontal-default
-
-=form-left
-  +form-left-default()
+=form($layout: 'none')
+  +form-default($layout)
 
-=form_group($orientation: 'vertical')
-  +form_group-default($orientation)
+=form_group($layout: 'vertical')
+  +form_group-default($layout)
 
 // Growls
 // ------
@@ -250,6 +238,15 @@ hr
 =pagination($background: map-get($white, darker))
   +pagination-default($background)
 
+// Tabs
+// ----
+
+=tabs
+  +tabs-default
+
+=tab_pane_container
+  +tab_pane_container-default
+
 // Tooltips
 // --------