kickstart_rails 3.0.14 → 3.0.15

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

@@ -0,0 +1,11 @@
+=pagination-default($background: map-get($white, dark))
+  display: flex
+  align-items: flex-start
+  flex-wrap: wrap
+  justify-content: space-between
+  align-content: space-between
+
+  > ul
+    +button-group-default($background-color: map-get($white, dark), $size: 1)
+
+  @content

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

@@ -1,4 +1,4 @@
-=table-default
+=table-default($blank: false, $zebra: false, $hover: false)
   border-collapse: collapse
   background: white
   border-spacing: 0
@@ -15,6 +15,8 @@
     color: black
     text-align: left
     vertical-align: bottom
+    border-bottom: 1px solid transparent
+
     th
       font-weight: bold
 
@@ -31,5 +33,34 @@
     &:first-child
       border-left-width: 0
 
-  tbody tr:nth-child(2n)
-    background-color: lighten(map-get($gray, light), 50%)
+  @if $blank == true
+    +table-blank
+
+  @if $zebra == true
+    +table-zebra
+
+  @content
+
+=table-blank
+  border-color: transparent
+  table, tr, td, tbody, thead, th, tfoot
+    border-color: transparent
+    background: transparent
+  th, td
+    padding:
+      left: 0px
+      right: 0px
+
+=table-hover
+  tbody, thead
+    tr:hover
+      background-color: map-get($white, darker)
+
+=table-zebra
+  tbody, thead
+    tr:nth-child(even)
+      background-color: map-get($white, dark)
+
+    tr
+      td, th
+        padding: ($space/6) ($space/4)

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

@@ -1,23 +1,26 @@
-=tooltip_trigger-default($background-color: map-get($colors, blue))
+=tooltip_trigger-default($background-color: false)
   position: relative
   display: inline-block
   cursor: pointer
 
-  .tooltip
-    +label($background-color)
-  
+  @if not $background-color == false
+    .tooltip
+      +label($background-color)
+
   &:hover
     [data-ks-tooltip]
       &:after, &:before
         opacity: 1
 
-      &:after 
+      &:after
         transform: translateY(-8px)
         transition: transform 0.25s
 
     .tooltip
       opacity: 1
       transform: translateY(0px)
- 
+
       &:after
         opacity: 1
+
+  @content

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

@@ -1,8 +1,6 @@
-// 
 // Base Components
 // ===============
 // These are the base components from which dependent components can extend.
-//
 
 // Components
 @import ../components/_alerts
@@ -11,7 +9,7 @@
 @import ../components/_images
 @import ../components/_labels
 @import ../components/_modals
-@import ../components/_nav
 @import ../components/_progress
 @import ../components/_tables
 @import ../components/_dropdown_menu
+@import ../components/_navbar

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

@@ -7,6 +7,6 @@
 @import ../components/_modals
 @import ../components/_notifications
 @import ../components/_tabs
-@import ../components/_tiles
 @import ../components/_tooltips
 @import ../components/_forms
+@import ../components/_pagination

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

@@ -8,7 +8,7 @@
 // Buttons
 // -------
 
-button:not(.navbar-button),
+button,
 input[type="submit"],
 input[type="button"],
   +button
@@ -98,19 +98,27 @@ input[type="file"]::-webkit-file-upload-button
   margin-left: -8px
   opacity: 0
 
+=pseudo-tooltip-color($color: $primary-color)
+  &:after
+    +label($color)
+    margin-bottom: 0
+
+  &:before
+    border-top-color: $color
+
 [data-ks-tooltip]
   position: relative
 
+  +pseudo-tooltip-color
+
   &:after
     content: attr(data-ks-tooltip)
-    +label($primary-color)
     +tooltip_base
     transform: translateY(0px)
     z-index: 10
 
   &:before
     +tooltip_arrow
-    border-top-color: $primary-color
     bottom: 100%
     z-index: 100
 
@@ -129,20 +137,78 @@ input[type="file"]::-webkit-file-upload-button
       top: 100%
       bottom: auto
       margin-top: 15px
-      transform: translateY(-16px)
+      transform: translateY(-6px)
 
     &:before
       transform: rotate(180deg)
       top: 100%
       bottom: auto
 
+  &[data-ks-tooltip-position="left"]
+    &:after
+      transform: translateY(6px)
+      top: 50%
+      bottom: auto
+      margin:
+        top: -19px
+        right: 12px
+      left: auto
+      right: 100%
+
+    &:before
+      transform: rotate(-90deg)
+      top: 50%
+      margin-top: -4px
+      bottom: auto
+      left: auto
+      right: 100%
+
+  &[data-ks-tooltip-position="right"]
+    &:after
+      transform: translateY(6px)
+      top: 50%
+      bottom: auto
+      margin:
+        top: -19px
+        left: 16px
+      left: 100%
+      right: auto
+
+    &:before
+      transform: rotate(90deg)
+      top: 50%
+      margin-top: -4px
+      margin-left: 4px
+      bottom: auto
+      left: 100%
+      right: auto
+
+  &[data-ks-tooltip-color="red"]
+    +pseudo-tooltip-color(map-get($colors, red))
+
+  &[data-ks-tooltip-color="orange"]
+    +pseudo-tooltip-color(map-get($colors, orange))
+
+  &[data-ks-tooltip-color="yellow"]
+    +pseudo-tooltip-color(map-get($colors, yellow))
+
+  &[data-ks-tooltip-color="green"]
+    +pseudo-tooltip-color(map-get($colors, green))
+
+  &[data-ks-tooltip-color="blue"]
+    +pseudo-tooltip-color(map-get($colors, blue))
+
+  &[data-ks-tooltip-color="violet"]
+    +pseudo-tooltip-color(map-get($colors, violet))
+
 .tooltip
   +tooltip_base
   left: -30px
   right: -30px
