kickstart_rails 3.0.8 → 3.0.11

data/app/assets/stylesheets/kickstart_rails/components/_buttons.sass

@@ -1,4 +1,4 @@
-=button-default($color: $secondary-color, $size: 1)
+=button-default($background-color: $secondary-color, $size: 1)
   display: inline-block
   cursor: pointer
   text-decoration: none
@@ -6,6 +6,7 @@
   text-align: left
   transition: box-shadow 0.15s
   vertical-align: middle
+  user-select: none
 
   &.with-submenu
     position: relative
@@ -31,34 +32,34 @@
   // TODO: Done this way, these properties are not mutex
   //       in the case of missing params.
 
-  +button-color($color)
+  +button-color($background-color)
   +root-element($size: $size)
   +button-size($size)
 
 // Separated from main mixin for access by non-semantic library.
 
-=button-color($color)
-  background-color: $color
+=button-color($background-color)
+  background-color: $background-color
 
   &.open
-    background-color: darken($color, 5%)
+    background-color: darken($background-color, 5%)
 
-  @if lightness($color) > 75%
+  @if lightness($background-color) > 75%
     color: map-get($black, lighter)
   @else
     color: white
 
-  @if $color == map-get($colors, yellow)
+  @if $background-color == map-get($colors, yellow)
     color: map-get($black, lighter)
 
-  @if $color == transparent
+  @if $background-color == transparent
     color: map-get($black, lighter)
 
 =button-size($size)
   padding: ($size * $size * map-get($rootElement, paddingV)) ($size * $size * map-get($rootElement, paddingH))
   line-height: $size * $default-line-height
   margin-bottom: 0
-  font-size: 0.9rem * $size
+  font-size: ($default-font-size - 2) * $size
   border-color: hsla(0, 0%, 0%, 0.15)
   padding:
     left: $size * $size * map-get($rootElement, paddingH)
@@ -100,7 +101,7 @@
   right: -$space
   border: 1px solid map-get($white, darker)
 
-=button-group-default($color, $size)
+=button-group-default($background-color, $size)
   list-style: none
   padding: 0
   margin:
@@ -116,7 +117,7 @@
 
     > a, > button, > input
       color: inherit
-      +button($color, $size)
+      +button($background-color, $size)
       text-decoration: inherit
       vertical-align: top
 

data/app/assets/stylesheets/kickstart_rails/components/_dropdown_menu.sass

@@ -34,6 +34,7 @@
           border-radius: 0
           background: white
           border-color: white
+          font-size: $default-font-size
 
           &:hover
             border-color: map-get($white, dark)

data/app/assets/stylesheets/kickstart_rails/components/_labels.sass

@@ -6,5 +6,8 @@
   line-height: normal
   font-weight: bold
 
+  @if $background-color == map-get($colors, yellow)
+    color: $default-font-color
+
   &:after
     border-top-color: $background-color

data/app/assets/stylesheets/kickstart_rails/components/_nav.sass

@@ -4,25 +4,34 @@
   @else
     color: rgba(0, 0, 0, 0.5)
 
-=navbar-default($bleed-container: false, $background: map-get($white, dark))
+=navbar-default($bleed-container: false, $background: map-get($white, dark), $breakpoint: $tablet, $collapse: false)
   background: $background
   box-shadow: 0px 1px 0px darken($background, 12%) inset
-  font-size: 0.9rem
+  font-size: $default-font-size
 
   nav
-    display: flex
-    align-items: flex-start
-    flex-wrap: wrap
-    justify-content: space-between
-    align-content: space-between
     width: 100%
     border-radius: 0
+    position: relative
 
     @if (lightness($background) < 75%)
       color: white
     @else
       color: $default-font-color
 
+    @media screen and (min-width: $breakpoint)
+      display: flex
+      align-items: flex-start
+      flex-wrap: wrap
+      justify-content: space-between
+      align-content: space-between
+
+
+    &.expand
+      @if $collapse == true
+        > ul > li
+          display: block
+
     h1
       margin-bottom: 0
       font-size: $base-font-size
@@ -31,27 +40,31 @@
     p
       margin: 0
 
