fortitude-sass 0.6.5 → 0.7.0

data/app/assets/stylesheets/fortitude/api/blocks/_tabs-navigation.scss

@@ -25,6 +25,9 @@
   display: table-cell;
 }
 
+@mixin fortitude-tabs-navigation__item--is-active($extensions: ()){
+}
+
 @mixin fortitude-tabs-navigation__link($extensions: ()) {
   display: block;
 }

data/app/assets/stylesheets/fortitude/api/blocks/_text.scss

@@ -0,0 +1,3 @@
+/*------------------------------------*\
+    #TEXT
+\*------------------------------------*/

data/app/assets/stylesheets/fortitude/api/blocks/_ui-list.scss

@@ -3,8 +3,8 @@
 \*------------------------------------*/
 
 $fortitude-ui-list-padding--default: $fortitude-base-spacing-unit !default;
-$fortitude-ui-list-padding--small: halve($fortitude-ui-list-padding--default) !default;
-$fortitude-ui-list-padding--large: double($fortitude-ui-list-padding--default) !default;
+$fortitude-ui-list-padding--small: fortitude-halve($fortitude-ui-list-padding--default) !default;
+$fortitude-ui-list-padding--large: fortitude-double($fortitude-ui-list-padding--default) !default;
 $fortitude-ui-list-border-width: 0.1rem !default;
 $fortitude-ui-list-border-style: solid !default;
 $fortitude-ui-list-border-color: #ccc !default;

data/app/assets/stylesheets/fortitude/base/_hr.scss

@@ -3,7 +3,7 @@
 \*------------------------------------*/
 
 hr {
-  border-top: (halve($fortitude-base-spacing-unit) - 0.1rem) solid transparent;
+  border-top: (fortitude-halve($fortitude-base-spacing-unit) - 0.1rem) solid transparent;
   border-bottom: 0.1rem solid;
   border-right-color: transparent;
   border-left-color: transparent;
@@ -11,7 +11,7 @@ hr {
 
 .hr--top {
   border-top: 0.1rem solid;
-  border-bottom: (halve($fortitude-base-spacing-unit) - 0.1rem) solid transparent;
+  border-bottom: (fortitude-halve($fortitude-base-spacing-unit) - 0.1rem) solid transparent;
 }
 
 .hr--dashed {

data/app/assets/stylesheets/fortitude/base/_page.scss

@@ -16,8 +16,6 @@
 html {
   font-size: $fortitude-base-rem-font-size;
   /* [1] */
-  line-height: $fortitude-base-line-height / $fortitude-base-font-size;
-  /* [1] */
   background-color: $fortitude-base-background-color;
   color: $fortitude-base-color;
   overflow-y: scroll;

data/app/assets/stylesheets/fortitude/blocks/_badge.scss

@@ -1,3 +1,5 @@
+$fortitude-enable-badge: true;
+
 .#{$fortitude-namespace}badge {
   @include fortitude-badge;
 }

data/app/assets/stylesheets/fortitude/blocks/_bare-list.scss

@@ -1,3 +1,5 @@
+$fortitude-enable-bare-list: true;
+
 .#{$fortitude-namespace}bare-list {
   @include fortitude-bare-list;
 }

data/app/assets/stylesheets/fortitude/blocks/_block-list.scss

@@ -1,3 +1,5 @@
+$fortitude-enable-block-list: true;
+
 .#{$fortitude-namespace}block-list {
   @include fortitude-block-list;
 }

data/app/assets/stylesheets/fortitude/blocks/_box.scss

@@ -1,3 +1,5 @@
+$fortitude-enable-box: true;
+
 .#{$fortitude-namespace}box {
   @include fortitude-box;
 }

data/app/assets/stylesheets/fortitude/blocks/_button.scss

@@ -1,3 +1,5 @@
+$fortitude-enable-button: true;
+
 .#{$fortitude-namespace}button {
   @include fortitude-button;
 }

data/app/assets/stylesheets/fortitude/blocks/_container.scss

@@ -1,3 +1,5 @@
+$fortitude-enable-container: true;
+
 .#{$fortitude-namespace}container {
   @include fortitude-container;
 }

data/app/assets/stylesheets/fortitude/blocks/_dropdown.scss

@@ -0,0 +1,15 @@
+.#{$fortitude-namespace}dropdown {
+  @include fortitude-dropdown;
+}
+
+.#{$fortitude-namespace}dropdown__navigation {
+  @include fortitude-dropdown__navigation; 
+}
+
+.#{$fortitude-namespace}dropdown__text--is-checked {
+  @include fortitude-dropdown__text--is-checked;
+}
+
+.#{$fortitude-namespace}dropdown__toggle {
+  @include fortitude-dropdown__toggle;
+}

data/app/assets/stylesheets/fortitude/blocks/_flag.scss

@@ -1,3 +1,5 @@
+$fortitude-enable-flag: true;
+
 .#{$fortitude-namespace}flag {
   @include fortitude-flag;
 }

data/app/assets/stylesheets/fortitude/blocks/_flashbar.scss

