kickstart_rails 3.0.39 → 3.0.40

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

@@ -0,0 +1,13 @@
+@import ../../../themes/default/theme
+
+.table
+  +table
+
+  &.table-blank
+    +table-blank
+
+  &.table-zebra
+    +table-zebra
+
+  &.table-hover
+    +table-hover

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

@@ -0,0 +1,7 @@
+@import ../../../themes/default/theme
+
+.tabs
+  +tabs
+
+.tab_pane_container
+  +tab_pane_container

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

@@ -0,0 +1,7 @@
+@import ../../../themes/default/theme
+
+.tooltip_trigger
+  +tooltip_trigger
+
+.list-unstyled
+  +list('unstyled')

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

@@ -0,0 +1,56 @@
+@import ../../../themes/default/theme
+
+.example
+  h1
+    +heading-lg
+
+    &.xxl
+      +heading-xxl
+
+    &.xl
+      +heading-xl
+
+    &.lg
+      +heading-lg
+
+    &.md
+      +heading-md
+
+    &.rg
+      +heading-rg
+
+    &.sm
+      +heading-sm
+
+    &.xs
+      +heading-xs
+
+    &.xxs
+      +heading-xxs
+
+  h2
+    +heading-md
+
+  h3
+    +heading-rg
+
+  h4
+    +heading-sm
+
+  h5
+    +heading-xs
+
+  h6
+    +heading-xxs
+
+  p.readable
+    +p(true)
+
+  .page-heading
+    +page-heading
+
+.list-unstyled
+  +list($style: 'unstyled')
+
+  &.list-horizontal
+    +list($style: 'unstyled horizontal')

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

@@ -0,0 +1,105 @@
+// Index Page
+// ==========
+// Homepage for getkickstart.com
+
+@import themes/default/theme
+
+video
+  max-width: 100%
+  margin-bottom: -$space/2
+
+.index-hero
+  background-color: white
+  background: url('/img/hero.jpg')
+  background-repeat: no-repeat
+  background-position: center center
+  background-size: 200% 100%
+  padding: ($space * 2)
+  margin:
+    top: -72px
+    bottom: $space
+  padding-top: 70px
+
+  @media screen and (min-width: $desktop)
+    padding: ($space * 4)
+    margin-bottom: $space * 4
+    height: 500px
+    background-size: $xxl-monitor 100%
+
+  svg
+    display: block
+    margin: 0px auto
+    max-width: 70%
+    width: 700px
+    fill: white
+
+  h2
+    +heading-sm
+    text-align: center
+    color: white
+    opacity: 0.75
+
+    @media screen and (min-width: $desktop)
+      +heading-md
+
+.first-pitch, .second-pitch, .third-pitch
+  +row
+
+  @media screen and (min-width: $tablet)
+    margin-bottom: $space * 3
+
+  h1
+    +heading-md
+
+  p
+    +p(true)
+
+.first-pitch
+  .feature-image
+    +column('third')
+
+    img
+      max-width: 100%
+
+  .feature
+    +column('twothirds')
+    margin:
+      bottom: $space * 2
+
+.second-pitch
+  .feature
+    +column('third')
+
+  h1
+    +heading-rg
+
+.third-pitch
+  .feature
+    +column('half')
+
+    @media screen and (min-width: $desktop)
+      +column(3)
+
+    h1
+      +heading-sm
+
+.specs
+  +row
+
+  h1
+    +heading-xs
+    +column(12)
+
+  .spec
+    +column(6)
+
+    @media screen and (min-width: $desktop)
+      +column(3)
+
+dl
+  font-size: 0.85rem
+
+  dt
+    font-weight: bold
+  dd
+    margin-left: 0

data/app/assets/stylesheets/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($args...)
+  +container-default($args...)
+
+// Typography
+// ----------
+
+=pre
+  +pre-default
+
+pre
+  +pre
+
+=code
+  +code-default
+
+=p($args...)
+  +p-default($args...)
+
+=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($args...)
+  +list-default($args...)
+
+//
+// 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($args...)
+  +alert-default($args...)
+
+// Buttons
+// -------
+
+=button($args...)
+  +button-default($args...)
+
+=button-group($args...)
+  +button-group-default($args...)
+
+// HR
+// --
+
+=hr
+  +hr-default
+
+hr
+  +hr
+
+// Images
+// ------
+
+=thumbnail-content
+  +thumbnail-content-default
+
+=thumbnail
+  +thumbnail-default
+
+// Labels
+// ------
+
+=label($args...)
+  +label-default($args...)
+
+// Navigation
+// ----------
+
+=navbar($args...)
+  +navbar-default($args...)
+
+=dropdown_menu
+  +dropdown_menu-default
+
+// Table
+// -----
+
+=table($args...)
+  +table-default($args...)
+
+//
+// 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($args...)
+  +form-default($args...)
+
+=form_group($args...)
+  +form_group-default($args...)
+
+// Growls
+// ------
+
+=growl
+  +growl-default
+
+// Modals
+// ------
+
+=modal()
+  +modal-default()
+
+// Pagination
+// ----------
+
+=pagination($args...)
+  +pagination-default($args...)
+
+// 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($args...)
+  +switch-default($args...)