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

kickstart_rails 0.2.410970240580 → 0.3.411400890669

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