basscss-rails 3.0.0 → 4.0.0

data/app/assets/stylesheets/basscss/_grid.scss

@@ -1,61 +1,6 @@
 
 // Converted Variables
 
-$aqua: #7fdbff !default;
-$blue: #0074d9 !default;
-$navy: #001f3f !default;
-$teal: #39cccc !default;
-$green: #2ecc40 !default;
-$olive: #3d9970 !default;
-$lime: #01ff70 !default;
-$yellow: #ffdc00 !default;
-$orange: #ff851b !default;
-$red: #ff4136 !default;
-$fuchsia: #f012be !default;
-$purple: #b10dc9 !default;
-$maroon: #85144b !default;
-$white: #fff !default;
-$silver: #ddd !default;
-$gray: #aaa !default;
-$black: #111 !default;
-$font-family: 'Helvetica Neue', Helvetica, sans-serif !default;
-$line-height: 1.5 !default;
-$heading-font-family: $font-family !default;
-$heading-font-weight: bold !default;
-$heading-line-height: 1.25 !default;
-$monospace-font-family: 'Source Code Pro', Consolas, monospace !default;
-$h1: 2rem !default;
-$h2: 1.5rem !default;
-$h3: 1.25rem !default;
-$h4: 1rem !default;
-$h5: .875rem !default;
-$h6: .75rem !default;
-$bold-font-weight: bold !default;
-$space-1: .5rem !default;
-$space-2: 1rem !default;
-$space-3: 2rem !default;
-$space-4: 4rem !default;
-$form-field-font-size: 1rem !default;
-$form-field-height: 2.25rem !default;
-$form-field-padding-y: .5rem !default;
-$form-field-padding-x: .5rem !default;
-$button-font-size: inherit !default;
-$button-font-weight: bold !default;
-$button-line-height: 1.125rem !default;
-$button-padding-y: .5rem !default;
-$button-padding-x: 1rem !default;
-$container-width: 64em !default;
-$darken-1: rgba(0,0,0,.0625) !default;
-$darken-2: rgba(0,0,0,.125) !default;
-$darken-3: rgba(0,0,0,.25) !default;
-$darken-4: rgba(0,0,0,.5) !default;
-$lighten-1: rgba(255,255,255,.0625) !default;
-$lighten-2: rgba(255,255,255,.125) !default;
-$lighten-3: rgba(255,255,255,.25) !default;
-$lighten-4: rgba(255,255,255,.5) !default;
-$border-width: 1px !default;
-$border-radius: 3px !default;
-$border-color: $darken-2 !default;
 
 // Custom Media Query Variables
 
@@ -65,11 +10,6 @@ $breakpoint-lg: '(min-width: 64em)' !default;
 
 /* Basscss Grid */
 
-.container {
-  max-width: $container-width;
-  margin-left: auto;
-  margin-right: auto;
-}
 .col {
   float: left;
   box-sizing: border-box;
@@ -127,6 +67,7 @@ $breakpoint-lg: '(min-width: 64em)' !default;
 .col-12 {
   width: 100%;
 }
+
 @media #{$breakpoint-sm} {
 
   .sm-col {
@@ -188,6 +129,7 @@ $breakpoint-lg: '(min-width: 64em)' !default;
   }
 
 }
+
 @media #{$breakpoint-md} {
 
   .md-col {
@@ -249,6 +191,7 @@ $breakpoint-lg: '(min-width: 64em)' !default;
   }
 
 }
+
 @media #{$breakpoint-lg} {
 
   .lg-col {
@@ -309,16 +252,4 @@ $breakpoint-lg: '(min-width: 64em)' !default;
     width: 100%;
   }
 
-}
-
-/* Basscss Defaults */
-
-/*
-
-   COLOR VARIABLES
-
-   - Cool
-   - Warm
-   - Gray Scale
-
-*/
+}

data/app/assets/stylesheets/basscss/_hide.scss

