RubyGems - kickstart_rails - Versions diffs - 3.0.14 → 3.0.15 - Mend

kickstart_rails 3.0.14 → 3.0.15

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 (26) hide show

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

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

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

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

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

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

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

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

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

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

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

metadata CHANGED Viewed

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