bootstrap_sass_rails 0.0.1

data/app/assets/stylesheets/bootstrap/_responsive-utilities.css.sass

@@ -0,0 +1,152 @@
+//
+// 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
+
+
+// IE10 on Windows Phone 8
+// IE10 on WP8 doesn't report CSS pixels, but actual device pixels. In
+// other words, say on a Lumia, you'll get 768px as the device width,
+// meaning users will see the tablet styles and not phone styles.
+//
+// Alternatively you can override this with JS (see source below), but
+// we won't be doing that here given our limited scope.
+//
+// Source: http://timkadlec.com/2013/01/windows-phone-8-and-device-width/
+@media screen and (max-width: 400px)
+  @-ms-viewport
+    width: 320px
+
+// Hide from screenreaders and browsers
+// Credit: HTML5 Boilerplate
+.hidden
+  display: none !important
+  visibility: hidden !important
+
+// Visibility utilities
+
++responsive-invisibility(".visible-xs")
+
+@media (max-width: $screen-xs-max)
+  +responsive-visibility(".visible-xs")
+
+@media (min-width: $screen-sm) and (max-width: $screen-sm-max)
+  +responsive-visibility(".visible-xs.visible-sm")
+
+@media (min-width: $screen-md) and (max-width: $screen-md-max)
+  +responsive-visibility(".visible-xs.visible-md")
+
+@media (min-width: $screen-lg)
+  +responsive-visibility(".visible-xs.visible-lg")
+
++responsive-invisibility(".visible-sm")
+
+@media (max-width: $screen-xs-max)
+  +responsive-visibility(".visible-sm.visible-xs")
+
+@media (min-width: $screen-sm) and (max-width: $screen-sm-max)
+  +responsive-visibility(".visible-sm")
+
+@media (min-width: $screen-md) and (max-width: $screen-md-max)
+  +responsive-visibility(".visible-sm.visible-md")
+
+@media (min-width: $screen-lg)
+  +responsive-visibility(".visible-sm.visible-lg")
+
++responsive-invisibility(".visible-md")
+
+@media (max-width: $screen-xs-max)
+  +responsive-visibility(".visible-md.visible-xs")
+
+@media (min-width: $screen-sm) and (max-width: $screen-sm-max)
+  +responsive-visibility(".visible-md.visible-sm")
+
+@media (min-width: $screen-md) and (max-width: $screen-md-max)
+  +responsive-visibility(".visible-md")
+
+@media (min-width: $screen-lg)
+  +responsive-visibility(".visible-md.visible-lg")
+
++responsive-invisibility(".visible-lg")
+
+@media (max-width: $screen-xs-max)
+  +responsive-visibility(".visible-lg.visible-xs")
+
+@media (min-width: $screen-sm) and (max-width: $screen-sm-max)
+  +responsive-visibility(".visible-lg.visible-sm")
+
+@media (min-width: $screen-md) and (max-width: $screen-md-max)
+  +responsive-visibility(".visible-lg.visible-md")
+
+@media (min-width: $screen-lg)
+  +responsive-visibility(".visible-lg")
+
++responsive-visibility(".hidden-xs")
+
+@media (max-width: $screen-xs-max)
+  +responsive-invisibility(".hidden-xs")
+
+@media (min-width: $screen-sm) and (max-width: $screen-sm-max)
+  +responsive-invisibility(".hidden-xs.hidden-sm")
+
+@media (min-width: $screen-md) and (max-width: $screen-md-max)
+  +responsive-invisibility(".hidden-xs.hidden-md")
+
+@media (min-width: $screen-lg)
+  +responsive-invisibility(".hidden-xs.hidden-lg")
+
++responsive-visibility(".hidden-sm")
+
+@media (max-width: $screen-xs-max)
+  +responsive-invisibility(".hidden-sm.hidden-xs")
+
+@media (min-width: $screen-sm) and (max-width: $screen-sm-max)
+  +responsive-invisibility(".hidden-sm")
+
+@media (min-width: $screen-md) and (max-width: $screen-md-max)
+  +responsive-invisibility(".hidden-sm.hidden-md")
+
+@media (min-width: $screen-lg)
+  +responsive-invisibility(".hidden-sm.hidden-lg")
+
++responsive-visibility(".hidden-md")
+
+@media (max-width: $screen-xs-max)
+  +responsive-invisibility(".hidden-md.hidden-xs")
+
+@media (min-width: $screen-sm) and (max-width: $screen-sm-max)
+  +responsive-invisibility(".hidden-md.hidden-sm")
+
+@media (min-width: $screen-md) and (max-width: $screen-md-max)
+  +responsive-invisibility(".hidden-md")
+
+@media (min-width: $screen-lg)
+  +responsive-invisibility(".hidden-md.hidden-lg")
+
++responsive-visibility(".hidden-lg")
+
+@media (max-width: $screen-xs-max)
+  +responsive-invisibility(".hidden-lg.hidden-xs")
+
+@media (min-width: $screen-sm) and (max-width: $screen-sm-max)
+  +responsive-invisibility(".hidden-lg.hidden-sm")
+
+@media (min-width: $screen-md) and (max-width: $screen-md-max)
+  +responsive-invisibility(".hidden-lg.hidden-md")
+
+@media (min-width: $screen-lg)
+  +responsive-invisibility(".hidden-lg")
+
+// Print utilities
+
++responsive-invisibility(".visible-print")
+
+@media print
+  +responsive-visibility(".visible-print")
+  +responsive-invisibility(".hidden-print")