@@ -0,0 +1,38 @@
+
+// Converted Variables
+
+
+// Custom Media Query Variables
+
+$breakpoint-xs: '(max-width: 40em)' !default;
+$breakpoint-sm-md: '(min-width: 40em) and (max-width: 52em)' !default;
+$breakpoint-md-lg: '(min-width: 52em) and (max-width: 64em)' !default;
+$breakpoint-lg: '(min-width: 64em)' !default;
+
+/* Basscss Hide */
+
+.hide {
+  position: absolute !important;
+  height: 1px;
+  width: 1px;
+  overflow: hidden;
+  clip: rect(1px, 1px, 1px, 1px);
+}
+
+@media #{$breakpoint-xs} {
+  .xs-hide { display: none !important }
+}
+
+@media #{$breakpoint-sm-md} {
+  .sm-hide { display: none !important }
+}
+
+@media #{$breakpoint-md-lg} {
+  .md-hide { display: none !important }
+}
+
+@media #{$breakpoint-lg} {
+  .lg-hide { display: none !important }
+}
+
+.display-none { display: none !important }

data/app/assets/stylesheets/basscss/_highlight-dark.scss

@@ -0,0 +1,166 @@
+
+// Converted Variables
+
+$aqua: #7fdbff !default;
+$blue: #0074d9 !default;
+$navy: #001f3f !default;
+$teal: #39cccc !default;
+$green: #2ecc40 !default;
+$olive: #3d9970 !default;
+$lime: #01ff70 !default;
+$yellow: #ffdc00 !default;
+$orange: #ff851b !default;
+$red: #ff4136 !default;
+$fuchsia: #f012be !default;
+$purple: #b10dc9 !default;
+$maroon: #85144b !default;
+$white: #fff !default;
+$silver: #ddd !default;
+$gray: #aaa !default;
+$black: #111 !default;
+$hljs-comment: $silver !default;
+$hljs-keyword: white !default;
+$hljs-number: $lime !default;
+$hljs-string: $red !default;
+$hljs-title: $red !default;
+$hljs-type: $aqua !default;
+$hljs-tag: $aqua !default;
+$hljs-attribute: $lime !default;
+$hljs-regexp: $lime !default;
+$hljs-symbol: $fuchsia !default;
+$hljs-built-in: $aqua !default;
+$hljs-preprocessor: $silver !default;
+$hljs-deletion: $fuchsia !default;
+$hljs-addition: $lime !default;
+$hljs-change: $aqua !default;
+$hljs-chunk: $gray !default;
+
+// Custom Media Query Variables
+
+
+/* Basscss Highlight */
+
+/*
+
+   COLOR VARIABLES
+
+   - Cool
+   - Warm
+   - Gray Scale
+
+*/
+
+.highlight-dark .hljs {
+  color: white;
+  -webkit-text-size-adjust: none;
+}
+
+.highlight-dark .hljs-comment,
+.highlight-dark .diff .hljs-header,
+.highlight-dark .hljs-javadoc {
+  color: $hljs-comment;
+  font-style: italic;
+}
+
+.highlight-dark .hljs-keyword,
+.highlight-dark .css .rule .hljs-keyword,
+.highlight-dark .hljs-winutils,
+.highlight-dark .nginx .hljs-title,
+.highlight-dark .hljs-subst,
+.highlight-dark .hljs-request,
+.highlight-dark .hljs-status {
+  color: $hljs-keyword;
+  font-weight: bold;
+}
+
+.highlight-dark .hljs-number,
+.highlight-dark .hljs-hexcolor,
+.highlight-dark .ruby .hljs-constant {
+  color: $hljs-number;
+}
+
+.highlight-dark .hljs-string,
+.highlight-dark .hljs-tag .hljs-value,
+.highlight-dark .hljs-phpdoc,
+.highlight-dark .hljs-dartdoc,
+.highlight-dark .tex .hljs-formula {
+  color: $hljs-string;
+}
+
+.hljs-title,
+.hljs-id,
+.scss .hljs-preprocessor {
+  color: $hljs-title;
+  font-weight: bold;
+}
+
+.highlight-dark .hljs-list .hljs-keyword,
+.highlight-dark .hljs-subst {
+  font-weight: normal;
+}
+
+.highlight-dark .hljs-class .hljs-title,
+.highlight-dark .hljs-type,
+.highlight-dark .vhdl .hljs-literal,
+.highlight-dark .tex .hljs-command {
+  color: $hljs-type;
+  font-weight: bold;
+}
+
+.highlight-dark .hljs-tag,
+.highlight-dark .hljs-tag .hljs-title,
+.highlight-dark .hljs-rules .hljs-property,
+.highlight-dark .django .hljs-tag .hljs-keyword {
+  color: $hljs-tag;
+  font-weight: normal;
+}
+
+.highlight-dark .hljs-attribute,
+.highlight-dark .hljs-variable,
+.highlight-dark .lisp .hljs-body {
+  color: $hljs-attribute;
+}
+
+.highlight-dark .hljs-regexp {
+  color: $hljs-regexp;
+}
+
+.highlight-dark .hljs-symbol,
+.highlight-dark .ruby .hljs-symbol .hljs-string,
+.highlight-dark .lisp .hljs-keyword,
+.highlight-dark .clojure .hljs-keyword,
+.highlight-dark .scheme .hljs-keyword,
+.highlight-dark .tex .hljs-special,
+.highlight-dark .hljs-prompt {
+  color: $hljs-symbol;
+}
+
+.highlight-dark .hljs-built_in {
+  color: $hljs-built-in;
+}
+
+.highlight-dark .hljs-preprocessor,
+.highlight-dark .hljs-pragma,
+.highlight-dark .hljs-pi,
+.highlight-dark .hljs-doctype,
+.highlight-dark .hljs-shebang,
+.highlight-dark .hljs-cdata {
+  color: $hljs-preprocessor;
+  font-weight: bold;
+}
+
+.highlight-dark .hljs-deletion {
+  background: $hljs-deletion;
+}
+
+.highlight-dark .hljs-addition {
+  background: $hljs-addition;
+}
+
+.highlight-dark .diff .hljs-change {
+  background: $hljs-change;
+}
+
+.highlight-dark .hljs-chunk {
+  color: $hljs-chunk;
+}

