sass-twitter-bootstrap-rails 0.1 → 1.0.0

data/vendor/assets/stylesheets/twitter/scaffolding.scss

@@ -1,108 +0,0 @@
-/*
- * Scaffolding.scss
- * Basic and global styles for generating a grid system, structural layout, and page templates
- * ------------------------------------------------------------------------------------------- */
-
-
-// STRUCTURAL LAYOUT
-// -----------------
-
-body {
-  background-color: $white;
-  margin: 0;
-  @include sans-serif-font(normal,$basefont,$baseline);
-  color: $grayDark;
-}
-
-// Container (centered, fixed-width layouts)
-.container {
-  @include fixed-container();
-}
-
-// Fluid layouts (left aligned, with sidebar, min- & max-width content)
-.container-fluid {
-  position: relative;
-  min-width: 940px;
-  padding-left: 20px;
-  padding-right: 20px;
-  @include clearfix();
-  > .sidebar {
-    position: absolute;
-    top: 0;
-    left: 20px;
-    width: 220px;
-  }
-  // TODO in v2: rename this and .popover .content to be more specific
-  > .content {
-    margin-left: 240px;
-  }
-}
-
-
-// BASE STYLES
-// -----------
-
-// Links
-a {
-  color: $linkColor;
-  text-decoration: none;
-  line-height: inherit;
-  font-weight: inherit;
-  &:hover {
-    color: $linkColorHover;
-    text-decoration: underline;
-  }
-}
-
-// Quick floats
-.pull-right {
-  float: right;
-}
-.pull-left {
-  float: left;
-}
-
-// Toggling content
-.hide {
-  display: none;
-}
-.show {
-  display: block;
-}
-
-
-// GRID SYSTEM
-// -----------
-// To customize the grid system, bring up the variables.scss file and change the column count, size, and gutter there
-
-.row {
-  @include clearfix();
-  margin-left: -1 * $gridGutterWidth;
-}
-
-// Find all .span# classes within .row and give them the necessary properties for grid columns (supported by all browsers back to IE7)
-// Credit to @dhg for the idea
-.row > [class*="span"] {
-  @include gridColumn();
-}
-
-// Default columns
-// For option 24-column grid
-@for $i from 1 through 24 {
-  .span#{$i}     { @include columns($i); }
-}
-
-// Offset column options
-.row {
-  @for $i from 1 through 12 {
-    > .offset#{$i}    { @include offset($i); }
-  }
-}
-
-// Unique column sizes for 16-column grid
-.span-one-third     { width: 300px; }
-.span-two-thirds    { width: 620px; }
-.row {
-  > .offset-one-third   { margin-left: 340px; }
-  > .offset-two-thirds  { margin-left: 660px; }
-}

data/vendor/assets/stylesheets/twitter/tables.scss