@@ -1,7 +1,13 @@
+$fortitude-enable-flashbar: true;
+
 .#{$fortitude-namespace}flashbar {
   @include fortitude-flashbar;
 }
 
+.#{$fortitude-namespace}flashbar--closed {
+  @include fortitude-flashbar--closed;
+}
+
 .#{$fortitude-namespace}flashbar__close {
   @include fortitude-flashbar__close;
 }

data/app/assets/stylesheets/fortitude/blocks/_fluid-container.scss

@@ -1,3 +1,5 @@
+$fortitude-enable-fluid-container: true;
+
 .#{$fortitude-namespace}fluid-container {
   @include fortitude-fluid-container;
 }

data/app/assets/stylesheets/fortitude/blocks/_inline-list.scss

@@ -1,3 +1,5 @@
+$fortitude-enable-inline-list: true;
+
 .#{$fortitude-namespace}inline-list {
   @include fortitude-inline-list;
 }

data/app/assets/stylesheets/fortitude/blocks/_input.scss

@@ -1,3 +1,5 @@
+$fortitude-enable-input: true;
+
 .#{$fortitude-namespace}checkbox-input {
   @include fortitude-checkbox-input;
 }

data/app/assets/stylesheets/fortitude/blocks/_layout.scss

@@ -1,3 +1,5 @@
+$fortitude-enable-layout: true;
+
 .#{$fortitude-namespace}layout {
   @include fortitude-layout;
 }

data/app/assets/stylesheets/fortitude/blocks/_list-navigation.scss

@@ -1,3 +1,5 @@
+$fortitude-enable-list-navigation: true;
+
 .#{$fortitude-namespace}list-navigation {
   @include fortitude-list-navigation;
 }

data/app/assets/stylesheets/fortitude/blocks/_media.scss

@@ -1,3 +1,5 @@
+$fortitude-enable-media: true;
+
 .#{$fortitude-namespace}media {
   @include fortitude-media;
 }

data/app/assets/stylesheets/fortitude/blocks/_modal.scss

@@ -1,21 +1,13 @@
+$fortitude-enable-modal: true;
+
 .#{$fortitude-namespace}modal {
-  position: fixed;
-  top: 0;
-  right: 0;
-  bottom: 0;
-  left: 0;
-  z-index: 3;
-  display: none;
-  overflow: hidden;
-  overflow-y: auto;
-  -webkit-overflow-scrolling: touch;
-  -moz-overflow-scrolling: touch;
-  overflow-scrolling: touch;
+  @include fortitude-modal;
+}
+
+.#{$fortitude-namespace}modal--is-active {
+  @include fortitude-modal--is-active;
 }
 
 .#{$fortitude-namespace}modal__content {
-  position: relative;
-  width: auto;
-  margin: halve($fortitude-base-spacing-unit);
-  // set width in extending class
+  @include fortitude-modal__content;
 }

data/app/assets/stylesheets/fortitude/blocks/_navigationbar.scss

@@ -1,4 +1,4 @@
-$fortitude-navigationbar-height: 4rem !default;
+$fortitude-enable-navigationbar: true;
 
 .#{$fortitude-namespace}navigationbar {
   position: relative;
@@ -104,12 +104,15 @@ $fortitude-navigationbar-height: 4rem !default;
   .#{$fortitude-namespace}navigationbar__toggle__helper {
     float: right;
     position: relative;
-    outline: 0;
     opacity: 0;
     -webkit-appearance: none;
     -moz-appearance: none;
     appearance: none;
 
+    &:focus {
+      outline: 0;
+    }
+
     + .#{$fortitude-namespace}navigationbar__navigation {
       display: none;
       position: absolute;

data/app/assets/stylesheets/fortitude/blocks/_shade.scss

@@ -1,3 +1,10 @@
+$fortitude-enable-shade: true;
+
 .#{$fortitude-namespace}shade {
   @include fortitude-shade;
 }
+
+.#{$fortitude-namespace}shade--is-active {
+  @include fortitude-shade--is-active;
+}
+

data/app/assets/stylesheets/fortitude/blocks/_table.scss

@@ -1,9 +1,4 @@
-/*------------------------------------*\
-    #TABLES
-\*------------------------------------*/
-
-// Predefine the variables below in order to alter and enable specific features.
-$fortitude-enable-table--fixed: false !default;
+$fortitude-enable-table: true;
 
 .#{$fortitude-namespace}table,
 %#{$fortitude-namespace}table {

data/app/assets/stylesheets/fortitude/blocks/_tabs-navigation.scss

@@ -1,3 +1,5 @@
+$fortitude-enable-tabs-navigation: true;
+
 .#{$fortitude-namespace}tabs-navigation {
   @include fortitude-tabs-navigation;
 }
@@ -10,6 +12,10 @@
   @include fortitude-tabs-navigation__item;
 }
 
+.#{$fortitude-namespace}tabs-navigation__item--is-active {
+  @include fortitude-tabs-navigation__item--is-active;
+}
+
 .#{$fortitude-namespace}tabs-navigation__link {
   @include fortitude-tabs-navigation__link;
 }

