basscss-rails 0.0.1 → 1.0.0

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

@@ -1,16 +0,0 @@
-// Lists
-
-// Simple unbulleted list
-.list-reset {
-  list-style: none;
-  padding-left: 0;
-}
-
-// Inline list
-.list-inline {
-  li {
-    display: inline;
-    white-space: nowrap;
-  }
-}
-

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

@@ -1,34 +0,0 @@
-// Margins
-
-.m0  { margin: 0; }
-.mb0 { margin-bottom: 0; }
-
-.m1  { margin: .5*$space; }
-.mt1 { margin-top: .5*$space; }
-.mr1 { margin-right: .5*$space; }
-.mb1 { margin-bottom: .5*$space; }
-.ml1 { margin-left: .5*$space; }
-
-.m2  { margin: $space; }
-.mt2 { margin-top: $space; }
-.mr2 { margin-right: $space; }
-.mb2 { margin-bottom: $space; }
-.ml2 { margin-left: $space; }
-
-.m3  { margin: 2*$space; }
-.mt3 { margin-top: 2*$space; }
-.mr3 { margin-right: 2*$space; }
-.mb3 { margin-bottom: 2*$space; }
-.ml3 { margin-left: 2*$space; }
-
-.m4  { margin: 4*$space; }
-.mt4 { margin-top: 4*$space; }
-.mr4 { margin-right: 4*$space; }
-.mb4 { margin-bottom: 4*$space; }
-.ml4 { margin-left: 4*$space; }
-
-
-// Wrapper for horizontally centering elements with a set width
-.wrap { margin-right: auto; margin-left: auto; }
-
-

data/app/assets/stylesheets/basscss/_nav-themes.scss

@@ -1,130 +0,0 @@
-// Nav Themes
-
-// See _nav.scss for structural styles
-
-// Undo default link styles
-.nav a {
-  &:hover,
-  &:focus {
-    text-decoration: none;
-  }
-}
-
-.nav-dark {
-  & > a {
-    color: white;
-    &:hover,
-    &:focus {
-      color: white;
-      background-color: $darken-2;
-    }
-  }
-  .active {
-    background-color: $darken-3;
-  }
-}
-
-.nav-light {
-  & > a {
-    color: $dark-gray;
-    &:hover,
-    &:focus {
-      color: $dark-gray;
-      background-color: $darken-1;
-    }
-  }
-  .active {
-    background-color: $darken-2;
-  }
-}
-
-// Bordered treatment - For vertical layouts only
-.nav-borders {
-  border-style: solid;
-  border-width: 1px;
-  border-color: $border-color;
-  & > a {
-    border-top-style: solid;
-    border-top-width: 1px;
-    border-top-color: $border-color;
-    &:first-child {
-      border-top: 0;
-    }
-  }
-  .active {
-    color: $dark-gray;
-  }
-}
-
-// Pills
-.nav-pills {
-  & > a {
-    border-radius: $border-radius;
-    &:hover,
-    &:focus {
-      background-color: rgba($blue,.125);
-    }
-  }
-  .active {
-    color: white;
-    background-color: $blue;
-    &:hover,
-    &:focus {
-      background-color: darken($blue,10%);
-    }
-  }
-}
-
-// Segmented control styles - For horizontal layouts only
-.nav-segments {
-  box-shadow: inset 0 0 0 1px $blue;
-  border-radius: $border-radius;
-  & > a {
-    border-right: 1px solid $blue;
-    border-bottom: 1px solid $blue;
-    &:hover,
-    &:focus {
-      background-color: rgba($blue,.125);
-    }
-    &:first-child {
-      border-radius: $border-radius 0 0 $border-radius;
-    }
-    &:last-child {
-      border-right: 0;
-      border-radius: 0 $border-radius $border-radius 0;
-    }
-  }
-  .active {
-    color: white;
-    background-color: $blue;
-    &:hover,
-    &:focus {
-      background-color: darken($blue,10%);
-    }
-  }
-  .disabled {
-    color: rgba($dark-gray,.5);
-    &:hover,
-    &:focus {
-      color: rgba($dark-gray,.5);
-      background-color: transparent;
-    }
-  }
-}
-
-// Tabs - For horizontal layout only
-.nav-tabs {
-  & > a {
-    border-radius: $border-radius $border-radius 0 0;
-    border-bottom: 1px solid $border-color;
-    &:hover {
-      background-color: $darken-1;
-    }
-  }
-  .active {
-    background-color: white;
-    border: 1px solid $border-color;
-    border-bottom-color: transparent;
-  }
-}
-

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

