cactu 0.19.0 → 0.20.0

checksums.yaml

@@ -1,7 +1,7 @@
 ---
 SHA256:
-  metadata.gz: 6bfacaa91debe34ff5eff279d850f34ea53ff5b88180b6a368e386514e8cf4a4
-  data.tar.gz: 3995002eb8779ddc00be649fad921905a4599a468bff096dd73d4940b448a719
+  metadata.gz: d1ef68a04f0ebc1fe76663af23c8a8bd10af01b62295757944b06c396f185a8c
+  data.tar.gz: ca972298bf55bd4956b6975d0073fbe4a888133dbb1e0e0ee6012105954c3834
 SHA512:
-  metadata.gz: 3d539bd3bb7eae4a5ab71f81783d468d954615c72e32c7341e1ffaf5fba36a964ef63bb44ba7ab530a49d7fb28cf7c7f9cd16b8b47d2531be05bb53f755640e9
-  data.tar.gz: b6384e9bdfbb280ef59775836db75fd91dc4d48a19aa774183a0e0cad5a8bb652d4c84c73b21349578721f59b09914d41fc480e6d11835f30e44f4740fb39870
+  metadata.gz: c26be16e6aa4624b6cb8e2f4e7dd83fb8f7adc26b47a7f36c980e5a2c69fbed471cd2956325f6823d08781115badb039a0e2f1cd8539510d098383cb29bafcda
+  data.tar.gz: 85923d5dcbcaaa526c388028ac3c1d9d2eaff48b8ad4191efc122534782ce0680057fdfd5853611296b0470e78b28dbd9faba01e29c92bb83143c26963f1b60d

data/README.md

@@ -11,7 +11,7 @@ Cactu is a Sass framework to create webs easily, created to be simple, semantic,
 Add this line to your application's Gemfile:
 
 ```ruby
-gem 'cactu', '~> 0.19.0'
+gem 'cactu', '~> 0.20.0'
 ```
 
 Ensure that `sprockets-rails` is at least v2.3.2.

data/assets/stylesheets/base/_examples.scss

@@ -0,0 +1,12 @@
+//
+// ----------------------------------------------------------------
+// Examples
+// ----------------------------------------------------------------
+
+.empty-column {
+  width: 100%;
+  padding: 1rem .5rem;
+  margin-bottom: .7rem;
+  font-size: 13px;
+  background-color: $gray-200;
+}

data/assets/stylesheets/base/_global-variables.scss

@@ -29,7 +29,7 @@ $white-smoke:   #f5f5f5;
 // Typography
 //
 $font-family-sans-serif:  -apple-system, BlinkMacSystemFont, "Segoe UI", "Roboto", "Helvetica Neue", sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol" !default;
-$font-family-monospace:   Menlo, Monaco, Consolas, "Liberation Mono", "Courier New", monospace !default;
+$font-family-monospace:   Monaco, Menlo, Consolas, "Liberation Mono", "Courier New", monospace !default;
 $font-family:             $font-family-sans-serif !default;
 $font-size:               16px !default;
 
@@ -59,4 +59,4 @@ $speed:             .15s !default;
 $line-height:       1.5 !default;
 $transition-all:    all $speed ease-in-out !default;
 $outline-width:     .125rem !default;
-$zindex-top:        1000 !default;
+$zindex-top:        1000 !default;

data/assets/stylesheets/base/_reset.scss

@@ -0,0 +1,61 @@
+//
+// Grid mixins
+// --------------------------------------------------
+//
+// Based on:
+// http://meyerweb.com/eric/tools/css/reset/ 
+// v2.0 | 20110126
+// License: none (public domain)
+//
+// 1. Change from `box-sizing: content-box` so that `width` is not affected by `padding` or `border`.
+// 2. Addition div tag for display: block
+
+
+*,
+*::before,
+*::after {
+  box-sizing: border-box;
+}
+
+html, body, div, span, applet, object, iframe,
+h1, h2, h3, h4, h5, h6, p, blockquote, pre,
+a, abbr, acronym, address, big, cite, code,
+del, dfn, em, img, ins, kbd, q, s, samp,
+small, strike, strong, sub, sup, tt, var,
+b, u, i, center,ƒ
+dl, dt, dd, ol, ul, li,
+fieldset, form, label, legend,
+table, caption, tbody, tfoot, thead, tr, th, td,
+article, aside, canvas, details, embed, 
+figure, figcaption, footer, header, hgroup, 
+menu, nav, output, ruby, section, summary,
+time, mark, audio, video {
+	margin: 0;
+	padding: 0;
+	border: 0;
+	font-size: 100%;
+	font: inherit;
+	vertical-align: baseline;
+}
+div, article, aside, details, figcaption, figure, 
+footer, header, hgroup, menu, nav, section {
+	display: block;
+}
+body {
+	line-height: 1;
+}
+ol, ul {
+	list-style: none;
+}
+blockquote, q {
+	quotes: none;
+}
+blockquote:before, blockquote:after,
+q:before, q:after {
+	content: '';
+	content: none;
+}
+table {
+	border-collapse: collapse;
+	border-spacing: 0;
+}

