fortitude-sass 0.3.0

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

@@ -0,0 +1,19 @@
+/*------------------------------------*\
+    #TABS
+\*------------------------------------*/
+
+@mixin fortitude-tabs__target {
+    display: none;
+}
+
+@mixin fortitude-tabs__target--is-selected {
+    display: block;
+}
+
+.#{$fortitude-namespace}tabs__target {
+  @include fortitude-tabs__target;
+}
+
+.#{$fortitude-namespace}tabs__target--is-selected {
+  @include fortitude-tabs__target--is-selected;
+}

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

@@ -0,0 +1,67 @@
+/*------------------------------------*\
+    #TEXT
+\*------------------------------------*/
+
+@mixin fortitude-text-italic {
+    font-style: italic;
+}
+
+@mixin fortitude-text-underline {
+    text-decoration: underline;
+}
+
+@mixin fortitude-text-line-through {
+    text-decoration: line-through;
+}
+
+@mixin fortitude-text-lowercase {
+    text-transform: lowercase;
+}
+
+@mixin fortitude-text-uppercase {
+    text-transform: uppercase;
+}
+
+@mixin fortitude-text-capitalize {
+    text-transform: capitalize;
+}
+
+@mixin fortitude-text($extension: null) {
+    @if ($extension == italic) {
+        @include fortitude-text-italic;
+    } @else if ($extension == underline) {
+        @include fortitude-text-underline;
+    } @else if ($extension == line-through) {
+        @include fortitude-text-line-through;
+    } @else if ($extension == lowercase) {
+        @include fortitude-text-lowercase;
+    } @else if ($extension == uppercase) {
+        @include fortitude-text-uppercase;
+    } @else if ($extension == capitalize) {
+        @include fortitude-text-capitalize;
+    }
+}
+
+.#{$fortitude-namespace}fortitude-text-italic {
+    @include fortitude-text-italic;
+}
+
+.#{$fortitude-namespace}fortitude-text-underline {
+    @include fortitude-text-underline;
+}
+
+.#{$fortitude-namespace}fortitude-text-line-through {
+    @include fortitude-text-line-through;
+}
+
+.#{$fortitude-namespace}fortitude-text-lowercase {
+    @include fortitude-text-lowercase;
+}
+
+.#{$fortitude-namespace}fortitude-text-uppercase {
+    @include fortitude-text-uppercase;
+}
+
+.#{$fortitude-namespace}fortitude-text-capitalize {
+    @include fortitude-text-capitalize;
+}

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

@@ -0,0 +1,97 @@
+/*------------------------------------*\
+    #UI-LIST
+\*------------------------------------*/
+
+/**
+ * The UI list object creates blocky list items with a keyline separator out of
+ * a `ul` or `ol`.
+ */
+
+// Predefine the variables below in order to alter and enable specific features.
+$fortitude-ui-list-padding:         $fortitude-base-spacing-unit !default;
+$fortitude-ui-list-padding--small:  halve($fortitude-ui-list-padding) !default;
+$fortitude-ui-list-padding--large:  double($fortitude-ui-list-padding) !default;
+
+$fortitude-ui-list-border-width:    0.1rem !default;
+$fortitude-ui-list-border-style:    solid !default;
+$fortitude-ui-list-border-color:    #ccc !default;
+
+$fortitude-enable-ui-list--small:   false !default;
+$fortitude-enable-ui-list--large:   false !default;
+
+@mixin fortitude-ui-list {
+    border:  0 $fortitude-ui-list-border-style $fortitude-ui-list-border-color;
+    margin:  0;
+    padding: 0;
+    list-style: none;
+    border-top-width: $fortitude-ui-list-border-width;
+}
+
+@mixin fortitude-ui-list__item($extension: null) {
+    border: 0 $fortitude-ui-list-border-style $fortitude-ui-list-border-color;
+    border-bottom-width: $fortitude-ui-list-border-width;
+
+    @if ($extension == small) {
+        @include fortitude-ui-list--small__item;
+    } @else if ($extension == large) {
+        @include fortitude-ui-list--large__item;
+    } @else {
+        padding: $fortitude-ui-list-padding;
+    }
+}
+
+@mixin fortitude-ui-list--small__item {
+    padding: $fortitude-ui-list-padding--small;
+}
+
+@mixin fortitude-ui-list--large__item {
+    padding: $fortitude-ui-list-padding--large;
+}
+
+
+.#{$fortitude-namespace}ui-list {
+    @include fortitude-ui-list;
+}
+
+    .#{$fortitude-namespace}ui-list__item {
+        @include fortitude-ui-list__item;
+    }
+
+
+
+
+
+@if ($fortitude-enable-ui-list--small == true) {
+
+    /**
+     * Small ui-lists.
+     */
+
+    .#{$fortitude-namespace}ui-list--small {
+
+        > .#{$fortitude-namespace}ui-list__item {
+            @include fortitude-ui-list--small__item;
+        }
+
+    }
+
+}
+
+
+
+
+
+@if ($fortitude-enable-ui-list--large == true) {
+
+    /**
+     * Large ui-lists.
+     */
+
+    .#{$fortitude-namespace}ui-list--large {
+
+        > .#{$fortitude-namespace}ui-list__item {
+            @include fortitude-ui-list--large__item;
+        }
+
+    }
+}

data/app/assets/stylesheets/fortitude/generic/_box-sizing.scss

