bootstrap3-wip-rails 0.1.2

data/vendor/assets/stylesheets/progress-bars.less

@@ -0,0 +1,118 @@
+//
+// Progress bars
+// --------------------------------------------------
+
+
+// Bar animations
+// -------------------------
+
+// Webkit
+@-webkit-keyframes progress-bar-stripes {
+  from  { background-position: 40px 0; }
+  to    { background-position: 0 0; }
+}
+
+// Firefox
+@-moz-keyframes progress-bar-stripes {
+  from  { background-position: 40px 0; }
+  to    { background-position: 0 0; }
+}
+
+// IE9
+@-ms-keyframes progress-bar-stripes {
+  from  { background-position: 40px 0; }
+  to    { background-position: 0 0; }
+}
+
+// Opera
+@-o-keyframes progress-bar-stripes {
+  from  { background-position: 0 0; }
+  to    { background-position: 40px 0; }
+}
+
+// Spec
+@keyframes progress-bar-stripes {
+  from  { background-position: 40px 0; }
+  to    { background-position: 0 0; }
+}
+
+
+
+// Bar itself
+// -------------------------
+
+// Outer container
+.progress {
+  overflow: hidden;
+  height: @line-height-base;
+  margin-bottom: @line-height-base;
+  background-color: @progress-bg;
+  border-radius: @border-radius-base;
+  .box-shadow(inset 0 1px 2px rgba(0,0,0,.1));
+}
+
+// Bar of progress
+.progress-bar {
+  float: left;
+  width: 0%;
+  height: 100%;
+  font-size: 12px;
+  color: #fff;
+  text-align: center;
+  text-shadow: 0 -1px 0 rgba(0,0,0,.25);
+  background-color: @progress-bar-bg;
+  .box-shadow(inset 0 -1px 0 rgba(0,0,0,.15));
+  .transition(width .6s ease);
+}
+
+// Striped bars
+.progress-striped .progress-bar {
+  #gradient > .striped(@progress-bar-bg);
+  .background-size(40px 40px);
+}
+
+// Call animation for the active one
+.progress.active .progress-bar {
+  -webkit-animation: progress-bar-stripes 2s linear infinite;
+     -moz-animation: progress-bar-stripes 2s linear infinite;
+      -ms-animation: progress-bar-stripes 2s linear infinite;
+       -o-animation: progress-bar-stripes 2s linear infinite;
+          animation: progress-bar-stripes 2s linear infinite;
+}
+
+
+
+// Variations
+// -------------------------
+
+// Danger (red)
+.progress-bar-danger {
+  background-color: @progress-bar-danger-bg;
+  .progress-striped & {
+    #gradient > .striped(@progress-bar-danger-bg);
+  }
+}
+
+// Success (green)
+.progress-bar-success {
+  background-color: @progress-bar-success-bg;
+  .progress-striped & {
+    #gradient > .striped(@progress-bar-success-bg);
+  }
+}
+
+// Warning (orange)
+.progress-bar-warning {
+  background-color: @progress-bar-warning-bg;
+  .progress-striped & {
+    #gradient > .striped(@progress-bar-warning-bg);
+  }
+}
+
+// Info (teal)
+.progress-bar-info {
+  background-color: @progress-bar-info-bg;
+  .progress-striped & {
+    #gradient > .striped(@progress-bar-info-bg);
+  }
+}

data/vendor/assets/stylesheets/responsive-utilities.less

@@ -0,0 +1,59 @@
+//
+// Responsive: Utility classes
+// --------------------------------------------------
+
+
+// IE10 Metro responsive
+// Required for Windows 8 Metro split-screen snapping with IE10
+// Source: http://timkadlec.com/2012/10/ie10-snap-mode-and-responsive-design/
+@-ms-viewport{
+  width: device-width;
+}
+
+// Hide from screenreaders and browsers
+// Credit: HTML5 Boilerplate
+.hidden {
+  display: none;
+  visibility: hidden;
+}
+
+// Visibility utilities
+
+// For desktops
+.visible-phone     { display: none !important; }
+.visible-tablet    { display: none !important; }
+.hidden-phone      { }
+.hidden-tablet     { }
+.hidden-desktop    { display: none !important; }
+.visible-desktop   { display: inherit !important; }
+
+// Tablets & small desktops only
+@media (min-width: 768px) and (max-width: 979px) {
+  // Hide everything else
+  .hidden-desktop    { display: inherit !important; }
+  .visible-desktop   { display: none !important ; }
+  // Show
+  .visible-tablet    { display: inherit !important; }
+  // Hide
+  .hidden-tablet     { display: none !important; }
+}
+
+// Phones only
+@media (max-width: 767px) {
+  // Hide everything else
+  .hidden-desktop    { display: inherit !important; }
+  .visible-desktop   { display: none !important; }
+  // Show
+  .visible-phone     { display: inherit !important; } // Use inherit to restore previous behavior
+  // Hide
+  .hidden-phone      { display: none !important; }
+}
+
+// Print utilities
+.visible-print    { display: none !important; }
+.hidden-print     { }
+
+@media print {
+  .visible-print  { display: inherit !important; }
+  .hidden-print   { display: none !important; }
+}