data/assets/stylesheets/cactu.scss

@@ -1,6 +1,6 @@
 /*!
- * Cactu v0.19.0 (http://cactu.site/)
- * Copyright 2018 Giovanni Mendoza
+ * Cactu v0.20.0 (http://cactu.site/)
+ * Copyright 2018-2019 Giovanni Mendoza
  * Licensed under MIT (https://github.com/mendozagioo/cactu/blob/master/LICENSE)
  */
 
@@ -17,10 +17,10 @@
 @import "mixins/breakpoints";
 @import "mixins/buttons";
 @import "mixins/forms";
-@import "mixins/grid";
-@import "mixins/hover";
+@import "mixins/grids";
+@import "mixins/hovers";
 @import "mixins/icons";
-@import "mixins/navbar";
+@import "mixins/navbars";
 @import "mixins/positions";
 @import "mixins/transition";
 
@@ -32,6 +32,7 @@
 @import "elements/typography";
 
 @import "components/alerts";
+@import "components/breadcrumbs";
 @import "components/buttons";
 @import "components/collapse";
 @import "components/dropdowns";
@@ -46,4 +47,4 @@
 @import "components/tooltips";
 
 @import "utilities/classes";
-@import "utilities/syntax";
+@import "utilities/syntax";

data/assets/stylesheets/components/_blockquotes.scss

@@ -0,0 +1,3 @@
+//
+// Blockquotes
+// --------------------------------------------------

data/assets/stylesheets/components/_breadcrumbs.scss

@@ -0,0 +1,47 @@
+//
+// Breadcrumbs
+// --------------------------------------------------
+
+
+// Variables
+//
+$breadcrumb-padding:          1rem 0 !default;
+$breadcrumb-margin:           0 !default;
+$breadcrumb-decoration:       none !default;
+$breadcrumb-active-color:     $text-color !default;
+$breadcrumb-gap:              .5rem !default;
+$breadcrumn-divider:          "/" !default;
+$breadcrumn-divider-color:    $text-color !default;
+
+
+.breadcrumb {
+  list-style: none;
+  padding: $breadcrumb-padding;
+  margin: $breadcrumb-margin;
+
+  li {
+    display: inline-block;
+
+    + li {
+      padding-left: $breadcrumb-gap;
+
+      &:before {
+        display: inline-block;
+        content: $breadcrumn-divider;
+        color: $breadcrumn-divider-color;
+        padding-right: $breadcrumb-gap;
+      }
+    }
+
+    a {
+      @include hover-focus {
+        text-decoration: $breadcrumb-decoration;
+      }
+    }
+  }
+
+  .active {
+    color: $breadcrumb-active-color;
+    pointer-events: none;
+  }
+}

data/assets/stylesheets/components/_buttons.scss

@@ -76,4 +76,4 @@ $button-background-selected:      darken($gray-200, 10%) !default;
       border-radius: $vertical-button-last-radius;
     }
   }
-}
+}

data/assets/stylesheets/components/_figures.scss

@@ -0,0 +1,3 @@
+//
+// Figures
+// --------------------------------------------------

data/assets/stylesheets/components/_forms.scss

@@ -9,6 +9,7 @@ $input-color:                       $text-color !default;
 $input-background:                  $white !default;
 $input-padding:                     .375rem .75rem !default;
 $input-border:                      $border-base !default;
