kickstart_rails 3.0.17 → 3.0.18

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

@@ -0,0 +1,5 @@
+@import ../../../themes/_default
+
+.alert
+  +alert
+  background: map-get($colors, blue)

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

@@ -0,0 +1,52 @@
+@import ../../../themes/_default
+
+.button
+  &.button-green
+    +button-color(map-get($colors, green))
+  &.button-red
+    +button-color(map-get($colors, red))
+  &.button-blue
+    +button-color(map-get($colors, blue))
+  &.button-yellow
+    +button-color(map-get($colors, yellow))
+  &.button-orange
+    +button-color(map-get($colors, orange))
+
+  &.button-small
+    +button-size(0.85)
+
+  &.button-large
+    +button-size(1.2)
+
+.button-group
+  +button-group
+
+  &.button-green
+    button
+      +button-color(map-get($colors, green))
+  &.button-violet
+    button
+      +button-color(map-get($colors, violet))
+  &.button-red
+    button
+      +button-color(map-get($colors, red))
+
+  &.button-small
+    button
+      +button-size(0.85)
+
+  &.button-large
+    button
+      +button-size(1.2)
+
+.notice
+  +label($background-color: map-get($colors, yellow))
+
+.row
+  +row
+
+.col-4
+  +column(4)
+
+.list-unstyled
+  +list('unstyled')

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

@@ -0,0 +1,31 @@
+@import ../../../themes/_default
+
+form.form
+  +form
+
+  input[type="submit"]
+    +button($primary-color)
+
+  &.form_horizontal
+    +form('horizontal')
+
+  &.form-left
+    +form('left')
+
+.form_group
+  +form_group
+
+  &.form_group-horizontal
+    +form_group('horizontal')
+
+.row
+  +row
+
+.col-third
+  +column('third')
+
+.col-twothirds
+  +column('twothirds')
+
+.col-twothirds.col-left-third
+  +column('twothirds', 0, 'third')

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

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

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

@@ -0,0 +1,7 @@
+@import ../../../themes/_default
+
+.thumbnail
+  +thumbnail
+
+.thumbnail-content
+  +thumbnail_content

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

@@ -0,0 +1,10 @@
+@import ../../../themes/_default
+
+.label
+  +label
+
+  &.label-red
+    +label(map-get($colors, red))
+
+  &.label-green
+    +label(map-get($colors, green))

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

@@ -0,0 +1,18 @@
+@import ../../../themes/_default
+
+.modal, .modal-example
+  +modal
+
+.modal-example
+  +modal
+
+  &.override
+    max-width: 100%
+    display: block
+    position: static
+    box-shadow: 0px 0px 5px rgba(0, 0, 0, 0.5)
+    left: auto
+    right: auto
+    top: auto
+    bottom: auto
+    margin: 0

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

@@ -0,0 +1,14 @@
+@import ../../../themes/_default
+
+.navbar
+  +navbar
+
+  &.navbar-blue
+    +navbar-color(map-get($colors, blue))
+
+.pagination
+  +pagination
+
+.document
+  img
+    max-width: 100%

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

@@ -0,0 +1,17 @@
+@import ../../../themes/_default
+
+.growl
+  +alert
+
+  &.alert-yellow
+    background-color: map-get($colors, yellow)
+    color: black
+
+  &.alert-red
+    background-color: map-get($colors, red)
+
+  &.alert-blue
+    background-color: map-get($colors, blue)
+
+  &.alert-green
+    background-color: map-get($colors, green)

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

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

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

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

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

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

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

@@ -0,0 +1,56 @@
+@import ../../../themes/_default
+
+.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/kickstart_rails/pages/index.sass

@@ -2,33 +2,42 @@
 // ==========
 // Homepage for getkickstart.com
 
-@import themes/_canary
+@import themes/_default
+
+video
+  max-width: 100%
+  margin-bottom: -$space/2
 
 .index-hero
-  background: map-get($brown, darkest)
+  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: -$space
-    bottom: $space
-  border:
-    bottom: 1px solid map-get($brown, light)
-    top: 2px solid map-get($colors, red)
+    top: -70px
+    bottom: $space 
+  padding-top: 70px
 
   @media screen and (min-width: $desktop)
     padding: ($space * 4)
     margin-bottom: $space * 4
+    height: 500px
+    background-size: 1400px 100%
 
   svg
     display: block
     margin: 0px auto
-    max-width: 90%
+    max-width: 70%
     width: 700px
     fill: white
 
-  h5
+  h2
     +heading-sm
     text-align: center
-    color: map-get($brown, light)
+    color: white
+    opacity: 0.75
 
     @media screen and (min-width: $desktop)
       +heading-md
@@ -36,6 +45,9 @@
 .first-pitch, .second-pitch, .third-pitch
   +row
 
+  @media screen and (min-width: $tablet)
+    margin-bottom: $space * 3
+
   h1
     +heading-md
 
@@ -43,13 +55,24 @@
     +p(true)
 
 .first-pitch
+  .feature-image
+    +column('third')
+
+    img
+      max-width: 100%
+
   .feature
-    +column('half')
+    +column('twothirds')
+    margin:
+      bottom: $space * 2
 
 .second-pitch
   .feature
     +column('third')
 
+  h1
+    +heading-rg
+
 .third-pitch
   .feature
     +column('half')
@@ -57,3 +80,27 @@
     @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/kickstart_rails/themes/_canary.sass

@@ -35,8 +35,9 @@ $colors: (red: #9b0000, orange: #f7a828, yellow: #fdd726, green: #a2c939, blue:
 $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
+$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($black, lightest)
 $default-line-height: 1.4rem
@@ -112,6 +113,7 @@ pre
 
 h1, h2, h3, h4, h5, h6
   font-family: $heading-font-family
+  color: map-get($black, lighter)
 
 h1
   +heading-lg
@@ -133,9 +135,10 @@ h6
 
 =type
   +type-default
+  color: map-get($gray, darker)
 
 html
-  +type-default
+  +type
 
 =list($style: 'none')
   +list-default($style)
@@ -160,6 +163,7 @@ html
 
 =button($background-color: map-get($white, dark), $size: 1)
   +button-default($background-color, $size)
+    border-color: transparent
 
 =button-group($color: map-get($white, dark), $size: 1)
   +button-group-default($color, $size)
@@ -194,6 +198,10 @@ hr
 =navbar($layout: 'none', $background-color: map-get($white, dark), $breakpoint: $tablet, $collapse: false, $fixed: false)
   +navbar-default($layout, $background-color, $breakpoint, $collapse, $fixed)
 
+    nav
+      h1
+        font-family: $body-font-family
+
 =dropdown_menu
   +dropdown_menu-default
 

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

@@ -34,8 +34,9 @@ $colors: (red: #CA3518, orange: darkorange, yellow: #ffe312, green: #58AA00, blu
 $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
+$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
@@ -134,7 +135,7 @@ h6
   +type-default
 
 html
-  +type-default
+  +type
 
 =list($style: 'none')
   +list-default($style)