ethosstyles 0.1.2 → 0.1.3

data/app/assets/stylesheets/components/base.scss

@@ -1,37 +0,0 @@
-%h3 {
-  @include remove_bootstrap_styles();
-  color: $charcoal;
-  font-size: 14px;
-  font-weight: bold;
-  line-height: 18px;
-}
-
-.rf-h3 {
-  @extend %h3;
-}
-
-%h5 {
-  color: $slate;
-  font-family: acumin-pro, semibold, sans-serif;
-  font-size: 10px;
-  letter-spacing: 0.78px;
-  padding-top: 0px;
-  padding-bottom: 5px;
-  text-align: left;
-}
-
-%p {
-  color: $slate;
-  font-size: 14px;
-  line-height: 20px;
-}
-
-.rf-p--lead,
-%rf-p--lead {
-  font-size: 16px;
-  line-height: 22px;
-}
-
-.rf-ul--lead {
-  @extend %rf-p--lead;
-}

data/app/assets/stylesheets/components/forms.scss

@@ -1,4 +0,0 @@
-.rf-form-group {
-  display: block;
-  margin-bottom: 6px;
-}

data/app/assets/stylesheets/components/tables.scss

@@ -1,66 +0,0 @@
-//
-// Tables
-//
-
-$table-border-default: solid 1px $mercury;
-$input-border-default: solid 1px $stormy;
-$table-td-padding: 14px;
-
-.rf-table {
-  width: 100%;
-  border-collapse: separate;  // Necessary to round corners
-  table-layout: fixed;
-}
-
-.rf-table__col--centered {
-  text-align: center;
-
-  .form-control {
-    text-align: center;
-  }
-}
-.rf-table__col--right { text-align: right; }
-
-
-// Padding and borders for table cells
-
-.rf-table__td,
-.rf-table__th {
-  @include word-wrap;
-}
-
-.rf-table__td {
-  border-bottom: $table-border-default;
-  font-size: 13px;
-  padding: $table-td-padding;
-  vertical-align: middle;
-}
-
-.rf-table__th {
-  @extend %h5;
-  padding: 0px $table-td-padding 5px;
-}
-
-.rf-table__td--strong {
-  color: $charcoal;
-  font-weight: bold;
-}
-
-
-// Draws table borders
-tr:first-of-type > .rf-table__td {
-  border-top: $table-border-default;
-}
-
-.rf-table__row > td:first-of-type {
-  border-left: $table-border-default;
-}
-
-.rf-table__row > td:last-of-type {
-  border-right: $table-border-default;
-}
-
-// Rounds corners of the table body
-.rf-table__body {
-  @include round-table-corners();
-}

data/app/assets/stylesheets/utilities/mixins.scss

@@ -1,75 +0,0 @@
-// Generate `:hover` and `:focus` styles in one go.
-@mixin hocus() {
-  &:hover,
-  &:focus {
-    @content;
-  }
-}
-
-// Hanldes placeholder text across browsers in one line
-//
-// usage, NOTE: input { is important otherwise
-// an errant space is generated before :
-//
-//   input { @include placeholder {
-//     font-style: italic;
-//   }}
-@mixin placeholder {
-  &::-webkit-input-placeholder {@content}
-  &::-moz-placeholder          {@content}
-  &:-moz-placeholder           {@content}
-  &:-ms-input-placeholder      {@content}
-}
-
-
-// Round the corners of a table by a specified radius
-// NOTE: default is to use $border-radius. Depends
-//       on borders being present, and made by td's
-//       Also needs border-collapese: seperate
-//
-// (outer type or class) {
-//     Simple usage
-//     @include round-table-corners(<value>);
-//
-//     Detailed Usage
-//     @include round-table-corners(<value>);
-// }
-@mixin round-table-corners($radius: $border-radius) {
-  tr:first-of-type td:first-of-type {
-    border-top-left-radius: $border-radius;
-  }
-
-  tr:first-of-type td:last-of-type  {
-    border-top-right-radius: $border-radius;
-  }
-
-  tr:last-of-type td:first-of-type  {
-    border-bottom-left-radius: $border-radius;
-  }
-
-  tr:last-of-type td:last-of-type  {
-    border-bottom-right-radius: $border-radius;
-  }
-}
-
-// Simple truncation mixin to cut off text using an ellipsis after a certain
-// width.
-//
-// .simple-usage {
-//   @include truncate();
-// }
-//
-// .detailed-usage {
-//   @include truncate(<value>);
-// }
-@mixin truncate($width: 100%) {
-  max-width: $width;
-  white-space:nowrap;
-  overflow: hidden;
-  text-overflow: ellipsis;
-}
-
-@mixin word-wrap {
-  -ms-word-break: break-all;
-  overflow-wrap: break-word;
-}

data/app/assets/stylesheets/utilities/shame.scss

@@ -1,9 +0,0 @@
-//
-//  Bootstrap hacks
-//  todo: remove after refactoring
-//
-
-@mixin remove_bootstrap_styles {
-  margin: 0;
-  padding: 0;
-}

data/app/assets/stylesheets/utilities/utilities.scss

@@ -1,74 +0,0 @@
-.rf-u-textleft {
-  text-align: left;
-}
-
-.rf-u-textright {
-  text-align: right;
-}
-
-.rf-u-textcenter {
-  text-align: center;
-}
-
-.rf-u-pullleft {
-  float: left;
-}
-
-.rf-u-pullright {
-  float: right;
-}
-
-.rf-u-block {
-  display: block !important;
-}
-
-.rf-u-inline {
-  display: inline-block !important;
-}
-
-.rf-u-success {
-  color: $green !important;
-}
-
-.rf-u-fail {
-  color: $red !important;
-}
-
-.rf-u-caps {
-  text-transform: uppercase;
-}
-
-.rf-u-truncate {
-  @include truncate;
-}
-
-.rf-u-text-minor {
-  color: $stormy;
-  font-size: inherit;
-  font-style: italic;
-  font-weight: normal;
-}
-
-
-// 
-// Spacing
-// based off of Bootstrap naming https://v4-alpha.getbootstrap.com/utilities/spacing/#horizontal-centering
-//
-
-.rf-u-m-y {
-  margin-bottom: 10px;
-  margin-top: 10px;
-}
-
-.rf-u-m-t {
-  margin-top: 10px;
-}
-
-.rf-u-p-x {
-  padding-left: 10px;
-  padding-right: 10px;
-}
-
-.rf-u-p-r {
-  padding-right: 10px;
-}