kickstart_rails 3.0.35 → 3.0.36

checksums.yaml

@@ -1,7 +1,7 @@
 ---
 SHA1:
-  metadata.gz: 6c849b22837797096527c2668396fc5b2cf9fc4d
-  data.tar.gz: 3048cb7a0d7deb5994375d19b45bd1ee50397b45
+  metadata.gz: 2e04f6c03c26b047b3ff85e60a48ccb2a65e78c2
+  data.tar.gz: dd64696c5f7b9e5e43f01dcfade96e4d47487b2d
 SHA512:
-  metadata.gz: 395a1b29ed383281a574ff53948ee650b93943b9f95c9388166e2c865ace1987da3769124b36c79138bbffd9025c238bf825c12ddbfc127199be1e86aabdb80f
-  data.tar.gz: 59f1074b2e75597ad051367e60355e2a831d54859c58dbccf5c74625de7e46cd6ec8df15459911b136d58f852fdaa1054066b36a09177ae6ddebfac3de9c0922
+  metadata.gz: a004e9b858abd65fa45870184043aa4e3fe7311a139b9d99637c58012c335850ce4692fec2975b8e0068acaced6f33c156d272bb7fa460e16a2afa8bbbf349cd
+  data.tar.gz: d3f76d38bf7ae6c74e077d62020e7cc003b423cf025551ee15dbc4f28f04b2f86c93a2a6f6634a41267528f69237e115647f64036798bb24080ca495dc2ef4d1

data/app/assets/stylesheets/core/_animations.sass

@@ -0,0 +1,8 @@
+@keyframes fadeInDown 
+  0%
+    opacity: 0
+    transform: translateY(-20px)
+
+  100%
+    opacity: 1
+    transform: translateY(0)

data/app/assets/stylesheets/core/_base.sass

@@ -0,0 +1,16 @@
+*
+  box-sizing: border-box
+
+iframe
+  width: 100%
+  border: 0
+  padding: 15px
+  margin-bottom: 25px
+
+=above-footer
+  flex: 1
+
+=screen
+  display: flex
+  min-height: 100vh
+  flex-direction: column

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

@@ -0,0 +1,15 @@
+// Base Components
+// ===============
+// These are the base components from which dependent components can extend.
+
+// Components
+@import components/_alerts
+@import components/_buttons
+@import components/_hr
+@import components/_images
+@import components/_labels
+@import components/_modals
+@import components/_progress
+@import components/_tables
+@import components/_dropdown_menu
+@import components/_navbar

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

@@ -0,0 +1,12 @@
+// Dependent Components
+// ====================
+// These components extend the core and base components.
+
+// Components
+@import components/_growls
+@import components/_modals
+@import components/_notifications
+@import components/_tabs
+@import components/_tooltips
+@import components/_forms
+@import components/_pagination

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

@@ -0,0 +1,337 @@
+// Direct applications
+// ===================
+// Regardless of semantic or non-semantic usage, some styles
+// Should be applied directly to classes or elements no matter
+// what. This include should be included near the end of the
+// import chain but before kickstart.sass to accomplish this.
+
+body
+  &.dismiss-modal
+    cursor: pointer
+
+// Buttons
+// -------
+
+button,
+input[type="submit"],
+input[type="button"],
+  +button
+
+input[type="file"]::-webkit-file-upload-button
+  +button
+
++dropdown_menu
+
+// Forms
+// -----
+
+%error_message
+  font-style: italic
+  margin:
+    top: 7px
+    bottom: 14px
+
+form
+  .errors, .warnings, .successes
+    p
+      @extend %error_message
+
+  .errors
+    +field-colors(map-get($colors, red))
+
+  .warnings
+    +field-colors(map-get($colors, yellow))
+
+  .successes
+    +field-colors(map-get($colors, green))
+
+  p
+    &.error, &.warning, &.success
+      @extend %error_message
+
+  label, span, p
+    &.error
+      color: map-get($colors, red)
+
+    &.warning
+      color: map-get($colors, yellow)
+
+    &.success
+      color: map-get($colors, green)
+
+  input, select
+    &.error
+      border-color: map-get($colors, red)
+
+    &.warning
+      border-color: map-get($colors, yellow)
+
+    &.success
+      border-color: map-get($colors, green)
+
+
+// Growls
+// ------
+
+.growl_container
+  position: fixed
+  top: 0
+  right: 0
+  padding: $space/2
+  z-index: 2000
+  width: 300px
+  overflow: auto
+  max-height: 100vh
+
+  .growl
+    box-shadow: 0px 0px $space/2 rgba(0, 0, 0, 0.5)
+    transition: all 0.5s
+
+    &.show, &.hide
+      +fadeInDown
+
+    &.hide
+      animation-direction: reverse
+
+    +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))
+
+// Tabs
+// ----
+
+[data-panel]
+  display: none
+
+  &.open
+    display: block
+
+// Tooltips
+// --------
+
+=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
+
+=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)
+    +tooltip_base
+    transform: translateY(0px)
+    z-index: 10
+
+  &:before
+    +tooltip_arrow
+    bottom: 100%
+    z-index: 100
+
+  &:hover
+    &:after, &:before
+      opacity: 1
+
+    &:after
+      transform: translateY(-8px)
+      transition: transform 0.25s
+
+  // Positioning
+
+  &[data-ks-tooltip-position="bottom"]
+    &:after
+      top: 100%
+      bottom: auto
+      margin-top: 15px
+      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
+  transform: translateY(8px)
+  z-index: 10
+  +label(map-get($colors, blue))
+  margin: 10px auto
+
+  &: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
+
+  &.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))