compass-bootstrap 0.1.2 → 0.1.3

data/{templates → vendor/assets/stylesheets}/compass-bootstrap/_reset.scss

@@ -1,5 +1,4 @@
-/* Reset.scss
-
+/* Reset.less
  * Props to Eric Meyer (meyerweb.com) for his CSS reset file. We're using an adapted version here	that cuts out some of the reset HTML elements we will never need here (i.e., dfn, samp, etc).
  * ------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------- */
 
@@ -31,6 +30,11 @@ html {
 a:focus {
   outline: thin dotted;
 }
+// Hover & Active
+a:hover,
+a:active {
+  outline: 0;
+}
 
 // Display in IE6-9 and FF3
 // -------------------------

data/vendor/assets/stylesheets/compass-bootstrap/_scaffolding.scss

@@ -0,0 +1,137 @@
+/*
+ * Scaffolding
+ * Basic and global styles for generating a grid system, structural layout, and page templates
+ * ------------------------------------------------------------------------------------------- */
+
+
+// STRUCTURAL LAYOUT
+// -----------------
+
+html, body {
+  background-color: $white;
+}
+body {
+  margin: 0;
+  @include font-sans-serif(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;
+  padding-left: 20px;
+  padding-right: 20px;
+  @include clearfix();
+  > .sidebar {
+    float: left;
+    width: 220px;
+  }
+  // TODO in v2: rename this and .popover .content to be more specific
+  > .content {
+    float: left;
+    min-width: 700px;
+    max-width: 1180px;
+    margin-left: 20px;
+  }
+}
+
+// Toggling content
+.hide {
+  display: none;
+}
+.show {
+  display: block;
+}
+
+
+// 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;
+}
+
+
+// GRID SYSTEM
+// -----------
+// To customize the grid system, bring up the variables.less 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
+[class*="span"] {
+  @include gridColumn();
+}
+
+// Default columns
+.span1     { @include columns(1); }
+.span2     { @include columns(2); }
+.span3     { @include columns(3); }
+.span4     { @include columns(4); }
+.span5     { @include columns(5); }
+.span6     { @include columns(6); }
+.span7     { @include columns(7); }
+.span8     { @include columns(8); }
+.span9     { @include columns(9); }
+.span10    { @include columns(10); }
+.span11    { @include columns(11); }
+.span12    { @include columns(12); }
+.span13    { @include columns(13); }
+.span14    { @include columns(14); }
+.span15    { @include columns(15); }
+.span16    { @include columns(16); }
+
+// For optional 24-column grid
+.span17    { @include columns(17); }
+.span18    { @include columns(18); }
+.span19    { @include columns(19); }
+.span20    { @include columns(20); }
+.span21    { @include columns(21); }
+.span22    { @include columns(22); }
+.span23    { @include columns(23); }
+.span24    { @include columns(24); }
+
+// Offset column options
+.offset1   { @include offset(1); }
+.offset2   { @include offset(2); }
+.offset3   { @include offset(3); }
+.offset4   { @include offset(4); }
+.offset5   { @include offset(5); }
+.offset6   { @include offset(6); }
+.offset7   { @include offset(7); }
+.offset8   { @include offset(8); }
+.offset9   { @include offset(9); }
+.offset10  { @include offset(10); }
+.offset11  { @include offset(11); }
+.offset12  { @include offset(12); }
+
+// Unique column sizes for 16-column grid
+.span-one-third     { width: 300px; }
+.span-two-thirds    { width: 620px; }
+.offset-one-third   { margin-left: 340px; }
+.offset-two-thirds  { margin-left: 660px; }

data/{templates → vendor/assets/stylesheets}/compass-bootstrap/_tables.scss

@@ -1,5 +1,5 @@
 /*
- * Tables.scss
+ * Tables.less
  * Tables for, you guessed it, tabular data
  * ---------------------------------------- */
 
@@ -11,19 +11,43 @@ table {
   width: 100%;
   margin-bottom: $baseline;
   padding: 0;
-  border-collapse: separate;
-  font-size: 13px;
+  border-collapse: separate; // Done so we can round those corners!
+  *border-collapse: collapse; /* IE7, collapse table to remove spacing */
+  font-size: $basefont;
+  border: 1px solid #ddd;
+  @include border-radius(4px);
   th, td {
     padding: 10px 10px 9px;
-    line-height: $baseline * .75;
+    line-height: $baseline;
     text-align: left;
-    vertical-align: middle;
-    border-bottom: 1px solid #ddd;
   }
   th {
     padding-top: 9px;
     font-weight: bold;
-    border-bottom-width: 2px;
+    vertical-align: middle;
+    border-bottom: 1px solid #ddd;
+  }
+  td {
+    vertical-align: top;
+  }
+  th + th,
+  td + td {
+    border-left: 1px solid #ddd;
+  }
+  tr + tr td {
+    border-top: 1px solid #ddd;
+  }
+  tbody tr:first-child td:first-child {
+    @include border-radius(4px 0 0 0);
+  }
+  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);
   }
 }
 