data/app/assets/stylesheets/basscss/_highlight.scss

@@ -18,12 +18,11 @@ $white: #fff !default;
 $silver: #ddd !default;
 $gray: #aaa !default;
 $black: #111 !default;
-$monospace-font-family: 'Source Code Pro', Consolas, monospace !default;
 $hljs-comment: $gray !default;
 $hljs-keyword: $black !default;
 $hljs-number: $olive !default;
-$hljs-string: $red !default;
-$hljs-title: $red !default;
+$hljs-string: $blue !default;
+$hljs-title: $blue !default;
 $hljs-type: $navy !default;
 $hljs-tag: $navy !default;
 $hljs-attribute: $olive !default;
@@ -163,4 +162,6 @@ $hljs-chunk: $silver !default;
 
 .hljs-chunk {
   color: $hljs-chunk;
-}
+}
+
+/* Mapped colors */

data/app/assets/stylesheets/basscss/_input-range.scss

@@ -1,61 +1,11 @@
 
 // Converted Variables
 
-$aqua: #7fdbff !default;
-$blue: #0074d9 !default;
-$navy: #001f3f !default;
-$teal: #39cccc !default;
-$green: #2ecc40 !default;
-$olive: #3d9970 !default;
-$lime: #01ff70 !default;
-$yellow: #ffdc00 !default;
-$orange: #ff851b !default;
-$red: #ff4136 !default;
-$fuchsia: #f012be !default;
-$purple: #b10dc9 !default;
-$maroon: #85144b !default;
-$white: #fff !default;
-$silver: #ddd !default;
-$gray: #aaa !default;
-$black: #111 !default;
-$font-family: 'Helvetica Neue', Helvetica, sans-serif !default;
-$line-height: 1.5 !default;
-$heading-font-family: $font-family !default;
-$heading-font-weight: bold !default;
-$heading-line-height: 1.25 !default;
-$monospace-font-family: 'Source Code Pro', Consolas, monospace !default;
-$h1: 2rem !default;
-$h2: 1.5rem !default;
-$h3: 1.25rem !default;
-$h4: 1rem !default;
-$h5: .875rem !default;
-$h6: .75rem !default;
-$bold-font-weight: bold !default;
-$space-1: .5rem !default;
-$space-2: 1rem !default;
-$space-3: 2rem !default;
-$space-4: 4rem !default;
-$form-field-font-size: 1rem !default;
-$form-field-height: 2.25rem !default;
-$form-field-padding-y: .5rem !default;
 $form-field-padding-x: .5rem !default;