-    @if ($bleed-container)
-      > ul:first-child
-        margin-left: (-1 * map-get($rootElement, paddingH))
+    @media screen and (min-width: $breakpoint)
+      @if ($bleed-container)
+        > ul:first-child
+          margin-left: (-1 * map-get($rootElement, paddingH))
 
-      > ul:last-child
-        margin-right: (-1 * map-get($rootElement, paddingH))
+        > ul:last-child
+          margin-right: (-1 * map-get($rootElement, paddingH))
 
     > ul
       margin: 0
       padding: 0
-      display: flex
-      justify-content: space-between
-      align-content: space-between
-      align-items: center
-      flex-wrap: wrap
+
+      @media screen and (min-width: $breakpoint)
+        display: flex
+        justify-content: space-between
+        align-content: space-between
+        align-items: center
+        flex-wrap: wrap
 
       &:last-child
-        > li.with-submenu.open
-          ul
-            left: auto
-            right: -1px
+        @media screen and (min-width: $breakpoint)
+          > li.with-submenu.open
+            ul
+              left: auto
+              right: -1px
 
       > li
         list-style: none
@@ -65,6 +78,26 @@
           right: map-get($rootElement, paddingH)
         position: relative
 
+        @if $collapse == true
+          display: none
+
+          @media screen and (min-width: $breakpoint)
+            display: block
+
+        &.navbar-title
+          display: flex
+          justify-content: space-between
+          align-items: center
+
+          button
+            +button(transparent)
+            border-color: transparent
+            color: inherit
+            display: block
+
+            @media screen and (min-width: $breakpoint)
+              display: none
+
         &.with-submenu // Added via k$.nav()
           padding: (2 * map-get($rootElement, paddingV) - 1) (map-get($rootElement, paddingH))
           +color($background)
@@ -133,4 +166,3 @@
           &:active
             background: darken($background, 15%)
             border-color: darken($background, 15%)
-

data/app/assets/stylesheets/kickstart_rails/components/_notifications.sass

@@ -1,4 +1,4 @@
-=statusBar
+=status_bar
   position: fixed
   top: 0
   left: 0
@@ -7,7 +7,7 @@
   display: flex
   pointer-events: none
 
-  .status-bar_status
+  .status_bar-status
     +label(map-get($colors, yellow))
     color: black
     text-align: center
@@ -17,14 +17,4 @@
     +fadeInDown
     z-index: 1000
 
-    &[data-type="success"]
-      background-color: map-get($colors, green)
-      color: white
-
-    &[data-type="error"]
-      background-color: map-get($colors, red)
-      color: white
-
-    &[data-type="info"]
-      background-color: map-get($colors, blue)
-      color: white
+  @content

data/app/assets/stylesheets/kickstart_rails/core/_direct-apply.sass

@@ -43,6 +43,30 @@ input[type="file"]::-webkit-file-upload-button
 
     +growl
 
+// Status
+// ------
+
+.status_bar
+  +status_bar
+    .status_bar-status
+      &[data-type="status-red"]
+        +label(map-get($colors, red))
+
+      &[data-type="status-orange"]
+        +label(map-get($colors, orange))
+
+      &[data-type="status-yellow"]
+        +label(map-get($colors, yellow))
+
+      &[data-type="status-green"]
+        +label(map-get($colors, green))
+
+      &[data-type="status-blue"]
+        +label(map-get($colors, blue))
+
+      &[data-type="status-violet"]
+        +label(map-get($colors, violet))
+
 // Tooltips
 // --------
 

data/app/assets/stylesheets/kickstart_rails/core/_icons.sass

@@ -1,3 +1,3 @@
 @font-face
  font-family: 'Kickstart'