@@ -60,7 +84,6 @@ table {
   .headerSortDown {
     background-color: rgba(141,192,219,.25);
     text-shadow: 0 1px 1px rgba(255,255,255,.75);
-    @include border-radius(3px 3px 0 0);
   }
   // Style the ascending (reverse alphabetical) column header
   .header:hover {
@@ -73,7 +96,7 @@ table {
   .headerSortDown:hover {
     &:after {
       visibility:visible;
-      @include bt-opacity(60);
+      @include opacity(60);
     }
   }
   // Style the ascending (reverse alphabetical) column header
@@ -84,8 +107,8 @@ table {
       border-right: 4px solid transparent;
       border-top: 4px solid #000;
       visibility:visible;
-      @include bt-box-shadow(none); //can't add boxshadow to downward facing arrow :(
-      @include bt-opacity(60);
+      @include box-shadow(none); //can't add boxshadow to downward facing arrow :(
+      @include opacity(60);
     }
   }
 }
@@ -145,4 +168,4 @@ table {
   .headerSortDown.purple {
     background-color: lighten($purple, 40%);
   }
-}
+}

data/{templates → vendor/assets/stylesheets}/compass-bootstrap/_type.scss

@@ -1,4 +1,4 @@
-/* Typography.scss
+/* Typography.less
  * Headings, body text, lists, code, and more for a versatile and durable typography system
  * ---------------------------------------------------------------------------------------- */
 