+$input-border-color-focus:          $blue !default;
 $input-radius:                      $radius !default;
 $input-box-shadow:                  inset 0 1px 2px rgba($black, .075) !default;
 $input-placeholder-color:           $gray-600 !default;
@@ -18,6 +19,7 @@ $disabled-color:                    darken($gray-500, 15%) !default;
 $help-font-size:                    .75rem !default;
 $help-margin-top:                   .25rem !default;
 $select-height:                     calc(2.25rem + 2px) !default;
+$form-group-margin-bottom:          1rem !default;
 $custom-select-padding:             .375rem 1.75rem .375rem .75rem !default;
 $custom-select-padding-x:           .75rem !default;
 $custom-select-indicator-padding:   1rem !default;
@@ -46,7 +48,7 @@ textarea {
 
   &:focus {
     outline: 0;
-    @include input-focus;
+    @include input-focus($input-border-color-focus);
   }
 
   &::placeholder {
@@ -118,7 +120,7 @@ select {
 }
 
 .form-group {
-  margin-bottom: 1rem;
+  margin-bottom: $form-group-margin-bottom;
 
   input,
   select,
@@ -179,4 +181,4 @@ select {
       padding: 0;
     }
   }
-}
+}

data/assets/stylesheets/components/_paginations.scss

@@ -9,8 +9,8 @@ $pagination-margin:                     .5rem 0 !default;
 $pagination-item-padding:               .25rem .625rem !default;
 $pagination-item-border-width:          $border-width !default;
 $pagination-item-border:                $pagination-item-border-width solid $border-color !default;
-$pagination-tem-background:             $white !default;
-$pagination-item-background-hover:      darken($pagination-tem-background, 5%) !default;
+$pagination-item-background:            $white !default;
+$pagination-item-background-hover:      darken($pagination-item-background, 5%) !default;
 $pagination-item-transition:            background-color $speed ease-in-out, color $speed ease-in-out !default;
 $pagination-item-radius-first:          $radius 0 0 $radius !default;
 $pagination-item-radius-last:           0 $radius $radius 0 !default;
@@ -69,7 +69,7 @@ $pagination-item-active-background:     darken($pagination-item-background-hover
 
     &.disabled {
       @include hover-focus {
-        background-color: $pagination-tem-background;
+        background-color: $pagination-item-background;
       }
     }
   }

data/assets/stylesheets/components/_sidebars.scss

@@ -0,0 +1,15 @@
+//
+// Sidebars
+// --------------------------------------------------
+
+
+.sidebar {
+  height: calc(100vh - 3.5rem);
+  position: sticky;
+  border-right: 1px solid $border-color;
+
+  @include breakpoint-cellphone {
+    height: auto;
+    border-right: 0;
+  }
+}

data/assets/stylesheets/components/_tables.scss

@@ -46,4 +46,4 @@ th {
   th, td {
     border: 0;
   }
-}
+}

data/assets/stylesheets/elements/_badge.scss

@@ -7,7 +7,7 @@
 //
 $badge-color:                 $text-color !default;
 $badge-font-size:             80% !default;
-$badge-padding:               .125rem .375rem;
+$badge-padding:               .125rem .375rem !default;
 $badge-border-radius:         $radius !default;
 $badge-pill-border-radius:    $radius-rounded !default;
 $badge-background:            $gray-400 !default;

data/assets/stylesheets/elements/_link.scss

@@ -0,0 +1,41 @@
+//
+// Link
+// --------------------------------------------------
+
+
+// Variables
+//
+$link-color:              $blue !default;
+$link-decoration:         none !default;
+$link-hover-color:        darken($link-color, 10%) !default;
+$link-hover-decoration:   underline !default;
+$link-transition:         $transition-all !default;
+
+
+a {
+  display: inline-block;
+  color: $link-color;
+  text-decoration: $link-decoration;
+  background-color: transparent;
+  @include transition($link-transition);
+  -webkit-text-decoration-skip: objects; // Remove gaps in links underline in iOS 8+ and Safari 8+.
+
+  @include hover-focus {
+    color: $link-hover-color;
+    text-decoration: $link-hover-decoration;
+  }
+}
+
+a:not([href]):not([tabindex]) {
+  color: inherit;
+  text-decoration: none;
+
+  @include hover-focus {
+    color: inherit;
+    text-decoration: none;
+  }
+
+  &:focus {
+    outline: 0;
+  }
+}