@@ -1,59 +0,0 @@
-// Nav Component
-
-// Sets line height, display block, padding, and white-space nowrap
-.nav {
-  line-height: $ui-height;
-  & > a,
-  .nav-item {
-    display: block;
-    line-height: inherit;
-    white-space: nowrap;
-  }
-  & > a {
-    padding-right: $ui-padding;
-    padding-left: $ui-padding;
-  }
-}
-
-// Sets display table at all sizes
-.mobile-nav-table {
-  display: table;
-  & > a,
-  .nav-item {
-    display: table-cell;
-    vertical-align: middle;
-  }
-}
-
-// Sets display table above breakpoint
-@media (min-width: $breakpoint-mobile) {
-  .nav-table {
-    display: table;
-    & > a,
-    .nav-item {
-      display: table-cell;
-      vertical-align: middle;
-    }
-  }
-}
-
-// Extension to set all nav-table items equal width
-// Use with .full-width to span the full width of container
-.nav-table-fixed { table-layout: fixed; }
-
-// Extension to add padding to .nav-item
-.nav-item-px {
-  padding-right: $ui-padding;
-  padding-left: $ui-padding;
-}
-
-// Height extensions
-.nav-big   { line-height: $ui-height-big; }
-.nav-small { line-height: $ui-height-small; }
-
-// Extension to align with surrounding content
-.nav-flush {
-  margin-right: -$ui-padding;
-  margin-left:  -$ui-padding;
-}
-

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

@@ -1,18 +0,0 @@
-// Padding
-
-.p1  { padding: .5*$space; }
-.px1 { padding-right: .5*$space; padding-left: .5*$space; }
-.py1 { padding-top: .5*$space; padding-bottom: .5*$space; }
-
-.p2  { padding: $space; }
-.px2 { padding-right: $space; padding-left: $space; }
-.py2 { padding-top: $space; padding-bottom: $space; }
-
-.p3  { padding: 2*$space; }
-.px3 { padding-right: 2*$space; padding-left: 2*$space; }
-.py3 { padding-top: 2*$space; padding-bottom: 2*$space; }
-
-.p4  { padding: 4*$space; }
-.px4 { padding-right: 4*$space; padding-left: 4*$space; }
-.py4 { padding-top: 4*$space; padding-bottom: 4*$space; }
-

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

@@ -1,10 +0,0 @@
-// Reset
-
-body, button, input, select, textarea, pre { margin: 0; }
-h1, h2, h3, h4, h5, h6, p, dl, ol, ul {
-  margin-top: 0;
-  margin-bottom: 1rem;
-}
-button, input, select, textarea { font-family: inherit; font-size: 100%; }
-article, aside, details, figcaption, figure, footer, header, main, nav, section, summary { display: block; }
-

data/app/assets/stylesheets/basscss/_table-themes.scss

@@ -1,8 +0,0 @@
-// Table Themes
-
-.table-light {
-  th, td {
-    border-bottom: 1px solid $border-color;
-  }
-}
-

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

@@ -1,23 +0,0 @@
-// Tables 
-
-.table-reset {
-  border-collapse: collapse;
-  border-spacing: 0;
-  max-width: 100%;
-  width: 100%;
-  th { text-align: left; }
-  th, td {
-    padding: $ui-padding;
-    line-height: inherit;
-  }
-  th { vertical-align: bottom; }
-  td { vertical-align: top; }
-}
-
-// Extension for smaller tables
-.table-small {
-  th, td {
-    padding: .25*$ui-padding $ui-padding;
-    line-height: $ui-height-small;
-  }
-}

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

@@ -1,16 +0,0 @@
-// Base thematic styles
-
-body {
-  color: $dark-gray;
-  background-color: #fff;
-}
-
-a {
-  color: $blue;
-  text-decoration: none;
-  &:hover {
-    color: darken($blue, 10%);
-    text-decoration: underline;
-  }
-}
-

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