data/app/assets/stylesheets/bootstrap/_scaffolding.css.sass

@@ -0,0 +1,108 @@
+//
+// Scaffolding
+// --------------------------------------------------
+
+// Reset the box-sizing
+
+*,
+*:before,
+*:after
+  +box-sizing(border-box)
+
+// Body reset
+
+html
+  font-size: 62.5%
+  -webkit-tap-highlight-color: rgba(0, 0, 0, 0)
+
+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 relevant elements
+
+input,
+button,
+select,
+textarea
+  font-family: inherit
+  font-size: inherit
+  line-height: inherit
+
+// Reset unusual Firefox-on-Android default style.
+//
+// See https://github.com/necolas/normalize.css/issues/214
+
+button,
+input,
+select[multiple],
+textarea
+  background-image: none
+
+// Links
+
+a
+  color: $link-color
+  text-decoration: none
+  &:hover,
+  &:focus
+    color: $link-hover-color
+    text-decoration: underline
+  &:focus
+    +tab-focus
+
+// Images
+
+img
+  vertical-align: middle
+
+// Responsive images (ensure images don't scale beyond their parents)
+.img-responsive
+  +img-responsive
+
+// Rounded corners
+.img-rounded
+  border-radius: $border-radius-large
+
+// Image thumbnails
+//
+// Heads up! This is mixin-ed into thumbnails.less for `.thumbnail`.
+.img-thumbnail
+  padding: $thumbnail-padding
+  line-height: $line-height-base
+  background-color: $thumbnail-bg
+  border: 1px solid $thumbnail-border
+  border-radius: $thumbnail-border-radius
+  +transition(all 0.2s ease-in-out)
+  // Keep them at most 100% wide
+  +img-responsive(inline-block)
+
+// Perfect circle
+.img-circle
+  border-radius: 50%
+  // set radius in percents
+
+// Horizontal rules
+
+hr
+  margin-top: $line-height-computed
+  margin-bottom: $line-height-computed
+  border: 0
+  border-top: 1px solid $hr-border
+
+// Only display content to screen readers
+//
+// See: http://a11yproject.com/posts/how-to-hide-content/
+
+.sr-only
+  position: absolute
+  width: 1px
+  height: 1px
+  margin: -1px
+  padding: 0
+  overflow: hidden
+  clip: rect(0 0 0 0)
+  border: 0

data/app/assets/stylesheets/bootstrap/_tables.css.sass