data/vendor/assets/stylesheets/scaffolding.less

@@ -0,0 +1,91 @@
+//
+// Scaffolding
+// --------------------------------------------------
+
+
+// Reset the box-sizing
+// -------------------------
+
+* {
+  .box-sizing(border-box);
+}
+
+
+// Body reset
+// -------------------------
+
+html {
+  font-size: 62.5%;
+  // Touch the Mobile Magic™
+  -webkit-overflow-scrolling: touch;
+  -webkit-tap-highlight-color: rgba(0,0,0,0);
+}
+
+// Disable iOS/WinMobile font size changes
+@media screen and (max-device-width: 480px) {
+  html {
+    -webkit-text-size-adjust: 100%;
+        -ms-text-size-adjust: 100%;
+  }
+}
+
+body {
+  font-family: @font-family-base;
+  font-size: @font-size-base;
+  line-height: @line-height-base;
+  color: @text-color;
+  background-color: @body-bg;
+}
+
+// Reset fonts for revelant elements
+input,
+button,
+select,
+textarea {
+  font-family: inherit;
+  font-size: inherit;
+  line-height: inherit;
+}
+
+
+// Links
+// -------------------------
+
+a {
+  color: @link-color;
+  text-decoration: none;
+}
+a:hover,
+a:focus {
+  color: @link-hover-color;
+  text-decoration: underline;
+}
+a:focus {
+  .tab-focus();
+}
+
+
+// Images
+// -------------------------
+
+img {
+  // Responsive images (ensure images don't scale beyond their parents)
+  max-width: 100%; // Part 1: Set a maxium relative to the parent
+  height: auto; // Part 2: Scale the height according to the width, otherwise you get stretching
+
+  // Match vertical alignment with other comment elements
+  vertical-align: middle;
+}
+
+// Rounded corners
+.img-rounded {
+  border-radius: 6px;
+}
+
+// Image thumbnails
+// See thumbnails.less for `.img-thumbnail`
+
+// Perfect circle
+.img-circle {
+  border-radius: 500px; // crank the border-radius so it works with most reasonably sized images
+}

data/vendor/assets/stylesheets/tables.less