- src: url(data:application/x-font-woff;charset=utf-8;base64,d09GRgABAAAAAAe4ABEAAAAAC6QAAQAAAAAAAAAAAAAAAAAAAAAAAAAAAABGRlRNAAABgAAAABwAAAAcbLftmUdERUYAAAGcAAAAHQAAACAAQQAET1MvMgAAAbwAAABBAAAAYGmniHdjbWFwAAACAAAAAGEAAAFyRd9OIGN2dCAAAAJkAAAABgAAAAYFEQBEZnBnbQAAAmwAAAGxAAACZVO0L6dnYXNwAAAEIAAAAAgAAAAI//8AA2dseWYAAAQoAAAAhwAAAJB4CZNoaGVhZAAABLAAAAAxAAAANgUBr2RoaGVhAAAE5AAAACAAAAAkC6YEd2htdHgAAAUEAAAANAAAAFAsIf93bG9jYQAABTgAAAARAAAAKgJgAlhtYXhwAAAFTAAAACAAAAAgAS4AOm5hbWUAAAVsAAABoQAAA24rGHWMcG9zdAAABxAAAABvAAAA0H6DyKVwcmVwAAAHgAAAAC4AAAAusPIrFHdlYmYAAAewAAAABgAAAAaCClQjAAAAAQAAAADMPaLPAAAAANAxGEAAAAAA0EkyiXjaY2BkYGDgA2IJBhBgYmAEQmEgZgHzGAAFGwBGAAAAeNpjYGZyYZzAwMrAwmrMcpaBgWEWhGY6y5DG+IYBDwiIDApmcGBQUP3DlvYvjYGBLY1BAyjMiKREgYERAFC9CwcAAAB42mNgYGBmgGAZBkYGEMgB8hjBfBaGACAtAIQgeQUGbYYFClwK+grxqn/+/4eLMMBE/j/+f/N/6gO2+4/ub74lDjUNBTCyMcCFGZmABBO6AohToICFYVADVrJ0AQA36BWEAAAAAAAARAURAAB42l1Ru05bQRDdDQ8DgcTYIDnaFLOZkMZ7oQUJxNWNYmQ7heUIaTdykYtxAR9AgUQN2q8ZoKGkSJsGIRdIfEI+IRIza4iiNDs7s3POmTNLypGqd+lrz1PnJJDC3QbNNv1OSLWzAPek6+uNjLSDB1psZvTKdfv+Cwab0ZQ7agDlPW8pDxlNO4FatKf+0fwKhvv8H/M7GLQ00/TUOgnpIQTmm3FLg+8ZzbrLD/qC1eFiMDCkmKbiLj+mUv63NOdqy7C1kdG8gzMR+ck0QFNrbQSa/tQh1fNxFEuQy6axNpiYsv4kE8GFyXRVU7XM+NrBXbKz6GCDKs2BB9jDVnkMHg4PJhTStyTKLA0R9mKrxAgRkxwKOeXcyf6kQPlIEsa8SUo744a1BsaR18CgNk+z/zybTW1vHcL4WRzBd78ZSzr4yIbaGBFiO2IpgAlEQkZV+YYaz70sBuRS+89AlIDl8Y9/nQi07thEPJe1dQ4xVgh6ftvc8suKu1a5zotCd2+qaqjSKc37Xs6+xwOeHgvDQWPBm8/7/kqB+jwsrjRoDgRDejd6/6K16oirvBc+sifTv7FaAAAAAAAAAf//AAJ42mNgYnBhYGBKYQ1lYGZgZ9DbyMigb7OJnYXxrdFGNtY7NpuYmYBMho3MIGFWkPAmdjamPzabGEHixoKKgqqKgoouTAr/VBhn/MtgDf212oXlLAMDA+N/Y8ZpbFwsWQysDAzMimxAw8+yXTf6W7buLzdLltbfZxOYChhA6hiQgCEDAJguIWcAeNpjYGRgYADiV5mzneL5bb4yyHMwgMAFT6NOGP3fmIGBjYs1FMjlYGACiQIAHf0JRwAAAHjaY2BkYGBL+3+DgYE19L/xf1M2LgagCAoQAQCEpQUqeNpjesPgwgAETKuAGEiz2v83ZoLyWUMRNONxIAbSDI+hGCjOKAikvSE0SI4FyAUAxScJvHjaY2Bg0IFCB7zQAwBY8gS5AAAAAAEAAAAUAAgAAgAAAAAAAgABAAIAFgAAAQAALgAAAAB42oVSS04CQRB9M+CHhcaVC1d9AXFAZCEbjQmJioY4UeLOmWH4RGQQRoguXHgAT+CKI3gK3brzGp7A1zUdIBMT0+nu11X16tsA1jBFBlY2B+CZO8EWNvhKsI11vBqcQRlvBmeh8GXwEs7xY/AylHVg8Aqm1o3BqzixbYNzUHbN4A9s2j2DP+HYLwn+zmDLfscRIgzwiCG6aKODmFGLcFBAiegQTep9hMQurUbUh7jjrXCMPgJqh+Tr0xNdE3nh9bjUgteRvELeIe+xsbykj5g2Ma215IJnGw98ebQq0MKRVUEd19S6RGnOdoqV1quU/koyGNEioqVKRXEpcaT+vLkrzD+it0DsxzNGHnuc1n/Z1EXuSd1JB1oSX5ERydkRzV9z0JxAvCeZtqTPc05L5LFIdP+bMhsd9ZYyPY9Y/PnMZu6lL9V06VlPIz/rrELV+NOZ+3zXiJN57nCfmQgKE6m3s8CoCUP/Fo8ZKJxSHtDCk2gTifaEBtn+QtZJHxtmSi7vgfy+kpxF7BOVee5yzX9ldcZ3cc/KuqxR97X3C5qFiL4AAAB42m3Fyw7BUBSG0f21tK51iQfZPRyXYSPpoyiJiImBpyec38yaLMvs69XZyf5ZmZGRW24VPfoUlAwYMmLMhCkVM+YsWBbd9Xk/16lQPm4X98Y/B/fftQ56rTc66q3e6b0+6CYd2nRMx/b4BsPPJ08AuAH/hbABjQBLsAhQWLEBAY5ZsUYGK1ghsBBZS7AUUlghsIBZHbAGK1xYWbAUKwAAAAFUI4IJAAA=) format('opentype')
+ src: url(data:application/x-font-woff;charset=utf-8;base64,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) format('opentype')

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

@@ -28,7 +28,7 @@
     +column(8, 2, 2)
 
 .main-navigation
-  +navbar($bleed-container: true)
+  +navbar($bleed-container: true, $collapse: true)
 
   .logo
     height: 30px
@@ -38,7 +38,7 @@
     opacity: 0.8
 
 .docs-nav
-  +navbar($bleed-container: true, $background: map-get($black, lightest))
+  +navbar($bleed-container: true, $background: map-get($black, lightest), $collapse: true)
 
 // Colors
 // Kind of shitty, but there is a colors page that directly relies on this.

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

@@ -228,7 +228,6 @@
 
   &.label-yellow
     +label(map-get($colors, yellow))
-    color: map-get($black, light)
 
   &.label-green
     +label(map-get($colors, green))
@@ -239,6 +238,12 @@
   &.label-violet
     +label(map-get($colors, violet))
 
+  &.label-primary
+    +label($primary-color)
+
+  &.label-secondary
+    +label($secondary-color)
+
 // NAVIGATION
 // ----------
 
@@ -248,12 +253,6 @@
 .navbar-dark
   +navbar($background: map-get($black, lighter))
 
-// STATUS
-// ------
-
-.status-bar
-  +statusBar
-
 // TABLES
 // ------
 table

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

@@ -191,8 +191,8 @@ hr
 // Navigation
 // ----------
 
-=navbar($bleed-container: false, $background: map-get($white, dark))
-  +navbar-default($bleed-container, $background)
+=navbar($bleed-container: false, $background: map-get($white, dark), $breakpoint: $tablet, $collapse: false)
+  +navbar-default($bleed-container, $background, $breakpoint, $collapse)
 
 =dropdown_menu
   +dropdown_menu-default
@@ -251,11 +251,5 @@ hr
 =tooltip_trigger
   +tooltip_trigger-default
 
-// Statuses
-// --------
-
-.status-bar
-  +statusBar()
-
 @import ../core/_direct-apply.sass
 @import ../vendor/_index

data/lib/kickstart_rails/version.rb

@@ -1,3 +1,3 @@
 module Kickstart_rails
-  VERSION = "3.0.8"
+  VERSION = "3.0.11"
 end

metadata

@@ -1,14 +1,14 @@
 --- !ruby/object:Gem::Specification
 name: kickstart_rails
 version: !ruby/object:Gem::Version
-  version: 3.0.8
+  version: 3.0.11
 platform: ruby
 authors:
 - Adam Kochanowicz
 autorequire: 
 bindir: bin
 cert_chain: []
-date: 2014-10-01 00:00:00.000000000 Z
+date: 2014-10-02 00:00:00.000000000 Z
 dependencies:
 - !ruby/object:Gem::Dependency
   name: bundler