-$button-font-size: inherit !default;
-$button-font-weight: bold !default;
-$button-line-height: 1.125rem !default;
-$button-padding-y: .5rem !default;
-$button-padding-x: 1rem !default;
-$container-width: 64em !default;
-$darken-1: rgba(0,0,0,.0625) !default;
-$darken-2: rgba(0,0,0,.125) !default;
-$darken-3: rgba(0,0,0,.25) !default;
-$darken-4: rgba(0,0,0,.5) !default;
-$lighten-1: rgba(255,255,255,.0625) !default;
-$lighten-2: rgba(255,255,255,.125) !default;
-$lighten-3: rgba(255,255,255,.25) !default;
-$lighten-4: rgba(255,255,255,.5) !default;
-$border-width: 1px !default;
+$form-field-padding-y: .5rem !default;
+$form-field-height: 2.25rem !default;
 $border-radius: 3px !default;
-$border-color: $darken-2 !default;
+$darken-3: rgba(0, 0, 0, .25) !default;
 $range-thumb-width: $form-field-padding-x !default;
 $range-thumb-height: ( $form-field-height - ($form-field-padding-y * 2) ) !default;
 $range-track-height: ( $form-field-padding-y / 2 ) !default;
@@ -64,37 +14,33 @@ $range-thumb-pseudo-size: $form-field-height !default;
 
 // Custom Media Query Variables
 
-$breakpoint-sm: '(min-width: 40em)' !default;
-$breakpoint-md: '(min-width: 52em)' !default;
-$breakpoint-lg: '(min-width: 64em)' !default;
 
 /* Basscss Input Range */
 
-input[type=range] {
+.input-range {
   vertical-align: middle;
   background-color: transparent;
-}
-
-.range-light {
-  color: inherit;
-  -webkit-appearance: none;
   padding-top: $form-field-padding-y;
   padding-bottom: $form-field-padding-y;
+  color: inherit;
+  background-color: transparent;
+  -webkit-appearance: none;
 }
 
-.range-light::-webkit-slider-thumb {
-  -webkit-appearance: none;
+.input-range::-webkit-slider-thumb {
   position: relative;
   width: $range-thumb-width;
   height: $range-thumb-height;
-  border-radius: $border-radius;
-  background-color: currentcolor;
   cursor: pointer;
   margin-top: $range-thumb-offset;
+  border-radius: $border-radius;
+  background-color: currentcolor;
+  -webkit-appearance: none;
 }
 
 /* Touch screen friendly pseudo element */
-.range-light::-webkit-slider-thumb:before {
+
+.input-range::-webkit-slider-thumb:before {
   content: '';
   display: block;
   position: absolute;
@@ -105,55 +51,30 @@ input[type=range] {
   opacity: 0;
 }
 
-.range-light::-moz-range-thumb {
+.input-range::-moz-range-thumb {
   width: $range-thumb-width;
   height: $range-thumb-height;
+  cursor: pointer;
   border-radius: $border-radius;
   border-color: transparent;
   border-width: 0;
   background-color: currentcolor;
-  cursor: pointer;
 }
 
-.range-light::-webkit-slider-runnable-track {
+.input-range::-webkit-slider-runnable-track {
   height: $range-track-height;
   cursor: pointer;
   border-radius: $border-radius;
   background-color: $darken-3;
 }
 
-.range-light::-moz-range-track {
+.input-range::-moz-range-track {
   height: $range-track-height;
   cursor: pointer;
   border-radius: $border-radius;
   background-color: $darken-3;
 }
 
-.range-light:focus {
-  outline: none;
-}
-
-.range-light:focus::-webkit-slider-thumb {
-  outline: none;
-  border: 0;
-  box-shadow: 0 0 1px 2px currentcolor;
-}
-
-.range-light:focus::-moz-range-thumb {
+.input-range:focus {
   outline: none;
-  border: 0;
-  box-shadow: 0 0 0 3px $darken-3;
-}
-
-
-/* Basscss Defaults */
-
-/*
-
-   COLOR VARIABLES
-
-   - Cool
-   - Warm
-   - Gray Scale
-
-*/
+}