@@ -0,0 +1,176 @@
+//
+// Tables
+// --------------------------------------------------
+
+table
+  max-width: 100%
+  background-color: $table-bg
+
+th
+  text-align: left
+
+// Baseline styles
+
+.table
+  width: 100%
+  margin-bottom: $line-height-computed
+  // Cells
+  thead,
+  tbody,
+  tfoot
+    > tr
+      > th,
+      > td
+        padding: $table-cell-padding
+        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
+    border-bottom: 2px solid $table-border-color
+  // Remove top border from thead by default
+  caption + thead,
+  colgroup + thead,
+  thead:first-child
+    tr:first-child
+      th, 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,
+  tbody,
+  tfoot
+    > tr
+      > th,
+      > td
+        padding: $table-condensed-cell-padding
+
+// Bordered version
+//
+// Add borders all around the table and between all the columns.
+
+.table-bordered
+  border: 1px solid $table-border-color
+  > thead,
+  > tbody,
+  > tfoot
+    > tr
+      > th,
+      > td
+        border: 1px solid $table-border-color
+  > thead
+    > tr
+      > th,
+      > td
+        border-bottom-width: 2px
+
+// Zebra-striping
+//
+// Default zebra-stripe styles (alternating gray and transparent backgrounds)
+
+.table-striped
+  > tbody
+    > tr:nth-child(odd)
+      > td,
+      > 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,
+      > th
+        background-color: $table-bg-hover
+
+// Table cell sizing
+//
+// Reset default table behavior
+
+table col[class*="col-"]
+  float: none
+  display: table-column
+
+table
+  td,
+  th
+    &[class*="col-"]
+      float: none
+      display: table-cell
+
+// Table backgrounds
+//
+// Exact selectors below required to override `.table-striped` and prevent
+// inheritance to nested tables.
+
+.table > thead > tr,
+.table > tbody > tr,
+.table > tfoot > tr
+  > td.active,
+  > th.active,
+  &.active > td,
+  &.active > th
+    background-color: $table-bg-active
+
+// Generate the contextual variants
++table-row-variant("success", $state-success-bg, $state-success-border)
+
++table-row-variant("danger", $state-danger-bg, $state-danger-border)
+
++table-row-variant("warning", $state-warning-bg, $state-warning-border)
+
+// Responsive tables
+//
+// Wrap your tables in `.table-scrollable` and we'll make them mobile friendly
+// by enabling horizontal scrolling. Only applies <768px. Everything above that
+// will display normally.
+
+@media (max-width: $screen-sm)
+  .table-responsive
+    width: 100%
+    margin-bottom: 15px
+    overflow-y: hidden
+    overflow-x: scroll
+    border: 1px solid $table-border-color
+    // Tighten up spacing and give a background color
+    > .table
+      margin-bottom: 0
+      background-color: #fff
+      // Ensure the content doesn't wrap
+      > thead,
+      > tbody,
+      > tfoot
+        > tr
+          > th,
+          > td
+            white-space: nowrap
+    // Special overrides for the bordered tables
+    > .table-bordered
+      border: 0
+      // Nuke the appropriate borders so that the parent can handle them
+      > thead,
+      > tbody,
+      > tfoot
+        > tr
+          > th:first-child,
+          > td:first-child
+            border-left: 0
+          > th:last-child,
+          > td:last-child
+            border-right: 0
+        > tr:last-child
+          > th,
+          > td
+            border-bottom: 0

data/app/assets/stylesheets/bootstrap/_theme.css.sass