@@ -0,0 +1,241 @@
+//
+// Tables
+// --------------------------------------------------
+
+
+table {
+  max-width: 100%;
+  background-color: @table-bg;
+}
+th {
+  text-align: left;
+}
+
+
+// BASELINE STYLES
+// ---------------
+
+.table {
+  width: 100%;
+  margin-bottom: @line-height-base;
+  // Cells
+  thead > tr > th,
+  tbody > tr > th,
+  thead > tr > td,
+  tbody > tr > td {
+    padding: 8px;
+    line-height: @line-height-base;
+    vertical-align: top;
+    border-top: 1px solid @table-border-color;
+  }
+  // Bottom align for column headings
+  thead > tr > th {
+    vertical-align: bottom;
+  }
+  // Remove top border from thead by default
+  caption + thead tr:first-child th,
+  caption + thead tr:first-child td,
+  colgroup + thead tr:first-child th,
+  colgroup + thead tr:first-child td,
+  thead:first-child tr:first-child th,
+  thead:first-child tr:first-child td {
+    border-top: 0;
+  }
+  // Account for multiple tbody instances
+  tbody + tbody {
+    border-top: 2px solid @table-border-color;
+  }
+
+  // Nesting
+  .table {
+    background-color: @body-bg;
+  }
+}
+
+
+
+// CONDENSED TABLE W/ HALF PADDING
+// -------------------------------
+
+.table-condensed {
+  thead > tr > th,
+  tbody > tr > th,
+  thead > tr > td,
+  tbody > tr > td {
+    padding: 4px 5px;
+  }
+}
+
+
+
+// BORDERED VERSION
+// ----------------
+
+.table-bordered {
+  border: 1px solid @table-border-color;
+  border-collapse: separate; // Done so we can round those corners!
+  border-left: 0;
+  border-radius: @border-radius-base;
+  thead > tr > th,
+  tbody > tr > th,
+  thead > tr > td,
+  tbody > tr > td {
+    border-left: 1px solid @table-border-color;
+  }
+  // Prevent a double border
+  caption + thead > tr:first-child th,
+  caption + tbody > tr:first-child th,
+  caption + tbody > tr:first-child td,
+  colgroup + thead > tr:first-child th,
+  colgroup + tbody > tr:first-child th,
+  colgroup + tbody > tr:first-child td,
+  thead:first-child > tr:first-child th,
+  tbody:first-child > tr:first-child th,
+  tbody:first-child > tr:first-child td {
+    border-top: 0;
+  }
+  // For first th/td in the first row in the first thead or tbody
+  thead:first-child > tr:first-child > th:first-child,
+  tbody:first-child > tr:first-child > td:first-child,
+  tbody:first-child > tr:first-child > th:first-child {
+    border-top-left-radius: @border-radius-base;
+  }
+  // For last th/td in the first row in the first thead or tbody
+  thead:first-child > tr:first-child > th:last-child,
+  tbody:first-child > tr:first-child > td:last-child,
+  tbody:first-child > tr:first-child > th:last-child {
+    border-top-right-radius: @border-radius-base;
+  }
+  // For first th/td (can be either) in the last row in the last thead, tbody, and tfoot
+  thead:last-child > tr:last-child > th:first-child,
+  tbody:last-child > tr:last-child > td:first-child,
+  tbody:last-child > tr:last-child > th:first-child,
+  tfoot:last-child > tr:last-child > td:first-child,
+  tfoot:last-child > tr:last-child > th:first-child {
+    border-bottom-left-radius: @border-radius-base;
+  }
+  // For last th/td (can be either) in the last row in the last thead, tbody, and tfoot
+  thead:last-child > tr:last-child > th:last-child,
+  tbody:last-child > tr:last-child > td:last-child,
+  tbody:last-child > tr:last-child > th:last-child,
+  tfoot:last-child > tr:last-child > td:last-child,
+  tfoot:last-child > tr:last-child > th:last-child {
+    border-bottom-right-radius: @border-radius-base;
+  }
+
+  // Clear border-radius for first and last td in the last row in the last tbody for table with tfoot
+  tfoot + tbody:last-child > tr:last-child > td:first-child {
+    border-bottom-left-radius: 0;
+  }
+  tfoot + tbody:last-child > tr:last-child > td:last-child {
+    border-bottom-right-radius: 0;
+  }
+
+  // Special fixes to round the left border on the first td/th
+  caption + thead > tr:first-child > th:first-child,
+  caption + tbody > tr:first-child > td:first-child,
+  colgroup + thead > tr:first-child > th:first-child,
+  colgroup + tbody > tr:first-child > td:first-child {
+    border-top-left-radius: @border-radius-base;
+  }
+  caption + thead > tr:first-child > th:last-child,
+  caption + tbody > tr:first-child > td:last-child,
+  colgroup + thead > tr:first-child > th:last-child,
+  colgroup + tbody > tr:first-child > td:last-child {
+    border-top-right-radius: @border-radius-base;
+  }
+
+}
+
+
+
+// ZEBRA-STRIPING
+// --------------
+
+// Default zebra-stripe styles (alternating gray and transparent backgrounds)
+.table-striped {
+  > tbody {
+    > tr:nth-child(odd) > td,
+    > tr:nth-child(odd) > th {
+      background-color: @table-bg-accent;
+    }
+  }
+}
+
+
+
+// HOVER EFFECT
+// ------------
+
+// Placed here since it has to come after the potential zebra striping
+.table-hover {
+  > tbody {
+    > tr:hover > td,
+    > tr:hover > th {
+      background-color: @table-bg-hover;
+    }
+  }
+}
+
+
+
+// TABLE CELL SIZING
+// -----------------
+
+// Reset default table behavior
+table col[class*="col-span-"] {
+  float: none;
+  display: table-column;
+}
+table td[class*="col-span-"],
+table th[class*="col-span-"] {
+  float: none;
+  display: table-cell;
+}
+
+// TABLE BACKGROUNDS
+// -----------------
+// Exact selectors below required to override .table-striped
+
+.table > tbody > tr {
+  > td.success,
+  > th.success,
+  &.success > td {
+    background-color: @state-success-bg;
+    border-color: @state-success-border;
+  }
+  > td.danger,
+  > th.danger,
+  &.danger > td {
+    background-color: @state-danger-bg;
+    border-color: @state-danger-border;
+  }
+  > td.warning,
+  > th.warning,
+  &.warning > td {
+    background-color: @state-warning-bg;
+    border-color: @state-warning-border;
+  }
+}
+
+// Hover states for .table-hover
+.table-hover > tbody > tr {
+  > td.success:hover,
+  > th.success:hover,
+  &.success:hover > td {
+    background-color: darken(@state-success-bg, 5%);
+    border-color: darken(@state-success-border, 5%);
+  }
+  > td.danger:hover,
+  > th.danger:hover,
+  &.danger:hover > td {
+    background-color: darken(@state-danger-bg, 5%);
+    border-color: darken(@state-danger-border, 5%);
+  }
+  > td.warning:hover,
+  > th.warning:hover,
+  &.warning:hover > td {
+    background-color: darken(@state-warning-bg, 5%);
+    border-color: darken(@state-warning-border, 5%);
+  }
+}