@@ -1,224 +0,0 @@
-/*
- * Tables.scss
- * Tables for, you guessed it, tabular data
- * ---------------------------------------- */
-
-
-// BASELINE STYLES
-// ---------------
-
-table {
-  width: 100%;
-  margin-bottom: $baseline;
-  padding: 0;
-  font-size: $basefont;
-  border-collapse: collapse;
-  th,
-  td {
-    padding: 10px 10px 9px;
-    line-height: $baseline;
-    text-align: left;
-  }
-  th {
-    padding-top: 9px;
-    font-weight: bold;
-    vertical-align: middle;
-  }
-  td {
-    vertical-align: top;
-    border-top: 1px solid #ddd;
-  }
-  // When scoped to row, fix th in tbody
-  tbody th {
-    border-top: 1px solid #ddd;
-    vertical-align: top;
-  }
-}
-
-// CONDENSED VERSION
-// -----------------
-.condensed-table {
-  th,
-  td {
-    padding: 5px 5px 4px;
-  }
-}
-
-
-
-// BORDERED VERSION
-// ----------------
-
-.bordered-table {
-  border: 1px solid #ddd;
-  border-collapse: separate; // Done so we can round those corners!
-  *border-collapse: collapse; /* IE7, collapse table to remove spacing */
-  @include border-radius(4px);
-  th + th,
-  td + td,
-  th + td {
-    border-left: 1px solid #ddd;
-  }
-  thead tr:first-child th:first-child,
-  tbody tr:first-child td:first-child {
-    @include border-radius(4px 0 0 0);
-  }
-  thead tr:first-child th:last-child,
-  tbody tr:first-child td:last-child {
-    @include border-radius(0 4px 0 0);
-  }
-  tbody tr:last-child td:first-child {
-    @include border-radius(0 0 0 4px);
-  }
-  tbody tr:last-child td:last-child {
-    @include border-radius(0 0 4px 0);
-  }
-}
-
-
-// TABLE CELL SIZES
-// ----------------
-
-// This is a duplication of the main grid .columns() mixin, but subtracts 20px to account for input padding and border
-@mixin tableColumns($columnSpan: 1) {
-  width: (($gridColumnWidth - 20) * $columnSpan) + (($gridColumnWidth - 20) * ($columnSpan - 1));
-}
-table {
-  // Default columns
-  .span1     { @include tableColumns(1); }
-  .span2     { @include tableColumns(2); }
-  .span3     { @include tableColumns(3); }
-  .span4     { @include tableColumns(4); }
-  .span5     { @include tableColumns(5); }
-  .span6     { @include tableColumns(6); }
-  .span7     { @include tableColumns(7); }
-  .span8     { @include tableColumns(8); }
-  .span9     { @include tableColumns(9); }
-  .span10    { @include tableColumns(10); }
-  .span11    { @include tableColumns(11); }
-  .span12    { @include tableColumns(12); }
-  .span13    { @include tableColumns(13); }
-  .span14    { @include tableColumns(14); }
-  .span15    { @include tableColumns(15); }
-  .span16    { @include tableColumns(16); }
-}
-
-
-// ZEBRA-STRIPING
-// --------------
-
-// Default zebra-stripe styles (alternating gray and transparent backgrounds)
-.zebra-striped {
-  tbody {
-    tr:nth-child(odd) td,
-    tr:nth-child(odd) th {
-      background-color: #f9f9f9;
-    }
-    tr:hover td,
-    tr:hover th{
-      background-color: #f5f5f5;
-    }
-  }
-}
-
-table {
-  // Tablesorting styles w/ jQuery plugin
-  .header {
-    cursor: pointer;
-    &:after {
-      content: "";
-      float: right;
-      margin-top: 7px;
-      border-width: 0 4px 4px;
-      border-style: solid;
-      border-color: #000 transparent;
-      visibility: hidden;
-    }
-  }
-  // Style the sorted column headers (THs)
-  .headerSortUp,
-  .headerSortDown {
-    background-color: rgba(141,192,219,.25);
-    text-shadow: 0 1px 1px rgba(255,255,255,.75);
-  }
-  // Style the ascending (reverse alphabetical) column header
-  .header:hover {
-    &:after {
-      visibility:visible;
-    }
-  }
-  // Style the descending (alphabetical) column header
-  .headerSortDown,
-  .headerSortDown:hover {
-    &:after {
-      visibility:visible;
-      @include opacity(60);
-    }
-  }
-  // Style the ascending (reverse alphabetical) column header
-  .headerSortUp {
-    &:after {
-      border-bottom: none;
-      border-left: 4px solid transparent;
-      border-right: 4px solid transparent;
-      border-top: 4px solid #000;
-      visibility:visible;
-      @include box-shadow(none); //can't add boxshadow to downward facing arrow :(
-      @include opacity(60);
-    }
-  }
-  // Blue Table Headings
-  .blue {
-    color: $blue;
-    border-bottom-color: $blue;
-  }
-  .headerSortUp.blue,
-  .headerSortDown.blue {
-    background-color: lighten($blue, 40%);
-  }
-  // Green Table Headings
-  .green {
-    color: $green;
-    border-bottom-color: $green;
-  }
-  .headerSortUp.green,
-  .headerSortDown.green {
-    background-color: lighten($green, 40%);
-  }
-  // Red Table Headings
-  .red {
-    color: $red;
-    border-bottom-color: $red;
-  }
-  .headerSortUp.red,
-  .headerSortDown.red {
-    background-color: lighten($red, 50%);
-  }
-  // Yellow Table Headings
-  .yellow {
-    color: $yellow;
-    border-bottom-color: $yellow;
-  }
-  .headerSortUp.yellow,
-  .headerSortDown.yellow {
-    background-color: lighten($yellow, 40%);
-  }
-  // Orange Table Headings
-  .orange {
-    color: $orange;
-    border-bottom-color: $orange;
-  }
-  .headerSortUp.orange,
-  .headerSortDown.orange {
-    background-color: lighten($orange, 40%);
-  }
-  // Purple Table Headings
-  .purple {
-    color: $purple;
-    border-bottom-color: $purple;
-  }
-  .headerSortUp.purple,
-  .headerSortDown.purple {
-    background-color: lighten($purple, 40%);
-  }
-}

