RubyGems - kickstart_rails - Versions diffs - 3.0.8 → 3.0.11 - Mend

kickstart_rails 3.0.8 → 3.0.11

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.

Files changed (17) hide show

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

@@ -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 CHANGED Viewed

@@ -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 CHANGED Viewed

@@ -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 CHANGED Viewed

@@ -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 CHANGED Viewed

@@ -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 CHANGED Viewed

@@ -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 CHANGED Viewed

@@ -1,3 +1,3 @@
 @font-face
  font-family: 'Kickstart'
- src: url(data:application/x-font-woff;charset=utf-8;base64,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) 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 CHANGED Viewed

@@ -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 CHANGED Viewed

@@ -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 CHANGED Viewed

@@ -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 CHANGED Viewed

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

metadata CHANGED Viewed

@@ -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