data/assets/stylesheets/elements/_type.scss

@@ -0,0 +1,80 @@
+//
+// Type
+// --------------------------------------------------
+
+
+// Variables
+//
+$headings-font-family:    $font-family !default;
+$headings-font-weight:    $font-weight-bold !default;
+$headings-color:          $text-color !default;
+$headings-margins:        1rem 0 .5rem !default;
+$h1-font-size:            $font-size * 2.6 !default;
+$h2-font-size:            $font-size * 2.1 !default;
+$h3-font-size:            $font-size * 1.8 !default;
+$h4-font-size:            $font-size * 1.5 !default;
+$h5-font-size:            $font-size * 1.2 !default;
+$h6-font-size:            $font-size !default;
+
+
+abbr[title],
+abbr[data-original-title] {
+  text-decoration: underline;
+  text-decoration: underline dotted;
+  cursor: help;
+  border-bottom: 0;
+}
+
+address {
+  margin-bottom: 1rem;
+  font-style: normal;
+  line-height: inherit;
+}
+
+blockquote {
+  margin: 0 0 1rem;
+}
+
+b,
+strong {
+  font-weight: bolder;
+}
+
+small {
+  font-size: .8em; // 80%
+}
+
+span {
+  font-style: inherit;
+  font-weight: inherit;
+}
+
+sub,
+sup {
+  position: relative;
+  font-size: .75em; // 75%
+  line-height: 0;
+  vertical-align: baseline;
+}
+
+sub { bottom: -.25em; }
+sup { top: -.5em; }
+
+p { margin-bottom: .7rem; }
+
+
+// Headings
+//
+h1, h2, h3, h4, h5, h6 {
+  margin: $headings-margins;
+  font-family: $headings-font-family;
+  font-weight: $headings-font-weight;
+  color: $headings-color;
+}
+
+h1 { font-size: $h1-font-size; }
+h2 { font-size: $h2-font-size; }
+h3 { font-size: $h3-font-size; }
+h4 { font-size: $h4-font-size; }
+h5 { font-size: $h5-font-size; }
+h6 { font-size: $h6-font-size; }

data/assets/stylesheets/functions/_colors.scss

@@ -10,6 +10,11 @@ $yiq-text-dark:             $text-color !default;
 $yiq-text-light:            $white !default;
 $yiq-contrasted-threshold:  150 !default;
 