data/vendor/assets/stylesheets/twitter/type.scss

@@ -1,187 +0,0 @@
-/* Typography.scss
- * Headings, body text, lists, code, and more for a versatile and durable typography system
- * ---------------------------------------------------------------------------------------- */
-
-
-// BODY TEXT
-// ---------
-
-p {
-  @include shorthand-font(normal,$basefont,$baseline);
-  margin-bottom: $baseline / 2;
-  small {
-    font-size: $basefont - 2;
-    color: $grayLight;
-  }
-}
-
-
-// HEADINGS
-// --------
-
-h1, h2, h3, h4, h5, h6 {
-  font-weight: bold;
-  color: $grayDark;
-  small {
-    color: $grayLight;
-  }
-}
-h1 {
-  margin-bottom: $baseline;
-  font-size: 30px;
-  line-height: $baseline * 2;
-  small {
-    font-size: 18px;
-  }
-}
-h2 {
-  font-size: 24px;
-  line-height: $baseline * 2;
-  small {
-    font-size: 14px;
-  }
-}
-h3, h4, h5, h6 {
-  line-height: $baseline * 2;
-}
-h3 {
-  font-size: 18px;
-  small {
-    font-size: 14px;
-  }
-}
-h4 {
-  font-size: 16px;
-  small {
-    font-size: 12px;
-  }
-}
-h5 {
-  font-size: 14px;
-}
-h6 {
-  font-size: 13px;
-  color: $grayLight;
-  text-transform: uppercase;
-}
-
-
-// COLORS
-// ------
-
-// Unordered and Ordered lists
-ul, ol {
-  margin: 0 0 $baseline 25px;
-}
-ul ul,
-ul ol,
-ol ol,
-ol ul {
-  margin-bottom: 0;
-}
-ul {
-  list-style: disc;
-}
-ol {
-  list-style: decimal;
-}
-li {
-  line-height: $baseline;
-  color: $gray;
-}
-ul.unstyled {
-  list-style: none;
-  margin-left: 0;
-}
-
-// Description Lists
-dl {
-  margin-bottom: $baseline;
-  dt, dd {
-    line-height: $baseline;
-  }
-  dt {
-    font-weight: bold;
-  }
-  dd {
-    margin-left: $baseline / 2;
-  }
-}
-
-// MISC
-// ----
-
-// Horizontal rules
-hr {
-  margin: 20px 0 19px;
-  border: 0;
-  border-bottom: 1px solid #eee;
-}
-
-// Emphasis
-strong {
-  font-style: inherit;
-  font-weight: bold;
-}
-em {
-  font-style: italic;
-  font-weight: inherit;
-  line-height: inherit;
-}
-.muted {
-  color: $grayLight;
-}
-
-// Blockquotes
-blockquote {
-  margin-bottom: $baseline;
-  border-left: 5px solid #eee;
-  padding-left: 15px;
-  p {
-    @include shorthand-font(300,14px,$baseline);
-    margin-bottom: 0;
-  }
-  small {
-    display: block;
-    @include shorthand-font(300,12px,$baseline);
-    color: $grayLight;
-    &:before {
-      content: '\2014 \00A0';
-    }
-  }
-}
-
-// Addresses
-address {
-  display: block;
-  line-height: $baseline;
-  margin-bottom: $baseline;
-}
-
-// Inline and block code styles
-code, pre {
-  padding: 0 3px 2px;
-  font-family: Monaco, Andale Mono, Courier New, monospace;
-  font-size: 12px;
-  @include border-radius(3px);
-}
-code {
-  background-color: lighten($orange, 40%);
-  color: rgba(0,0,0,.75);
-  padding: 1px 3px;
-}
-pre {
-  background-color: #f5f5f5;
-  display: block;
-  padding: ($baseline - 1) / 2;
-  margin: 0 0 $baseline;
-  line-height: $baseline;
-  font-size: 12px;
-  border: 1px solid #ccc;
-  border: 1px solid rgba(0,0,0,.15);
-  @include border-radius(3px);
-  white-space: pre;
-  white-space: pre-wrap;
-  word-wrap: break-word;
-
-}