@@ -0,0 +1,228 @@
+//
+// Load core variables and mixins
+// --------------------------------------------------
+
+@import twitter/bootstrap/variables
+@import twitter/bootstrap/mixins
+
+//
+// Buttons
+// --------------------------------------------------
+
+// Common styles
+
+.btn-default,
+.btn-primary,
+.btn-success,
+.btn-info,
+.btn-warning,
+.btn-danger
+  text-shadow: 0 -1px 0 rgba(0, 0, 0, 0.2)
+  $shadow: inset 0 1px 0 rgba(255, 255, 255, 0.15), 0 1px 1px rgba(0, 0, 0, 0.075)
+  +box-shadow($shadow)
+  // Reset the shadow
+  &:active,
+  &.active
+    +box-shadow(inset 0 3px 5px rgba(0, 0, 0, 0.125))
+
+// Mixin for generating new styles
+=btn-styles($btn-color: #555555)
+  +gradient-vertical($start_color: $btn-color, $end_color: darken($btn-color, 10%))
+  border-color: darken($btn-color, 12%)
+  &:active,
+  &.active
+    background-color: darken($btn-color, 10%)
+    border-color: darken($btn-color, 12%)
+
+// Common styles
+.btn
+  // Remove the gradient for the pressed/active state
+  &:active,
+  &.active
+    background-image: none
+
+// Apply the mixin to the buttons
+.btn-default
+  +btn-styles($btn-default-bg)
+  text-shadow: 0 1px 0 #fff
+  border-color: #ccc
+
+.btn-primary
+  +btn-styles($btn-primary-bg)
+
+.btn-success
+  +btn-styles($btn-success-bg)
+
+.btn-warning
+  +btn-styles($btn-warning-bg)
+
+.btn-danger
+  +btn-styles($btn-danger-bg)
+
+.btn-info
+  +btn-styles($btn-info-bg)
+
+//
+// Images
+// --------------------------------------------------
+
+.thumbnail,
+.img-thumbnail
+  +box-shadow(0 1px 2px rgba(0, 0, 0, 0.075))
+
+//
+// Dropdowns
+// --------------------------------------------------
+
+.dropdown-menu > li > a:hover,
+.dropdown-menu > li > a:focus,
+.dropdown-menu > .active > a,
+.dropdown-menu > .active > a:hover,
+.dropdown-menu > .active > a:focus
+  +gradient-vertical($start_color: $dropdown-link-hover-bg, $end_color: darken($dropdown-link-hover-bg, 5%))
+  background-color: darken($dropdown-link-hover-bg, 5%)
+
+//
+// Navbar
+// --------------------------------------------------
+
+// Basic navbar
+.navbar
+  +gradient-vertical($start_color: lighten($navbar-default-bg, 10%), $end_color: $navbar-default-bg)
+  border-radius: $navbar-border-radius
+  $shadow: inset 0 1px 0 rgba(255, 255, 255, 0.15), 0 1px 5px rgba(0, 0, 0, 0.075)
+  +box-shadow($shadow)
+  .navbar-nav > .active > a
+    background-color: $navbar-default-bg
+
+.navbar-brand,
+.navbar-nav > li > a
+  text-shadow: 0 1px 0 rgba(255, 255, 255, 0.25)
+
+// Inverted navbar
+.navbar-inverse
+  +gradient-vertical($start_color: lighten($navbar-inverse-bg, 10%), $end_color: $navbar-inverse-bg)
+  .navbar-nav > .active > a
+    background-color: $navbar-inverse-bg
+  .navbar-brand,
+  .navbar-nav > li > a
+    text-shadow: 0 -1px 0 rgba(0, 0, 0, 0.25)
+
+// Undo rounded corners in static and fixed navbars
+
+.navbar-static-top,
+.navbar-fixed-top,
+.navbar-fixed-bottom
+  border-radius: 0
+
+//
+// Alerts
+// --------------------------------------------------
+
+// Common styles
+.alert
+  text-shadow: 0 1px 0 rgba(255, 255, 255, 0.2)
+  $shadow: inset 0 1px 0 rgba(255, 255, 255, 0.25), 0 1px 2px rgba(0, 0, 0, 0.05)
+  +box-shadow($shadow)
+
+// Mixin for generating new styles
+=alert-styles($color)
+  +gradient-vertical($start_color: $color, $end_color: darken($color, 7.5%))
+  border-color: darken($color, 15%)
+
+// Apply the mixin to the alerts
+.alert-success
+  +alert-styles($alert-success-bg)
+
+.alert-info
+  +alert-styles($alert-info-bg)
+
+.alert-warning
+  +alert-styles($alert-warning-bg)
+
+.alert-danger
+  +alert-styles($alert-danger-bg)
+
+//
+// Progress bars
+// --------------------------------------------------
+
+// Give the progress background some depth
+.progress
+  +gradient-vertical($start_color: darken($progress-bg, 4%), $end_color: $progress-bg)
+
+// Mixin for generating new styles
+=progress-bar-styles($color)
+  +gradient-vertical($start_color: $color, $end_color: darken($color, 10%))
+
+// Apply the mixin to the progress bars
+.progress-bar
+  +progress-bar-styles($progress-bar-bg)
+
+.progress-bar-success
+  +progress-bar-styles($progress-bar-success-bg)
+
+.progress-bar-info
+  +progress-bar-styles($progress-bar-info-bg)
+
+.progress-bar-warning
+  +progress-bar-styles($progress-bar-warning-bg)
+
+.progress-bar-danger
+  +progress-bar-styles($progress-bar-danger-bg)
+
+//
+// List groups
+// --------------------------------------------------
+
+.list-group
+  border-radius: $border-radius-base
+  +box-shadow(0 1px 2px rgba(0, 0, 0, 0.075))
+
+.list-group-item.active,
+.list-group-item.active:hover,
+.list-group-item.active:focus
+  text-shadow: 0 -1px 0 darken($list-group-active-bg, 10%)
+  +gradient-vertical($start_color: $list-group-active-bg, $end_color: darken($list-group-active-bg, 7.5%))
+  border-color: darken($list-group-active-border, 7.5%)
+
+//
+// Panels
+// --------------------------------------------------
+
+// Common styles
+.panel
+  +box-shadow(0 1px 2px rgba(0, 0, 0, 0.05))
+
+// Mixin for generating new styles
+=panel-heading-styles($color)
+  +gradient-vertical($start_color: $color, $end_color: darken($color, 5%))
+
+// Apply the mixin to the panel headings only
+.panel-default > .panel-heading
+  +panel-heading-styles($panel-default-heading-bg)
+
+.panel-primary > .panel-heading
+  +panel-heading-styles($panel-primary-heading-bg)
+
+.panel-success > .panel-heading
+  +panel-heading-styles($panel-success-heading-bg)
+
+.panel-info > .panel-heading
+  +panel-heading-styles($panel-info-heading-bg)
+
+.panel-warning > .panel-heading
+  +panel-heading-styles($panel-warning-heading-bg)
+
+.panel-danger > .panel-heading
+  +panel-heading-styles($panel-danger-heading-bg)
+
+//
+// Wells
+// --------------------------------------------------
+
+.well
+  +gradient-vertical($start_color: darken($well-bg, 5%), $end_color: $well-bg)
+  border-color: darken($well-bg, 10%)
+  $shadow: inset 0 1px 3px rgba(0, 0, 0, 0.05), 0 1px 0 rgba(255, 255, 255, 0.1)
+  +box-shadow($shadow)