RubyGems - kickstart_rails - Versions diffs - 0.2.410970240580 → 0.3.411400890669 - Mend

kickstart_rails 0.2.410970240580 → 0.3.411400890669

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

checksums.yaml CHANGED Viewed

@@ -1,7 +1,7 @@
 ---
 SHA1:
-  metadata.gz: 2dab69e77d321ec52b4a3aebe01bb04228715912
-  data.tar.gz: 0497e45522cef1c983eb9a73803cff0e51cc2e8b
+  metadata.gz: ee9bd6808d8b10f2eda8e2e072e0460cbdf461b7
+  data.tar.gz: aa6cca083bd3379dad041cdeb1c218ff8165e3ed
 SHA512:
-  metadata.gz: 9661a927988e5a0171b9be299814291874f06e043aa26e2e1f70615f86bae28c2ac3f9faa3d815cd906f27ceed46f8bbf26ead040b6ecf28b5ea482722eb6055
-  data.tar.gz: 7351ed18229744e3544f4332bb6f382f0ea02dc45fe74c887f198f047542def0a0f756147f5ff4ad8fb451570deb9afc9dcea7a95ad2946e33b3d6359a507cf3
+  metadata.gz: 1e2953ccb2c81f8dee84c93d4cd9fa12bdd14a2c483ed48b93cf1e6446325959827acf95714949879dddd12de81b4db940454068a24ebe736aa621f1dd6cc610
+  data.tar.gz: 640dd0e07da74409e1dc847ee1f91b9aee12657e6b8aa72a5622a06df8fac71062da71d0bd856f2e9eed57a003f4610dfd6973d8b4e603b7e2b9d5be7c9290a1

data/app/assets/javascripts/kickstart_rails/docs.js CHANGED Viewed