data/app/assets/stylesheets/fortitude/blocks/_tabs.scss

@@ -1,3 +1,5 @@
+$fortitude-enable-tabs: true;
+
 .#{$fortitude-namespace}tabs__target {
   @include fortitude-tabs__target;
 }

data/app/assets/stylesheets/fortitude/blocks/_text.scss

@@ -1,6 +1,4 @@
-/*------------------------------------*\
-    #TEXT
-\*------------------------------------*/
+$fortitude-enable-text: true;
 
 .#{$fortitude-namespace}text-italic {
   font-style: italic;

data/app/assets/stylesheets/fortitude/blocks/_tooltip.scss

@@ -1,3 +1,5 @@
+$fortitude-enable-tooltip: true;
+
 .#{$fortitude-namespace}tooltip {
   @include fortitude-tooltip;
 }

data/app/assets/stylesheets/fortitude/blocks/_ui-list.scss

@@ -1,3 +1,5 @@
+$fortitude-enable-ui-list: true;
+
 .#{$fortitude-namespace}ui-list {
   @include fortitude-ui-list;
 }

data/app/assets/stylesheets/fortitude/blocks/_wings.scss

@@ -1,3 +1,5 @@
+$fortitude-enable-wings: true;
+
 .#{$fortitude-namespace}wings {
   display: table;
   width: 100%;
@@ -8,7 +10,7 @@
   vertical-align: middle;
   white-space: nowrap;
   width: 0.1rem;
-  padding: 0 double($fortitude-base-spacing-unit);
+  padding: 0 fortitude-double($fortitude-base-spacing-unit);
 }
 
 .#{$fortitude-namespace}wings__wing {

data/app/assets/stylesheets/fortitude/generic/_normalize.scss

@@ -8,11 +8,25 @@ body {
   margin: 0;
 }
 
-article, aside, details, figcaption, figure, footer, header, hgroup, main, nav, section, summary {
+article,
+aside,
+details,
+figcaption,
+figure,
+footer,
+header,
+hgroup,
+main,
+nav,
+section,
+summary {
   display: block;
 }
 
-audio, canvas, progress, video {
+audio,
+canvas,
+progress,
+video {
   display: inline-block;
   vertical-align: baseline;
 }
@@ -22,14 +36,16 @@ audio:not([controls]) {
   height: 0;
 }
 
-[hidden], template {
+[hidden],
+template {
   display: none;
 }
 
 a {
   background: transparent;
-  &:active, &:hover {
-    outline: 0;
+
+  &:focus {
+    outline: none;
   }
 }
 
@@ -37,7 +53,8 @@ abbr[title] {
   border-bottom: 1px dotted;
 }
 
-b, strong {
+b,
+strong {
   font-weight: bold;
 }
 
@@ -100,12 +117,19 @@ pre {
   overflow: auto;
 }
 
-code, kbd, pre, samp {
+code,
+kbd,
+pre,
+samp {
   font-family: monospace, monospace;
   font-size: 1em;
 }
 
-button, input, optgroup, select, textarea {
+button,
+input,
+optgroup,
+select,
+textarea {
   color: inherit;
   font: inherit;
   margin: 0;
@@ -120,19 +144,26 @@ select {
   text-transform: none;
 }
 
-button, html input[type="button"] {
+button,
+html input[type="button"] {
+  -moz-appearance: button;
   -webkit-appearance: button;
+  appearance: button;
   cursor: pointer;
 }
 
 input {
-  &[type="reset"], &[type="submit"] {
+  &[type="reset"],
+  &[type="submit"] {
+    -moz-appearance: button;
     -webkit-appearance: button;
+    appearance: button;
     cursor: pointer;
   }
 }
 
-button[disabled], html input[disabled] {
+button[disabled],
+html input[disabled] {
   cursor: default;
 }
 
@@ -147,23 +178,28 @@ input {
     padding: 0;
   }
   line-height: normal;
-  &[type="checkbox"], &[type="radio"] {
+  &[type="checkbox"],
+  &[type="radio"] {
     -moz-box-sizing: border-box;
     box-sizing: border-box;
     padding: 0;
   }
   &[type="number"] {
-    &::-webkit-inner-spin-button, &::-webkit-outer-spin-button {
+    &::-webkit-inner-spin-button,
+    &::-webkit-outer-spin-button {
       height: auto;
     }
   }
   &[type="search"] {
     @if $fortitude-global-border-box == false {
+      -moz-appearance: textfield;
       -webkit-appearance: textfield;
+      appearance: textfield;
       -moz-box-sizing: content-box;
       box-sizing: content-box;
     }
-    &::-webkit-search-cancel-button, &::-webkit-search-decoration {
+    &::-webkit-search-cancel-button,
+    &::-webkit-search-decoration {
       -webkit-appearance: none;
     }
   }
@@ -193,6 +229,7 @@ table {
   border-spacing: 0;
 }
 
-td, th {
+td,
+th {
   padding: 0;
 }