@@ -0,0 +1,23 @@
+/*------------------------------------*\
+    #BOX-SIZING
+\*------------------------------------*/
+
+/**
+ * Set the global `box-sizing` state to `border-box`.
+ */
+* {
+    &,
+    &:before,
+    &:after {
+        -webkit-box-sizing: border-box;
+           -moz-box-sizing: border-box;
+                box-sizing: border-box;
+    }
+}
+
+
+
+
+// If we have included this file, set a variable to tell the rest of the
+// framework that global `box-sizing: border-box` has been set.
+$fortitude-global-border-box: true;

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

@@ -0,0 +1,3 @@
+%#{$fortitude-namespace}clearfix {
+    @include fortitude-clearfix;
+}

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

@@ -0,0 +1,200 @@
+html {
+  font-family: sans-serif;
+  -ms-text-size-adjust: 100%;
+  -webkit-text-size-adjust: 100%;
+}
+
+body {
+  margin: 0;
+}
+
+article, aside, details, figcaption, figure, footer, header, hgroup, main, nav, section, summary {
+  display: block;
+}
+
+audio, canvas, progress, video {
+  display: inline-block;
+  vertical-align: baseline;
+}
+
+audio:not([controls]) {
+  display: none;
+  height: 0;
+}
+
+[hidden], template {
+  display: none;
+}
+
+a {
+  background: transparent;
+  &:active, &:hover {
+    outline: 0;
+  }
+}
+
+abbr[title] {
+  border-bottom: 1px dotted;
+}
+
+b, strong {
+  font-weight: bold;
+}
+
+dfn {
+  font-style: italic;
+}
+
+h1 {
+  font-size: 2em;
+  margin: 0.67em 0;
+}
+
+mark {
+  background: #ff0;
+  color: #000;
+}
+
+small {
+  font-size: 80%;
+}
+
+sub {
+  font-size: 75%;
+  line-height: 0;
+  position: relative;
+  vertical-align: baseline;
+}
+
+sup {
+  font-size: 75%;
+  line-height: 0;
+  position: relative;
+  vertical-align: baseline;
+  top: -0.5em;
+}
+
+sub {
+  bottom: -0.25em;
+}
+
+img {
+  border: 0;
+}
+
+svg:not(:root) {
+  overflow: hidden;
+}
+
+figure {
+  margin: 1em 40px;
+}
+
+hr {
+  -moz-box-sizing: content-box;
+  box-sizing: content-box;
+  height: 0;
+}
+
+pre {
+  overflow: auto;
+}
+
+code, kbd, pre, samp {
+  font-family: monospace, monospace;
+  font-size: 1em;
+}
+
+button, input, optgroup, select, textarea {
+  color: inherit;
+  font: inherit;
+  margin: 0;
+}
+
+button {
+  overflow: visible;
+  text-transform: none;
+}
+
+select {
+  text-transform: none;
+}
+
+button, html input[type="button"] {
+  -webkit-appearance: button;
+  cursor: pointer;
+}
+
+input {
+  &[type="reset"], &[type="submit"] {
+    -webkit-appearance: button;
+    cursor: pointer;
+  }
+}
+
+button[disabled], html input[disabled] {
+  cursor: default;
+}
+
+button::-moz-focus-inner {
+  border: 0;
+  padding: 0;
+}
+
+input {
+  &::-moz-focus-inner {
+    border: 0;
+    padding: 0;
+  }
+  line-height: normal;
+  &[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 {
+      height: auto;
+    }
+  }
+  &[type="search"] {
+
+    @if ($fortitude-global-border-box == false) {
+      -webkit-appearance: textfield;
+      -moz-box-sizing: content-box;
+      box-sizing: content-box;
+    }
+
+    &::-webkit-search-cancel-button, &::-webkit-search-decoration {
+      -webkit-appearance: none;
+    }
+  }
+}
+
+fieldset {
+  border: 1px solid #c0c0c0;
+  margin: 0 2px;
+  padding: 0.35em 0.625em 0.75em;
+}
+
+legend {
+  border: 0;
+  padding: 0;
+}
+
+textarea {
+  overflow: auto;
+}
+
+optgroup {
+  font-weight: bold;
+}
+
+table {
+  border-collapse: collapse;
+  border-spacing: 0;
+}
+
+td, th {
+  padding: 0;
+}

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

@@ -0,0 +1,53 @@
+/*------------------------------------*\
+    #RESET
+\*------------------------------------*/
+
+/**
+ * As well as using normalize.css, it is often advantageous to remove all
+ * margins from certain elements.
+ */
+body,
+h1, h2, h3, h4, h5, h6,
+p, blockquote, pre,
+dl, dd, ol, ul,
+form, fieldset, legend,
+table, th, td, caption,
+hr, figure {
+    margin:  0;
+    padding: 0;
+}
+
+
+
+
+
+/**
+ * Give a help cursor to elements that give extra info on `:hover`.
+ */
+abbr[title],
+dfn[title] {
+    cursor: help;
+}
+
+
+
+
+
+/**
+ * Remove underlines from potentially troublesome elements.
+ */
+// u,
+// ins {
+//     text-decoration: none;
+// }
+
+
+
+
+
+/**
+ * Apply faux underlines to inserted text via `border-bottom`.
+ */
+// ins {
+//     border-bottom: 0.1rem solid;
+// }