@@ -7,7 +7,7 @@
 // ---------
 
 p {
-  @include shorthand(normal,$basefont,$baseline);
+  @include font-shorthand(normal,$basefont,$baseline);
   margin-bottom: $baseline / 2;
   small {
     font-size: $basefont - 2;
@@ -113,7 +113,7 @@ dl {
 
 // Horizontal rules
 hr {
-  margin: 0 0 19px;
+  margin: 20px 0 19px;
   border: 0;
   border-bottom: 1px solid #eee;
 }
@@ -122,7 +122,6 @@ hr {
 strong {
   font-style: inherit;
   font-weight: bold;
-  line-height: inherit;
 }
 em {
   font-style: italic;
@@ -139,12 +138,12 @@ blockquote {
   border-left: 5px solid #eee;
   padding-left: 15px;
   p {
-    @include shorthand(300,14px,$baseline);
+    @include font-shorthand(300,14px,$baseline);
     margin-bottom: 0;
   }
   small {
     display: block;
-    @include shorthand(300,12px,$baseline);
+    @include font-shorthand(300,12px,$baseline);
     color: $grayLight;
     &:before {
       content: '\2014 \00A0';
@@ -174,7 +173,7 @@ code {
 pre {
   background-color: #f5f5f5;
   display: block;
-  padding: $baseline - 1;
+  padding: ($baseline - 1) / 2;
   margin: 0 0 $baseline;
   line-height: $baseline;
   font-size: 12px;
@@ -185,4 +184,4 @@ pre {
   white-space: pre-wrap;
   word-wrap: break-word;
 
-}
+}

data/vendor/assets/stylesheets/compass-bootstrap/_variables.scss

@@ -0,0 +1,60 @@
+/* Variables.less
+ * Variables to customize the look and feel of Bootstrap
+ * ----------------------------------------------------- */
+
+
+// Links
+$linkColor:         #0069d6 !default;
+$linkColorHover:    darken($linkColor, 15) !default;
+
+// Grays
+$black:             #000 !default;
+$grayDark:          lighten($black, 25%) !default;
+$gray:              lighten($black, 50%) !default;
+$grayLight:         lighten($black, 75%) !default;
+$grayLighter:       lighten($black, 90%) !default;
+$white:             #fff !default;
+
+// Accent Colors
+$blue:              #049CDB !default;
+$blueDark:          #0064CD !default;
+$green:             #46a546 !default;
+$red:               #9d261d !default;
+$yellow:            #ffc40d !default;
+$orange:            #f89406 !default;
+$pink:              #c3325f !default;
+$purple:            #7a43b6 !default;
+
+// Baseline grid
+$basefont:          13px !default;
+$baseline:          18px !default;
+
+// Griditude
+// Modify the grid styles in mixins.less
+$gridColumns:       16 !default;
+$gridColumnWidth:   40px !default;
+$gridGutterWidth:   20px !default;
+$extraSpace:        ($gridGutterWidth * 2) !default; // For our grid calculations
+$siteWidth:         ($gridColumns * $gridColumnWidth) + ($gridGutterWidth * ($gridColumns - 1)) !default;
+
+// Color Scheme
+// Use this to roll your own color schemes if you like (unused by Bootstrap by default)
+$baseColor:         $blue !default;                  // Set a base color
+$complement:        spin($baseColor, 180) !default;  // Determine a complementary color
+$split1:            spin($baseColor, 158) !default;  // Split complements
+$split2:            spin($baseColor, -158) !default;
+$triad1:            spin($baseColor, 135) !default;  // Triads colors
+$triad2:            spin($baseColor, -135) !default;
+$tetra1:            spin($baseColor, 90) !default;   // Tetra colors
+$tetra2:            spin($baseColor, -90) !default;
+$analog1:           spin($baseColor, 22) !default;   // Analogs colors
+$analog2:           spin($baseColor, -22) !default;
+
+
+
+// More variables coming soon:
+// - $basefont to $baseFontSize
+// - $baseline to $baseLineHeight
+// - $baseFontFamily
+// - $primaryButtonColor
+// - anything else? File an issue on GitHub

data/{templates → vendor/assets/stylesheets}/compass-bootstrap/compass_bootstrap.scss

@@ -16,11 +16,14 @@
 @import "reset.scss";
 
 // Core
-@import "preboot.scss";
+@import "variables.scss";  // Modify this for custom colors, font-sizes, etc
+@import "mixins.scss";
+
+// Grid system and page structure
 @import "scaffolding.scss";
 
 // Styled patterns and elements
 @import "type.scss";
 @import "forms.scss";
 @import "tables.scss";
-@import "patterns.scss";
+@import "patterns.scss";

data/vendor/assets/stylesheets/compass-bootstrap/manifest.rb

@@ -0,0 +1,20 @@
+# Make sure you list all the project template files here in the manifest.
+stylesheet 'compass_bootstrap.scss', :media => 'screen, projection'
+stylesheet '_reset.scss', :media => 'screen, projection'
+stylesheet '_variables.scss', :media => 'screen, projection'
+stylesheet '_mixins.scss', :media => 'screen, projection'
+stylesheet '_scaffolding.scss', :media => 'screen, projection'
+stylesheet '_type.scss', :media => 'screen, projection'
+stylesheet '_tables.scss', :media => 'screen, projection'
+stylesheet '_forms.scss', :media => 'screen, projection'
+stylesheet '_patterns.scss', :media => 'screen, projection'
+
+javascript '../../javascripts/bootstrap-alerts.js', :to => 'bootstrap-alerts.js'
+javascript '../../javascripts/bootstrap-dropdown.js', :to => 'bootstrap-dropdown.js'
+javascript '../../javascripts/bootstrap-modal.js', :to => 'bootstrap-modal.js'
+javascript '../../javascripts/bootstrap-popover.js', :to => 'bootstrap-popover.js'
+javascript '../../javascripts/bootstrap-scrollspy.js', :to => 'bootstrap-scrollspy.js'
+javascript '../../javascripts/bootstrap-tabs.js', :to => 'bootstrap-tabs.js'
+javascript '../../javascripts/bootstrap-twipsy.js', :to => 'bootstrap-twipsy.js'
+
+description "SCSS port of less version of twitter bootstrap"

metadata

@@ -1,104 +1,93 @@
---- !ruby/object:Gem::Specification 
+--- !ruby/object:Gem::Specification
 name: compass-bootstrap
-version: !ruby/object:Gem::Version 
-  hash: 31
+version: !ruby/object:Gem::Version
+  version: 0.1.3
   prerelease: 
-  segments: 
-  - 0
-  - 1
-  - 2
-  version: 0.1.2
 platform: ruby
-authors: 
+authors:
 - Hector Bustillos
 autorequire: 
 bindir: bin
 cert_chain: []
-
-date: 2011-09-12 00:00:00 Z
-dependencies: 
-- !ruby/object:Gem::Dependency 
+date: 2011-09-12 00:00:00.000000000Z
+dependencies:
+- !ruby/object:Gem::Dependency
   name: compass
-  prerelease: false
-  requirement: &id001 !ruby/object:Gem::Requirement 
+  requirement: &70331193489660 !ruby/object:Gem::Requirement
     none: false
-    requirements: 
-    - - ">="
-      - !ruby/object:Gem::Version 
-        hash: 55
-        segments: 
-        - 0
-        - 10
-        - 0
+    requirements:
+    - - ! '>='
+      - !ruby/object:Gem::Version
         version: 0.10.0
   type: :runtime
-  version_requirements: *id001
-description: Bootstrap is a toolkit from Twitter designed to kickstart development of webapps and sites.
-email: 
+  prerelease: false
+  version_requirements: *70331193489660
+description: Bootstrap is a toolkit from Twitter designed to kickstart development
+  of webapps and sites.
+email:
 - hector.bustillos@crowdint.com
 executables: []
-
 extensions: []
-
 extra_rdoc_files: []
-
-files: 
+files:
 - .gitignore
 - Gemfile
 - README.mkdn
 - Rakefile
 - compass-bootstrap.gemspec
 - lib/compass-bootstrap.rb
+- lib/compass-bootstrap/rails.rb
+- lib/compass-bootstrap/rails/engine.rb
 - lib/compass-bootstrap/version.rb
 - stylesheets/compass-bootstrap/_compass_bootstrap.scss
 - stylesheets/compass-bootstrap/_forms.scss
+- stylesheets/compass-bootstrap/_mixins.scss
 - stylesheets/compass-bootstrap/_patterns.scss
-- stylesheets/compass-bootstrap/_preboot.scss
 - stylesheets/compass-bootstrap/_reset.scss
 - stylesheets/compass-bootstrap/_scaffolding.scss
 - stylesheets/compass-bootstrap/_tables.scss
 - stylesheets/compass-bootstrap/_type.scss
-- templates/compass-bootstrap/_forms.scss
-- templates/compass-bootstrap/_patterns.scss
-- templates/compass-bootstrap/_preboot.scss
-- templates/compass-bootstrap/_reset.scss
-- templates/compass-bootstrap/_scaffolding.scss
-- templates/compass-bootstrap/_tables.scss
-- templates/compass-bootstrap/_type.scss
-- templates/compass-bootstrap/compass_bootstrap.scss
-- templates/compass-bootstrap/manifest.rb
+- stylesheets/compass-bootstrap/_variables.scss
+- vendor/assets/javascripts/bootstrap-alerts.js
+- vendor/assets/javascripts/bootstrap-dropdown.js
+- vendor/assets/javascripts/bootstrap-modal.js
+- vendor/assets/javascripts/bootstrap-popover.js
+- vendor/assets/javascripts/bootstrap-scrollspy.js
+- vendor/assets/javascripts/bootstrap-tabs.js
+- vendor/assets/javascripts/bootstrap-twipsy.js
+- vendor/assets/stylesheets/compass-bootstrap/_compass_bootstrap.scss
+- vendor/assets/stylesheets/compass-bootstrap/_forms.scss
+- vendor/assets/stylesheets/compass-bootstrap/_mixins.scss
+- vendor/assets/stylesheets/compass-bootstrap/_patterns.scss
+- vendor/assets/stylesheets/compass-bootstrap/_reset.scss
+- vendor/assets/stylesheets/compass-bootstrap/_scaffolding.scss
+- vendor/assets/stylesheets/compass-bootstrap/_tables.scss
+- vendor/assets/stylesheets/compass-bootstrap/_type.scss
+- vendor/assets/stylesheets/compass-bootstrap/_variables.scss
+- vendor/assets/stylesheets/compass-bootstrap/compass_bootstrap.scss
+- vendor/assets/stylesheets/compass-bootstrap/manifest.rb
 homepage: https://github.com/hecbuma/compass-bootstrap
 licenses: []
-
 post_install_message: 
 rdoc_options: []
-
-require_paths: 
+require_paths:
 - lib
-required_ruby_version: !ruby/object:Gem::Requirement 
+required_ruby_version: !ruby/object:Gem::Requirement
   none: false
-  requirements: 
-  - - ">="
-    - !ruby/object:Gem::Version 
-      hash: 3
-      segments: 
-      - 0
-      version: "0"
-required_rubygems_version: !ruby/object:Gem::Requirement 
+  requirements:
+  - - ! '>='
+    - !ruby/object:Gem::Version
+      version: '0'
+required_rubygems_version: !ruby/object:Gem::Requirement
   none: false
-  requirements: 
-  - - ">="
-    - !ruby/object:Gem::Version 
-      hash: 3
-      segments: 
-      - 0
-      version: "0"
+  requirements:
+  - - ! '>='
+    - !ruby/object:Gem::Version
+      version: '0'
 requirements: []
-
 rubyforge_project: compass-bootstrap
 rubygems_version: 1.8.6
 signing_key: 
 specification_version: 3
 summary: Compass compatible Sass port of twitter bootstrap.
 test_files: []
-