@@ -1,43 +0,0 @@
-// Type
-
-body {
-  font-family: $font-family;
-  line-height: $line-height;
-  font-weight: 400;
-}
-
-h1, h2, h3, h4, h5, h6 { line-height: $line-height-heading; }
-
-// Base Type Scale
-h1, .h1 { font-size: $h1; }
-h2, .h2 { font-size: $h2; }
-h3, .h3 { font-size: $h3; }
-h4, .h4,
-p, dl, ol, ul  { font-size: $h4; }
-h5, .h5        { font-size: $h5; }
-h6, .h6, small { font-size: $h6; }
-
-// Responsive Type Scale
-@if ($responsive-type) {
-  @media screen and (min-width: $breakpoint-desktop) {
-    .h1 { font-size: $desktop-h1; }
-    .h2 { font-size: $desktop-h2; }
-    .h3 { font-size: $desktop-h3; }
-    .h4 { font-size: $desktop-h4; }
-    .h5 { font-size: $desktop-h5; }
-    .h6 { font-size: $desktop-h6; }
-  }
-}
-
-// Utilities
-.bold    { font-weight: bold; }
-.regular { font-weight: normal; }
-.italic  { font-style: italic; }
-.caps    { text-transform: uppercase; letter-spacing: .2em; }
-
-// Alignment
-.left-align   { text-align: left; }
-.center       { text-align: center; }
-.right-align  { text-align: right; }
-.justified    { text-align: justify; }
-

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

@@ -1,30 +0,0 @@
-// Layout Utilities
-
-.inline       { display: inline; }
-.block        { display: block; }
-.inline-block { display: inline-block; }
-
-.oh    { overflow: hidden; }
-.left  { float: left; }
-.right { float: right; }
-
-.clearfix {
-  &:before, &:after { content: " "; display: table; }
-  &:after { clear: both; }
-}
-
-.fit { max-width: 100%; }
-
-.full-width { width: 100%; }
-.half-width { width: 50%; }
-
-// Responsive states
-.mobile-show { display: none !important; }
-@media screen and (max-width: 48em) {
-  .mobile-show,
-  .mobile-block  { display: block !important; }
-  .mobile-block  { width: 100%; }
-  .mobile-hide   { display: none !important; }
-  .mobile-center { text-align: center; }
-}
-

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

@@ -1,62 +0,0 @@
-// Variables
-
-// Default whitespace unit
-$space: 1rem !default;
-
-// Typography
-$font-family: 'Helvetica Neue', Helvetica, sans-serif !default;
-$line-height: 1.5 !default;
-$line-height-heading: 1.25 !default;
-
-// Type Scale
-$h1: 2rem !default;
-$h2: 1.5rem !default;
-$h3: 1.25rem !default;
-$h4: 1rem !default;
-$h5: .75rem !default;
-$h6: .75rem !default;
-
-// Responsive type scale
-$responsive-type: true !default;
-$desktop-h1: 4rem !default;
-$desktop-h2: 2rem !default;
-$desktop-h3: 1.5rem !default;
-$desktop-h4: 1.125rem !default;
-$desktop-h5: .875rem !default;
-$desktop-h6: .875rem !default;
-
-// Breakpoints
-$breakpoint-mobile: 32em !default;
-$breakpoint-desktop: 48em !default;
-
-// Heights for buttons, forms, nav, etc.
-$ui-height: 2.25rem !default;
-$ui-height-small: 1.75rem !default;
-$ui-height-big: 3rem !default;
-
-$ui-padding: .75*$space !default;
-
-// Grid
-$grid-max-width: 75rem !default;
-$grid-gutter: 2 * $space !default;
-
-// Theme
-$blue: #0096cc !default;
-$light-gray: #eee !default;
-$mid-gray: #777 !default;
-$dark-gray: #333 !default;
-
-$red: #f96010 !default;
-$green: #11e966 !default;
-$yellow: #ffdc00 !default;
-
-// Alpha blacks for UI elements
-$darken-1: rgba(#000,.125) !default;
-$darken-2: rgba(#000,.25) !default;
-$darken-3: rgba(#000,.375) !default;
-
-// Borders
-$border-color: #ccc !default;
-$border-width: 1px !default;
-$border-radius: .25rem !default;
-