-  margin: 10px auto
   transform: translateY(8px)
   z-index: 10
+  +label(map-get($colors, blue))
+  margin: 10px auto
 
   &:after
     +tooltip_arrow
@@ -184,3 +250,27 @@ input[type="file"]::-webkit-file-upload-button
 
     &:after
       top: 8px
+
+  &.tooltip-red
+    +label(map-get($colors, red))
+
+  &.tooltip-orange
+    +label(map-get($colors, orange))
+
+  &.tooltip-yellow
+    +label(map-get($colors, yellow))
+
+  &.tooltip-green
+    +label(map-get($colors, green))
+
+  &.tooltip-blue
+    +label(map-get($colors, blue))
+
+  &.tooltip-violet
+    +label(map-get($colors, violet))
+
+  &.tooltip-primary
+    +label(map-get($colors, primary))
+
+  &.tooltip-secondary
+    +label(map-get($colors, secondary))

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

@@ -9,12 +9,18 @@
 
 // Now write your own Sass
 
+html, body
+  overflow-x: hidden
+
 .mainpane
   +column('twothirds')
 
 .sidebar
   +column('third')
 
+  section
+    margin-bottom: $space
+
   h1
     +heading-xs
 

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

@@ -208,12 +208,6 @@
 .thumbnail
   +thumbnail
 
-// MODALS
-// ------
-
-.modal
-  +modal
-
 // LABELS
 // ------
 
@@ -244,6 +238,12 @@
   &.label-secondary
     +label($secondary-color)
 
+// MODALS
+// ------
+
+.modal
+  +modal
+
 // NAVIGATION
 // ----------
 
@@ -256,39 +256,22 @@
   &.navbar-dark
     +navbar($background: map-get($black, lighter))
 
+.pagination
+  +pagination
+
 // TABLES
 // ------
-table
+.table
   +table
 
-// TILES
-// -----
-.tile
-  +tile
-
-  &.tile-primary
-    +tile-color($primary-color)
-
-  &.tile-secondary
-    +tile-color($secondary-color)
-
-  &.tile-red
-    +tile-color(map-get($colors, red))
-
-  &.tile-orange
-    +tile-color(map-get($colors, orange))
-
-  &.tile-yellow
-    +tile-color(map-get($colors, yellow))
-
-  &.tile-green
-    +tile-color(map-get($colors, green))
+  &.table-blank
+    +table-blank
 
-  &.tile-blue
-    +tile-color(map-get($colors, blue))
+  &.table-zebra
+    +table-zebra
 
-  &.tile-violet
-    +tile-color(map-get($colors, violet))
+  &.table-hover
+    +table-hover
 
 // TOOLTIPS
 // --------

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

@@ -25,7 +25,7 @@ $black: (lightest: #444, lighter: #333, light: #222)
 $colors: (red: #CA3518, orange: darkorange, yellow: #ffe312, green: #58AA00, blue: cornflowerblue, violet: darkmagenta)
 
 // Vendor libraries
-@import url(http://fonts.googleapis.com/css?family=Lato:300,400,700,400italic)
+@import url(//fonts.googleapis.com/css?family=Lato:300,400,700,400italic)
 
 // Ten point design variables
 // --------------------------
@@ -205,8 +205,8 @@ hr
 // Table
 // -----
 
-=table()
-  +table-default()
+=table($blank: false, $zebra: false, $hover: false)
+  +table-default($blank, $zebra, $hover)
 
 //
 // Dependent Components
@@ -244,11 +244,11 @@ hr
 =modal()
   +modal-default()
 
-// Tiles
-// -----
+// Pagination
+// ----------
 
-=tile($color: map-get($gray, dark))
-  +tile-default($color)
+=pagination($background: map-get($white, darker))
+  +pagination-default($background)
 
 // Tooltips
 // --------

data/lib/kickstart_rails/version.rb

@@ -1,3 +1,3 @@
 module Kickstart_rails
-  VERSION = "3.0.14"
+  VERSION = "3.0.15"
 end

metadata

@@ -1,14 +1,14 @@
 --- !ruby/object:Gem::Specification
 name: kickstart_rails
 version: !ruby/object:Gem::Version
-  version: 3.0.14
+  version: 3.0.15
 platform: ruby
 authors:
 - Adam Kochanowicz
 autorequire: 
 bindir: bin
 cert_chain: []
-date: 2014-10-02 00:00:00.000000000 Z
+date: 2014-10-06 00:00:00.000000000 Z
 dependencies:
 - !ruby/object:Gem::Dependency
   name: bundler
@@ -113,7 +113,9 @@ files:
 - app/assets/stylesheets/kickstart_rails/components/_labels.sass
 - app/assets/stylesheets/kickstart_rails/components/_modals.sass
 - app/assets/stylesheets/kickstart_rails/components/_nav.sass
+- app/assets/stylesheets/kickstart_rails/components/_navbar.sass
 - app/assets/stylesheets/kickstart_rails/components/_notifications.sass
+- app/assets/stylesheets/kickstart_rails/components/_pagination.sass
 - app/assets/stylesheets/kickstart_rails/components/_progress.sass
 - app/assets/stylesheets/kickstart_rails/components/_root-element.sass
 - app/assets/stylesheets/kickstart_rails/components/_status.sass