sass-twitter-bootstrap-rails 0.1

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

@@ -0,0 +1,187 @@
+/* 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;
+
+}

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

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

metadata

@@ -0,0 +1,84 @@
+--- !ruby/object:Gem::Specification
+name: sass-twitter-bootstrap-rails
+version: !ruby/object:Gem::Version
+  version: '0.1'
+  prerelease: 
+platform: ruby
+authors:
+- ccocchi
+autorequire: 
+bindir: bin
+cert_chain: []
+date: 2012-01-26 00:00:00.000000000 Z
+dependencies:
+- !ruby/object:Gem::Dependency
+  name: railties
+  requirement: &70181202892500 !ruby/object:Gem::Requirement
+    none: false
+    requirements:
+    - - ~>
+      - !ruby/object:Gem::Version
+        version: '3.2'
+  type: :runtime
+  prerelease: false
+  version_requirements: *70181202892500
+description: This gem provides Twitter Bootstrap converted to Sass directly for you
+  Rails 3 application.
+email:
+- cocchi.c@gmail.com
+executables: []
+extensions: []
+extra_rdoc_files: []
+files:
+- .gitignore
+- Gemfile
+- README.md
+- Rakefile
+- lib/sass-twitter-bootstrap-rails.rb
+- lib/sass-twitter-bootstrap/rails.rb
+- lib/sass-twitter-bootstrap/rails/engine.rb
+- lib/sass-twitter-bootstrap/rails/version.rb
+- sass-twitter-bootstrap-rails.gemspec
+- vendor/assets/javascripts/twitter/bootstrap-alerts.js
+- vendor/assets/javascripts/twitter/bootstrap-buttons.js
+- vendor/assets/javascripts/twitter/bootstrap-dropdown.js
+- vendor/assets/javascripts/twitter/bootstrap-modal.js
+- vendor/assets/javascripts/twitter/bootstrap-popover.js
+- vendor/assets/javascripts/twitter/bootstrap-scrollspy.js
+- vendor/assets/javascripts/twitter/bootstrap-tabs.js
+- vendor/assets/javascripts/twitter/bootstrap-twipsy.js
+- vendor/assets/javascripts/twitter/bootstrap.js
+- vendor/assets/stylesheets/twitter/bootstrap.scss
+- vendor/assets/stylesheets/twitter/forms.scss
+- vendor/assets/stylesheets/twitter/mixins.scss
+- vendor/assets/stylesheets/twitter/patterns.scss
+- vendor/assets/stylesheets/twitter/reset.scss
+- vendor/assets/stylesheets/twitter/scaffolding.scss
+- vendor/assets/stylesheets/twitter/tables.scss
+- vendor/assets/stylesheets/twitter/type.scss
+- vendor/assets/stylesheets/twitter/variables.scss
+homepage: http://github.com/ccocchi/sass-twitter-bootstrap-rails
+licenses: []
+post_install_message: 
+rdoc_options: []
+require_paths:
+- lib
+required_ruby_version: !ruby/object:Gem::Requirement
+  none: false
+  requirements:
+  - - ! '>='
+    - !ruby/object:Gem::Version
+      version: '0'
+required_rubygems_version: !ruby/object:Gem::Requirement
+  none: false
+  requirements:
+  - - ! '>='
+    - !ruby/object:Gem::Version
+      version: 1.3.6
+requirements: []
+rubyforge_project: 
+rubygems_version: 1.8.11
+signing_key: 
+specification_version: 3
+summary: Use Twitter CSS toolkit Bootstrap with Rails and Sass
+test_files: []