@@ -41,7 +41,7 @@
         _ref = $$(".if-" + option);
         for (_j = 0, _len1 = _ref.length; _j < _len1; _j++) {
           $container = _ref[_j];
-          $visibleStyle = $container.nodeName === 'SPAN' ? 'inline-block' : 'block';
+          $visibleStyle = $container.nodeName === 'SPAN' ? 'inline' : 'block';
           $container.style.display = (settings.viewOptions["" + option] ? $visibleStyle : 'none');
         }
         _results.push((function() {
@@ -50,7 +50,7 @@
           _results1 = [];
           for (_k = 0, _len2 = _ref1.length; _k < _len2; _k++) {
             $container = _ref1[_k];
-            $visibleStyle = $container.nodeName === 'SPAN' ? 'inline-block' : 'block';
+            $visibleStyle = $container.nodeName === 'SPAN' ? 'inline' : 'block';
             _results1.push($container.style.display = (settings.viewOptions["" + option] ? 'none' : $visibleStyle));
           }
           return _results1;

data/app/assets/javascripts/kickstart_rails/test.js.REMOVED.git-id ADDED Viewed

	@@ -0,0 +1 @@
1	+ 8ee80f82d14d3c435a7ac5135b8ee091caec52f0

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

@@ -0,0 +1,12 @@
+=alert-default
+  +root-element
+  padding: $space/2
+  background: $primary-color
+  color: white
+  margin:
+    bottom: $space
+  > *:last-child
+    margin-bottom: 0
+  +alternate-headings

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

@@ -1,29 +1,48 @@
-=button-default($color)
-  +root-element
+=button-default($color, $size: 1)
+  font-size: 0.9rem
+  +root-element($size: $size)
+  padding:
+    left: $size * $size * map-get($rootElement, paddingH)
+    right: $size * $size * map-get($rootElement, paddingH)
   display: inline-block
   background-color: $color
-  color: $light-black
+  color: map-get($gray, darkest)
   cursor: pointer
   text-decoration: none
   border-color: hsla(0, 0%, 0%, 0.15)
-  color: $light-black
-  text-align: center
+  color: map-get($black, light)
+  text-align: left
   @if lightness($color) > 75%
-    color: $lighter-black
+    color: map-get($black, lighter)
   @else
-    color: $white
+    color: white
   @if $color == $yellow
-    color: $lighter-black
+    color: map-get($black, lighter)
   @if $color == transparent
-    color: $lighter-black
+    color: map-get($black, lighter)
   &:hover
-    +box-shadow(0px -3px 0px 0px rgba(0, 0, 0, 0.1) inset)
+    box-shadow: 0px -3px 0px 0px rgba(0, 0, 0, 0.1) inset
     text-decoration: none
   &:active
-    +box-shadow(0px 3px 0px 0px rgba(0, 0, 0, 0.1) inset)
+    box-shadow: 0px 3px 0px 0px rgba(0, 0, 0, 0.1) inset
     text-decoration: none
+  ul
+    +list-unstyled
+    margin-bottom: 0
+    padding-top: $size * $size * map-get($rootElement, paddingV)
+    li
+      +root-element($size)
+      padding:
+        left: 0
+        right: 0
+      margin-bottom: 0
+      a
+        color: inherit

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

@@ -1,6 +1,7 @@
 label
   display: block
   font-weight: 500
+  font-size: 0.85rem
 form
   margin-bottom: $space
@@ -11,7 +12,7 @@ textarea
   margin-bottom: ($space/2)
   border: 1px solid #CCC
   display: block
-  +border-radius(3px)
+  border-radius: 3px
   label + &
     margin-top: ($space/5)

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

File without changes

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

@@ -4,14 +4,28 @@
   margin-bottom: $space
   align-items: flex-start
-  img
+  img, figure
     flex-grow: 0
     flex-shrink: 0
   > :not(img)
-    + img
+    + img, + figure
       margin-left: $space/2
-  > img
+    +alternate-headings
+  > img, > figure
     + :not(img)
       margin-left: $space/2
+=thumbnail-default
+  +root-element
+  border: 1px solid map-get($white, darker)
+  display: inline-block
+  figcaption
+    font-size: 0.85rem
+figure
+  margin: 0
+  padding: 0

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

@@ -0,0 +1,10 @@
+=label-default($background-color: $blue)
+  +root-element
+  background: $background-color
+  font-size: 0.8rem
+  color: white
+  line-height: normal
+  font-weight: bold
+  &:after
+    border-top-color: $background-color

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

@@ -9,7 +9,7 @@
   margin: 0px auto
   display: none
   background: white
-  border-color: $dark-white
+  border-color: map-get($white, dark)
   animation-duration: 0.25s
   animation-delay: 0.2s
   animation-timing-function: ease

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

@@ -4,23 +4,24 @@
   @else
     color: rgba(0, 0, 0, 0.5)
-=navbar-default($bleed-container: false, $background: $dark-white)
+=navbar-default($bleed-container: false, $background: map-get($white, dark))
   background: $background
   border-top: 1px solid darken($background, 12%)
+  font-size: 0.9rem
   nav
-    display: inline-flex
+    display: flex
     align-items: flex-start
-    +flex-wrap
+    flex-wrap: wrap
     justify-content: space-between
     align-content: space-between
     width: 100%
     border-radius: 0
     @if (lightness($background) < 75%)
-      color: $white
+      color: white
     @else
-      color: $lighter-black
+      color: map-get($black, lighter)
     h1
       margin-bottom: 0
@@ -40,19 +41,22 @@
     ul
       margin: 0
       padding: 0
-      +flex(inline-flex)
-      +justify-content(space-between)
-      +align-content(space-between)
-      +align-items(center)
-      +flex-wrap
+      display: flex
+      justify-content: space-between
+      align-content: space-between
+      align-items: center
+      flex-wrap: wrap
       li
         list-style: none
         +root-element
-        +border-radius(0)
+        margin-bottom: 0
+        border-radius: 0
         padding:
           top: (map-get($rootElement, paddingV) - 1)
           bottom: (map-get($rootElement, paddingV) - 1)
+          left: map-get($rootElement, paddingH)
+          right: map-get($rootElement, paddingH)
         position: relative
         &.with-submenu // Added via k$.nav()
@@ -83,25 +87,31 @@
           &.open
             color: rgba(0, 0, 0, 0.85)
             background: white
-            border-color: $darker-white
+            border-color: map-get($white, darker)
             border-bottom-color: transparent
             &:hover
               color: rgba(0, 0, 0, 0.85)
-              border-color: $darker-white
+              border-color: map-get($white, darker)
               border-bottom-color: transparent
+        a[role=button]
+          margin-bottom: 0
         a:not([role=button])
           +color($background)
           text-decoration: none
           cursor: pointer
           display: block
           +root-element
-          +border-radius(0)
+          margin-bottom: 0
+          border-radius: 0
           margin: (-1 * map-get($rootElement, paddingV)) (-1 * map-get($rootElement, paddingH))
           padding:
             top: (2 * map-get($rootElement, paddingV))
             bottom: (2 * map-get($rootElement, paddingV))
+            left: map-get($rootElement, paddingH)
+            right: map-get($rootElement, paddingH)
           &:hover
             @if (lightness($background) < 75%)
@@ -125,9 +135,9 @@
         left: -1px // Compensate for border
         min-width: 175px
         border:
-          left: 1px solid $darker-white
-          right: 1px solid $darker-white
-          bottom: 1px solid $darker-white
+          left: 1px solid map-get($white, darker)
+          right: 1px solid map-get($white, darker)
+          bottom: 1px solid map-get($white, darker)
         li
           border: 0px
@@ -136,13 +146,13 @@
             padding:
               top: $space/4
               bottom: $space/4
-            color: $light-black
+            color: map-get($black, light)
             &:hover
               color: rgba(0, 0, 0, 0.85)
-              background: $dark-white
-              border-color: $dark-white
+              background: map-get($white, dark)
+              border-color: map-get($white, dark)
             &:active
-              background: $darker-white
-              border-color: $darker-white
+              background: map-get($white, darker)
+              border-color: map-get($white, darker)

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

@@ -8,14 +8,9 @@
   pointer-events: none
   .status-bar_status
-    +root-element
-    background: $yellow
-    color: $black
-    border-radius: 3px
-    border-color: transparent
+    +label($yellow)
+    color: black
     text-align: center
-    font-size: 0.75rem
-    font-weight: bold
     margin: 5px auto
     max-width: 300px
     box-shadow: 0px 0px 10px rgba(0, 0, 0, 0.15)
@@ -25,7 +20,6 @@
     animation-fill-mode: both
     z-index: 1000
     animation-name: fadeInDown
-    line-height: normal
     &[data-type="success"]
       background-color: $green

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

@@ -2,11 +2,11 @@ progress
   width: 100%
   &::-webkit-progress-bar
-    +border-radius(($space/5))
+    border-radius: ($space/5)
     min-height: $space
     -webkit-appearance: none
     appearance: none
     -moz-appearance: none
   &::-webkit-progress-value
-    +border-radius(($space/5) 0 0 ($space/5))
+    border-radius: ($space/5) 0 0 ($space/5)

data/app/assets/stylesheets/kickstart_rails/components/_root-element.sass CHANGED Viewed

@@ -6,7 +6,7 @@
  */
 =root-element
-  padding: map-get($rootElement, paddingV) map-get($rootElement, paddingH)
+  padding: map-get($rootElement, paddingV) map-get($rootElement, paddingV)
   +border-radius(3px)
   border: 1px solid transparent
   outline: none

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

@@ -8,9 +8,5 @@
   z-index: 999999
   .status
-    background: $yellow
-    color: $black
-    padding: 5px
-    border-radius: 3px
+    +label($yellow)
     text-align: center
-    font-size: 0.75rem

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

@@ -3,7 +3,7 @@
   background: white
   border-spacing: 0
   empty-cells: show
-  border: 1px solid $light-gray
+  border: 1px solid map-get($gray, light)
   width: 100%
   margin-bottom: $space
@@ -11,8 +11,8 @@
     margin: 0
   thead
-    background: $dark-white
-    color: $black
+    background: map-get($white, dark)
+    color: black
     text-align: left
     vertical-align: bottom
     th
@@ -20,7 +20,7 @@
   th, td
     background-color: transparent
-    border-left: 1px solid $light-gray
+    border-left: 1px solid map-get($gray, light)
     border-width: 0 0 0 1px
     font-size: inherit
     margin: 0
@@ -32,4 +32,4 @@
       border-left-width: 0
   tbody tr:nth-child(2n)
-    background-color: lighten($light-gray, 50%)
+    background-color: lighten(map-get($gray, light), 50%)

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

File without changes

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

@@ -1,5 +1,5 @@
-=tile-default ($color: $dark-gray)
-  box-shadow: 0px 0px 3px $gray
+=tile-default ($color: map-get($gray, dark))
+  box-shadow: 0px 0px 3px gray
   background-color: white
   +root-element
   display: block
@@ -19,13 +19,13 @@
   > h1, > h2, > h3, > h4, > h5
     color: $color
     @if $color == transparent
-      color: $black
+      color: black
   h1
     font-size: 1.15rem
   .ks-close
     text-decoration: none
-    color: $gray
+    color: gray
     font-weight: bold
     float: right

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

@@ -0,0 +1,122 @@
+=tooltip_base
+  margin-bottom: 0
+  position: absolute
+  display: block
+  opacity: 0
+  bottom: 100%
+  box-shadow: 0px 5px 25px rgba(0, 0, 0, 0.25)
+  pointer-events: none
+  max-width: 350px
+  min-width: 100px
+  text-align: center
+  transition: all 0.25s
+=tooltip_arrow
+  border-top-style: solid
+  border-top-width: 10px
+  border-left: 10px solid transparent
+  border-right: 10px solid transparent
+  width: 0px
+  height: 0px
+  content: ' '
+  display: block
+  background: transparent
+  position: absolute
+  left: 50%
+  margin-left: -8px
+  opacity: 0
+[data-ks-tooltip]
+  position: relative
+  &: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
+  &:hover
+    &:after, &:before
+      opacity: 1
+    &:after
+      transform: translateY(-8px)
+      transition: transform 0.25s
+=tooltip_trigger-default($background-color: $blue)
+  position: relative
+  display: inline-block
+  cursor: pointer
+  .tooltip
+    +label($background-color)
+    +tooltip_base
+    left: -30px
+    right: -30px
+    margin: 10px auto
+    transform: translateY(8px)
+    z-index: 10
+    &:after
+      +tooltip_arrow
+      top: 100%
+    &.tooltip-bottom
+      top: 100%
+      bottom: auto
+      &:after
+        bottom: 100%
+        top: auto
+        transform: rotate(180deg)
+    &.tooltip-left
+      right: 100%
+      left: auto
+      &:after
+        transform: rotate(-90deg)
+        left: 100%
+    &.tooltip-right
+      left: 100%
+      right: auto
+      &:after
+        transform: rotate(90deg)
+        left: auto
+        right: 100%
+        margin:
+          left: 0
+          right: -8px
+    &.tooltip-right, &.tooltip-left
+      top: 0
+      bottom: auto
+      margin: 0
+      &:after
+        top: 8px
+  &:hover
+    [data-ks-tooltip]
+      &:after, &:before
+        opacity: 1
+      &:after
+        transform: translateY(-8px)
+        transition: transform 0.25s
+    .tooltip
+      opacity: 1
+      transform: translateY(0px)
+      &:after
+        opacity: 1