kickstart_rails 3.0.39 → 3.0.40

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

@@ -0,0 +1,73 @@
+@import ../../themes/default/theme
+
+.row
+  +row
+
+.col-2
+  +column(2)
+
+.col-3
+  +column(3)
+
+.col-6
+  +column(6)
+
+.col-4
+  +column(4)
+
+.col-9
+  +column(9)
+
+.col-12
+  +column(12)
+
+.col-left-6
+  +left(6)
+
+.col-left-1
+  +left(1)
+
+.col-left-3
+  +left(3)
+
+.col-left-4
+  +left(4)
+
+.col-left-2
+  +left(2)
+
+.col-right-3
+  +right(3)
+
+.col-right-4
+  +right(4)
+
+.col-right-6
+  +right(6)
+
+.col-right-twothirds
+  +right('twothirds')
+
+.col-left-twothirds
+  +left('twothirds')
+
+.col-third
+  +column('third')
+
+.col-twothirds
+  +column('twothirds')
+
+.col-example
+  +root-element
+  background: map-get($white, darker)
+  color: map-get($black, lighter)
+  text-align: center
+
+  &.gray
+    background: white
+    margin:
+      bottom: 0
+      top: $space/2
+
+table
+  +table

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

@@ -0,0 +1,217 @@
+// Docs index
+// ==================
+// Generic styles that should be shared across the documentation
+
+@import themes/default/theme
+
+h1
+  +heading-rg
+
+h2
+  +heading-xs
+
+h3, h4, h5, h6
+  +heading-xxs 
+
+.docs-nav
+  +navbar($collapse: true, $layout: 'fluid')
+  margin-top: -$space
+
+.fixed-area
+  margin-top: -$space
+
+  @media screen and (max-width: $phablet)
+    +container
+
+  .fixed-main, .fixed-toc
+    @media screen and (min-width: $phablet)
+      float: left
+
+    form.switches
+      margin-bottom: $space
+
+  .fixed-main
+    @media screen and (min-width: $phablet)
+      width: 50%
+
+    @media screen and (min-width: $tablet)
+      width: 75%
+
+    @media screen and (min-width: $large-monitor)
+      width: 80%
+
+  .fixed-toc
+    width: 100%
+    font-size: 1rem
+    line-height: 2rem
+
+    @media screen and (min-width: $tablet)
+      font-size: 0.85rem
+
+    a
+      color: map-get($colors, blue)
+
+    ul
+      +list($style: 'unstyled')
+      margin-bottom: 0
+
+      > li
+        margin-bottom: 0 
+
+        > ul
+          // border-left: 1px solid map-get($colors, blue)
+          padding-left: $space/3
+          margin-bottom: $space/3
+
+    h1
+      +heading-xs 
+
+    @media screen and(min-width: $phablet)
+      padding: $space
+      width: 50%
+
+    @media screen and (min-width: $tablet)
+      width: 25%
+
+    @media screen and (min-width: $large-monitor)
+      width: 20%
+
+  // When in fixed position
+  &.fixed
+    .fixed-toc 
+      @media screen and (min-width: $phablet)
+        position: fixed
+        top: 0px
+        bottom: 0
+        left: 0
+        right: 50%
+        overflow: auto
+
+      @media screen and (min-width: $tablet)
+        right: 75%
+
+      @media screen and (min-width: $large-monitor)
+        right: 80% 
+
+      @media screen and (min-width: $xl-monitor)
+        left: calc(50vw - #{$xl-monitor/2})
+
+      @media screen and (min-width: $xxl-monitor)
+        left: calc(50vw - #{$xxl-monitor/2})
+
+    .fixed-main
+      @media screen and (min-width: $phablet)
+        margin-left: 50%
+
+      @media screen and (min-width: $tablet)
+        margin-left: 25%
+
+      @media screen and (min-width: $large-monitor)
+        margin-left: 20%
+
+.document
+  margin-bottom: $space * 4
+
+  .code
+    background: #1d1f21
+    padding: $space/4
+
+    p:first-child
+      display: none
+
+  @media screen and (min-width: $phablet)
+    .article, .code
+      padding: $space
+
+  @media screen and (min-width: $desktop)
+    display: flex
+    justify-content: flex-start
+    align-items: stretch
+    margin:
+      bottom: 0
+      top: 0
+
+    .article, .code
+      width: 50%
+      border-bottom: 1px solid map-get($white, darker)
+
+    .code
+      border-color: darken(map-get($colors, blue), 35%)
+
+    .article.article-full
+      width: 100%
+      position: relative
+
+      padding-right: calc(50% + #{$space})
+
+      &:after
+        content: ' '
+        display: block
+        position: absolute
+        top: 0
+        right: 0
+        left: 50%
+        bottom: -1px
+        // background: lighten(#1d1f21, 10%)
+        background: black
+        border-bottom: 1px solid map-get($black, light)
+
+.page_heading
+  +page_heading
+
+  h1
+    +heading-md
+
+    @media screen and (min-width: $phablet)
+      padding-left: $space
+      margin-bottom: 0
+
+  @media screen and (min-width: $phablet)
+    margin-top: $space
+
+  @media screen and (min-width: $desktop)
+    margin-bottom: 0
+
+// Highlight JS
+
+code, pre, kbd, samp
+  &.hljs
+    font-size: 0.9rem
+    font-family: $mono-font-family
+
+// Main page overrides
+.main-navigation
+  svg
+    fill: map-get($black, lighter)
+
+  +navbar($collapse: true, $background-color: white)
+
+// Optional doc blocks toggling
+.if-semantic, .if-jquery
+  display: none
+
+span.ifnot-semantic, span.ifnot-jquery
+  display: inline
+
+body.show-semantic
+  .ifnot-semantic
+    display: none
+
+  .if-semantic
+    display: block
+
+  span.if-semantic
+    display: inline
+    
+body.show-jquery
+  .ifnot-jquery
+    display: none
+
+  .if-jquery
+    display: block
+
+  span.if-jquery
+    display: inline
+
+.example
+  margin-bottom: $space

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

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

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

@@ -0,0 +1,52 @@
+@import ../../../themes/default/theme
+
+.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/pages/docs/ui/forms.sass

@@ -0,0 +1,31 @@
+@import ../../../themes/default/theme
+
+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/pages/docs/ui/images.sass

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

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

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

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

@@ -0,0 +1,18 @@
+@import ../../../themes/default/theme
+
+.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/pages/docs/ui/navigation.sass

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

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

@@ -0,0 +1,17 @@
+@import ../../../themes/default/theme
+
+.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)