+// Credit: Bootstrap functions
+// https://github.com/twbs/bootstrap/blob/v4-dev/scss/_functions.scss
+// v4.1.3
+// License: MIT
+//
 
 @function theme-color-level($color: $gray-300, $level: 0) {
   $color-base: if($level > 0, $black, $white);
@@ -20,12 +25,7 @@ $yiq-contrasted-threshold:  150 !default;
 
 
 // Color contrast
-// Credit: Bootstrap functions
-// https://github.com/twbs/bootstrap/blob/v4-dev/scss/_functions.scss
-// v4.1.3
-// License: MIT
-//
-@function color-yiq($color) {
+@function color-yiq($color, $dark: $yiq-text-dark, $light: $yiq-text-light) {
   $r: red($color);
   $g: green($color);
   $b: blue($color);
@@ -33,8 +33,8 @@ $yiq-contrasted-threshold:  150 !default;
   $yiq: (($r * 299) + ($g * 587) + ($b * 114)) / 1000;
 
   @if ($yiq >= $yiq-contrasted-threshold) {
-    @return $yiq-text-dark;
+    @return $dark;
   } @else {
-    @return $yiq-text-light;
+    @return $light;
   }
 }

data/assets/stylesheets/functions/_converters.scss

@@ -5,9 +5,18 @@
 
 // Converter pixels to rems
 @function px-rem($px: 1px, $rem: $font-size) {
-  @if $px > 0 {
+  @if unit($px) == "px" {
     @return ($px / $rem) + rem;
   } @else {
     @return $px;
   }
+}
+
+// Converter pixels to ems
+@function px-em($px: 1px, $em: $font-size) {
+  @if unit($px) == "px" {
+    @return ($px / $em) + em;
+  } @else {
+    @return $px;
+  }
 }

data/assets/stylesheets/functions/_strings.scss

@@ -2,6 +2,11 @@
 // Strings function
 // --------------------------------------------------
 
+// Credit: Bootstrap functions
+// https://github.com/twbs/bootstrap/blob/v4-dev/scss/_functions.scss
+// v4.1.3
+// License: MIT
+//
 
 @function str-replace($string, $search, $replace: "") {
   $index: str-index($string, $search);

data/assets/stylesheets/mixins/_forms.scss

@@ -27,7 +27,7 @@
 }
 
 @mixin validation-states($state, $color) {
-  @include input-validation-state($state, $color); 
+  @include input-validation-state($state, $color);
 
   .form-group {
     .#{$state}-feedback {

data/assets/stylesheets/mixins/{_hover.scss → _hovers.scss}

@@ -10,14 +10,6 @@
   }
 }
 
-@mixin plain-hover-focus {
-  &,
-  &:hover,
-  &:focus {
-    @content;
-  }
-}
-
 @mixin hover-focus-active {
   &:hover,
   &:focus,

data/lib/cactu/version.rb

@@ -1,3 +1,3 @@
 module Cactu
-  VERSION = "0.19.0"
+  VERSION = "0.20.0"
 end

metadata

@@ -1,14 +1,14 @@
 --- !ruby/object:Gem::Specification
 name: cactu
 version: !ruby/object:Gem::Version
-  version: 0.19.0
+  version: 0.20.0
 platform: ruby
 authors:
 - Giovanni Mendoza
 autorequire: 
 bindir: bin
 cert_chain: []
-date: 2018-09-17 00:00:00.000000000 Z
+date: 2019-01-03 00:00:00.000000000 Z
 dependencies:
 - !ruby/object:Gem::Dependency
   name: sassc
@@ -127,13 +127,18 @@ files:
 - README.md
 - Rakefile
 - assets/stylesheets/base/_blocks.scss
+- assets/stylesheets/base/_examples.scss
 - assets/stylesheets/base/_global-variables.scss
 - assets/stylesheets/base/_reboot.scss
+- assets/stylesheets/base/_reset.scss
 - assets/stylesheets/cactu.scss
 - assets/stylesheets/components/_alerts.scss
+- assets/stylesheets/components/_blockquotes.scss
+- assets/stylesheets/components/_breadcrumbs.scss
 - assets/stylesheets/components/_buttons.scss
 - assets/stylesheets/components/_collapse.scss
 - assets/stylesheets/components/_dropdowns.scss
+- assets/stylesheets/components/_figures.scss
 - assets/stylesheets/components/_forms.scss
 - assets/stylesheets/components/_grids.scss
 - assets/stylesheets/components/_lists.scss
@@ -141,6 +146,7 @@ files:
 - assets/stylesheets/components/_navbars.scss
 - assets/stylesheets/components/_navs.scss
 - assets/stylesheets/components/_paginations.scss
+- assets/stylesheets/components/_sidebars.scss
 - assets/stylesheets/components/_tables.scss
 - assets/stylesheets/components/_tooltips.scss
 - assets/stylesheets/elements/_badge.scss
@@ -148,6 +154,8 @@ files:
 - assets/stylesheets/elements/_code.scss
 - assets/stylesheets/elements/_icon.scss
 - assets/stylesheets/elements/_image.scss
+- assets/stylesheets/elements/_link.scss
+- assets/stylesheets/elements/_type.scss
 - assets/stylesheets/elements/_typography.scss
 - assets/stylesheets/functions/_colors.scss
 - assets/stylesheets/functions/_converters.scss
@@ -157,10 +165,10 @@ files:
 - assets/stylesheets/mixins/_breakpoints.scss
 - assets/stylesheets/mixins/_buttons.scss
 - assets/stylesheets/mixins/_forms.scss
-- assets/stylesheets/mixins/_grid.scss
-- assets/stylesheets/mixins/_hover.scss
+- assets/stylesheets/mixins/_grids.scss
+- assets/stylesheets/mixins/_hovers.scss
 - assets/stylesheets/mixins/_icons.scss
-- assets/stylesheets/mixins/_navbar.scss
+- assets/stylesheets/mixins/_navbars.scss
 - assets/stylesheets/mixins/_positions.scss
 - assets/stylesheets/mixins/_transition.scss
 - assets/stylesheets/utilities/_classes.scss