customizable_bootstrap 0.9.0

data/lib/customizable_bootstrap.rb

@@ -0,0 +1,9 @@
+module CustomizableBootstrap
+  require 'rails'
+
+  require 'customizable_bootstrap/railtie'
+  require 'customizable_bootstrap/version'
+
+  require 'sass-rails'
+  require 'bootstrap-sass'
+end

data/lib/customizable_bootstrap/railtie.rb

@@ -0,0 +1,4 @@
+module CustomizableBootstrap
+  class Railtie < Rails::Railtie
+  end
+end

data/lib/customizable_bootstrap/version.rb

@@ -0,0 +1,7 @@
+module CustomizableBootstrap
+  VERSION = File.read(File.expand_path('../../../VERSION', __FILE__))
+  
+  def self.version_string
+    "CustomizableBootstrap version #{CustomizableBootstrap::VERSION}"
+  end
+end

data/lib/generators/customizable_bootstrap/install/install_generator.rb

@@ -0,0 +1,23 @@
+module CustomizableBootstrap
+  class InstallGenerator < Rails::Generators::Base
+    source_root File.expand_path("../templates", __FILE__)
+    require File.expand_path('../../utils', __FILE__)
+    include Generators::Utils
+    
+    def hello
+      output "Welcome to the Customizable Bootstrap gem's installation process.", :magenta
+    end
+    
+    # all public methods in here will be run in order
+    def copy_template_files
+      output "What you need are some files to customize", :magenta
+      template "stylesheets/colors.css.scss", "app/assets/stylesheets/customizable_bootstrap/colors.css.scss"
+      template "stylesheets/font.css.scss", "app/assets/stylesheets/customizable_bootstrap/font.css.scss"
+      template "stylesheets/grid.css.scss", "app/assets/stylesheets/customizable_bootstrap/grid.css.scss"
+      template "stylesheets/index.css.scss", "app/assets/stylesheets/customizable_bootstrap/index.css.scss"
+      template "stylesheets/layers.css.scss", "app/assets/stylesheets/customizable_bootstrap/layers.css.scss"
+      template "stylesheets/overrides.css.scss", "app/assets/stylesheets/customizable_bootstrap/overrides.css.scss"
+      template "javascripts/index.js", "app/assets/javascripts/customizable_bootstrap/index.js"
+    end
+  end
+end

data/lib/generators/customizable_bootstrap/install/templates/javascripts/index.js

@@ -0,0 +1,15 @@
+// This is a manifest file that'll be compiled into customizable_bootstrap.js, which will include all the files
+// listed below.
+//
+// Any JavaScript/Coffee file within this directory, lib/assets/javascripts, vendor/assets/javascripts,
+// or vendor/assets/javascripts of plugins, if any, can be referenced here using a relative path.
+//
+// It's not advisable to add code directly here, but if you do, it'll appear at the bottom of the
+// the compiled file.
+//
+// WARNING: THE FIRST BLANK LINE MARKS THE END OF WHAT'S TO BE PROCESSED, ANY BLANK LINE SHOULD
+// GO AFTER THE REQUIRES BELOW.
+//
+//= require bootstrap
+//= require_tree .
+

data/lib/generators/customizable_bootstrap/install/templates/stylesheets/colors.css.scss

@@ -0,0 +1,100 @@
+
+/* Colors to be used in the rest of the file */
+$black: #000;
+$gray: #555;
+$grayDark: #333;
+$grayDarker: #222;
+$grayLight: #999;
+$grayLighter: #ccc;
+$grayLightness: #ddd;
+$grayLightest: #eee;
+$grayLightVery: #f5f5f5;
+$grayLightExtremely: #f9f9f9;
+$white: #fff;
+$blue: #049cdb;
+$blueDark: #0064cd;
+$green: #46a546;
+$red: #9d261d;
+$yellow: #ffc40d;
+$orange: #f89406;
+$pink: #c3325f;
+$purple: #7a43b6;
+
+
+/* Assignments of colors to useful variable names */
+$bodyBackground: $white;
+$textColor: $grayDark;
+$linkColor: $blue;
+$linkColorHover: darken($linkColor, 15%);
+
+$tableBackground: transparent;
+$tableBackgroundAccent: $grayLightExtremely;
+$tableBackgroundHover: $grayLightVery;
+$tableBorder: $grayLightness;
+$hrBorder: $grayLightest;
+
+$btnBackground: $white;
+$btnBackgroundHighlight: darken($btnBackground, 10%);
+$btnBorder: $grayLighter;
+$btnDangerBackground: $red;
+$btnDangerBackgroundHighlight: darken($btnDangerBackground, 10%);
+$btnInfoBackground: $blue;
+$btnInfoBackgroundHighlight: darken($btnInfoBackground, 10%);
+$btnInverseBackground: $gray;
+$btnInverseBackgroundHighlight: darken($gray, 10%);
+$btnPrimaryBackground: $blueDark;
+$btnPrimaryBackgroundHighlight: darken($btnPrimaryBackground, 10%);
+$btnSuccessBackground: $green;
+$btnSuccessBackgroundHighlight: darken($btnSuccessBackground, 10%);
+$btnWarningBackground: $orange;
+$btnWarningBackgroundHighlight: darken($btnWarningBackground, 10%);
+
+$inputBackground: $white;
+$inputBorder: $grayLighter;
+$inputBorderRadius: 3px;
+$inputDisabledBackground: $grayLightest;
+$formActionsBackground: $grayLightVery;
+$placeholderText: $grayLight;
+
+$dropdownBackground: $white;
+$dropdownBorder: fadeout($black, .2);
+$dropdownDividerBottom: $white;
+$dropdownDividerTop: $grayLightest;
+$dropdownLinkBackgroundHover: $linkColor;
+$dropdownLinkColor: $grayDark;
+$dropdownLinkColorHover: $white;
+
+$iconSpritePath: '../../img/glyphicons-halflings.png';
+$iconWhiteSpritePath: '../../img/glyphicons-halflings-white.png';
+
+$navbarBackground: $grayDarker;
+$navbarBackgroundHighlight: $grayDark;
+$navbarLinkColor: $grayLight;
+$navbarLinkColorHover: $white;
+$navbarBrandColor: $navbarLinkColor;
+$navbarHeight: 40px;
+$navbarLinkBackgroundActive: $navbarBackground;
+$navbarLinkBackgroundHover: transparent;
+$navbarLinkColorActive: $navbarLinkColorHover;
+$navbarSearchBackground: lighten($navbarBackground, 25%);
+$navbarSearchBackgroundFocus: $white;
+$navbarSearchBorder: darken($navbarSearchBackground, 30%);
+$navbarSearchPlaceholderColor: $grayLighter;
+$navbarText: $grayLight;
+
+$heroUnitBackground: $grayLightest;
+$heroUnitHeadingColor: inherit;
+$heroUnitLeadColor: inherit;
+
+$warningBackground: lighten($orange, 50%);
+$warningBorder: darken($warningBackground, 3%);
+$warningText: $orange;
+$errorBackground: lighten($red, 50%);
+$errorBorder: darken($errorBackground, 3%);
+$errorText: $red;
+$successBackground: lighten($green, 50%);
+$successBorder: darken($successBackground, 3%);
+$successText: $green;
+$infoBackground: lighten($blue, 50%);
+$infoBorder: darken($infoBackground, 3%);
+$infoText: $blue;

data/lib/generators/customizable_bootstrap/install/templates/stylesheets/font.css.scss

@@ -0,0 +1,9 @@
+$sansFontFamily: 'Helvetica Neue', Helvetica, Arial, sans-serif;
+$serifFontFamily: Georgia, 'Times New Roman', Times, serif;
+$monoFontFamily: Menlo, Monaco, Consolas, 'Courier New', monospace;
+$baseFontSize: 13px;
+$baseFontFamily: $sansFontFamily;
+$baseLineHeight: 18px;
+$altFontFamily: $serifFontFamily;
+$headingsFontFamily: $sansFontFamily;
+$headingsFontWeight: bold;

data/lib/generators/customizable_bootstrap/install/templates/stylesheets/grid.css.scss

@@ -0,0 +1,7 @@
+
+$gridColumnWidth: 50px;
+$gridColumns: 13;
+$gridGutterWidth: 25px;
+$gridRowWidth: ($gridColumns * $gridColumnWidth) + ($gridGutterWidth * ($gridColumns - 1));
+$fluidGridColumnWidth: 6.382978723%;
+$fluidGridGutterWidth: 2.127659574%;

data/lib/generators/customizable_bootstrap/install/templates/stylesheets/index.css.scss

@@ -0,0 +1,13 @@
+// DON'T TOUCH IT
+// You'll break it.
+//
+// Actually, you can customize it at will.
+
+@import './font';
+@import './colors';
+@import './grid';
+@import './layers';
+@import 'bootstrap';
+@import 'bootstrap-responsive';
+// @import 'font-awesome';
+@import './overrides';

data/lib/generators/customizable_bootstrap/install/templates/stylesheets/layers.css.scss

@@ -0,0 +1,7 @@
+
+$zindexDropdown: 1000;
+$zindexFixedNavbar: 1030;
+$zindexModal: 1050;
+$zindexModalBackdrop: 1040;
+$zindexPopover: 1010;
+$zindexTooltip: 1020;

data/lib/generators/customizable_bootstrap/install/templates/stylesheets/overrides.css.scss

@@ -0,0 +1,27 @@
+// These rules override those given within bootstrap. They can use
+// mixins and variables.
+
+body {
+  padding-top: 60px;
+}
+
+.clear-right {
+  clear: right;
+}
+
+.clear-left {
+  clear: left;
+}
+
+.clear-all, .clear-both {
+  clear: both;
+}
+
+.relative {
+  position: relative;
+}
+
+object, embed, video {
+  max-width: 100%;
+  height: auto;
+}

data/lib/generators/customizable_bootstrap/utils.rb

@@ -0,0 +1,16 @@
+module CustomizableBootstrap
+  module Generators
+    module Utils
+      def output(output, color = :green)
+        say("           -  #{output}", color)
+      end
+
+      def ask_for(wording, default_value = nil, override_if_present_value = nil)
+        override_if_present_value.present? ?
+          display("Using [#{override_if_present_value}] for question '#{wording}'") && override_if_present_value :
+          ask("           ?  #{wording} Press <enter> for [#{default_value}] >", :yellow).presence || default_value
+      end
+    end
+  end
+end
+

data/script/rails

@@ -0,0 +1,6 @@
+#!/usr/bin/env ruby1.8
+# This command will automatically be run when you run "rails" with Rails 3 gems installed from the root of your application.
+
+APP_PATH = File.expand_path('../../spec/dummy/config/application',  __FILE__)
+require File.expand_path('../../spec/dummy/config/boot',  __FILE__)
+require 'rails/commands'

data/spec/customizable_bootstrap_spec.rb

@@ -0,0 +1,18 @@
+require File.expand_path(File.dirname(__FILE__) + '/spec_helper')
+
+describe 'CustomizableBootstrap' do
+  context 'when serving css via asset pipeline' do
+    subject {
+      visit '/assets/application.css'
+      page
+    }
+    its(:text) { should include '}' }
+  end
+  context 'when serving js via asset pipeline' do
+    subject {
+      visit '/assets/application.js'
+      page
+    }
+    its(:text) { should include '}' }
+  end
+end

data/spec/dummy/.rspec

@@ -0,0 +1 @@
+--color

data/spec/dummy/Rakefile

@@ -0,0 +1,7 @@
+#!/usr/bin/env rake
+# Add your own tasks in files placed in lib/tasks ending in .rake,
+# for example lib/tasks/capistrano.rake, and they will automatically be available to Rake.
+
+require File.expand_path('../config/application', __FILE__)
+
+Dummy::Application.load_tasks

data/spec/dummy/app/assets/javascripts/application.js

@@ -0,0 +1,13 @@
+// This is a manifest file that'll be compiled into application.js, which will include all the files
+// listed below.
+//
+// Any JavaScript/Coffee file within this directory, lib/assets/javascripts, vendor/assets/javascripts,
+// or vendor/assets/javascripts of plugins, if any, can be referenced here using a relative path.
+//
+// It's not advisable to add code directly here, but if you do, it'll appear at the bottom of the
+// the compiled file.
+//
+// WARNING: THE FIRST BLANK LINE MARKS THE END OF WHAT'S TO BE PROCESSED, ANY BLANK LINE SHOULD
+// GO AFTER THE REQUIRES BELOW.
+//
+//= require_tree .

data/spec/dummy/app/assets/javascripts/customizable_bootstrap/index.js

@@ -0,0 +1,15 @@
+// This is a manifest file that'll be compiled into customizable_bootstrap.js, which will include all the files
+// listed below.
+//
+// Any JavaScript/Coffee file within this directory, lib/assets/javascripts, vendor/assets/javascripts,
+// or vendor/assets/javascripts of plugins, if any, can be referenced here using a relative path.
+//
+// It's not advisable to add code directly here, but if you do, it'll appear at the bottom of the
+// the compiled file.
+//
+// WARNING: THE FIRST BLANK LINE MARKS THE END OF WHAT'S TO BE PROCESSED, ANY BLANK LINE SHOULD
+// GO AFTER THE REQUIRES BELOW.
+//
+//= require bootstrap
+//= require_tree .
+

data/spec/dummy/app/assets/stylesheets/application.css.scss

@@ -0,0 +1,15 @@
+/*
+ * This is a manifest file that'll be compiled into application.css, which will include all the files
+ * listed below.
+ *
+ * Any CSS and SCSS file within this directory, lib/assets/stylesheets, vendor/assets/stylesheets,
+ * or vendor/assets/stylesheets of plugins, if any, can be referenced here using a relative path.
+ *
+ * You're free to add application-wide styles to this file and they'll appear at the top of the
+ * compiled file, but it's generally better to create a new file per style scope.
+ *
+ *= require_self
+ *= require_tree .
+ */
+
+@import 'customizable_bootstrap';

data/spec/dummy/app/assets/stylesheets/customizable_bootstrap/colors.css.scss

@@ -0,0 +1,100 @@
+
+/* Colors to be used in the rest of the file */
+$black: #000;
+$gray: #555;
+$grayDark: #333;
+$grayDarker: #222;
+$grayLight: #999;
+$grayLighter: #ccc;
+$grayLightness: #ddd;
+$grayLightest: #eee;
+$grayLightVery: #f5f5f5;
+$grayLightExtremely: #f9f9f9;
+$white: #fff;
+$blue: #049cdb;
+$blueDark: #0064cd;
+$green: #46a546;
+$red: #9d261d;
+$yellow: #ffc40d;
+$orange: #f89406;
+$pink: #c3325f;
+$purple: #7a43b6;
+
+
+/* Assignments of colors to useful variable names */
+$bodyBackground: $white;
+$textColor: $grayDark;
+$linkColor: $blue;
+$linkColorHover: darken($linkColor, 15%);
+
+$tableBackground: transparent;
+$tableBackgroundAccent: $grayLightExtremely;
+$tableBackgroundHover: $grayLightVery;
+$tableBorder: $grayLightness;
+$hrBorder: $grayLightest;
+
+$btnBackground: $white;
+$btnBackgroundHighlight: darken($btnBackground, 10%);
+$btnBorder: $grayLighter;
+$btnDangerBackground: $red;
+$btnDangerBackgroundHighlight: darken($btnDangerBackground, 10%);
+$btnInfoBackground: $blue;
+$btnInfoBackgroundHighlight: darken($btnInfoBackground, 10%);
+$btnInverseBackground: $gray;
+$btnInverseBackgroundHighlight: darken($gray, 10%);
+$btnPrimaryBackground: $blueDark;
+$btnPrimaryBackgroundHighlight: darken($btnPrimaryBackground, 10%);
+$btnSuccessBackground: $green;
+$btnSuccessBackgroundHighlight: darken($btnSuccessBackground, 10%);
+$btnWarningBackground: $orange;
+$btnWarningBackgroundHighlight: darken($btnWarningBackground, 10%);
+
+$inputBackground: $white;
+$inputBorder: $grayLighter;
+$inputBorderRadius: 3px;
+$inputDisabledBackground: $grayLightest;
+$formActionsBackground: $grayLightVery;
+$placeholderText: $grayLight;
+
+$dropdownBackground: $white;
+$dropdownBorder: fadeout($black, .2);
+$dropdownDividerBottom: $white;
+$dropdownDividerTop: $grayLightest;
+$dropdownLinkBackgroundHover: $linkColor;
+$dropdownLinkColor: $grayDark;
+$dropdownLinkColorHover: $white;
+
+$iconSpritePath: '../../img/glyphicons-halflings.png';
+$iconWhiteSpritePath: '../../img/glyphicons-halflings-white.png';
+
+$navbarBackground: $grayDarker;
+$navbarBackgroundHighlight: $grayDark;
+$navbarLinkColor: $grayLight;
+$navbarLinkColorHover: $white;
+$navbarBrandColor: $navbarLinkColor;
+$navbarHeight: 40px;
+$navbarLinkBackgroundActive: $navbarBackground;
+$navbarLinkBackgroundHover: transparent;
+$navbarLinkColorActive: $navbarLinkColorHover;
+$navbarSearchBackground: lighten($navbarBackground, 25%);
+$navbarSearchBackgroundFocus: $white;
+$navbarSearchBorder: darken($navbarSearchBackground, 30%);
+$navbarSearchPlaceholderColor: $grayLighter;
+$navbarText: $grayLight;
+
+$heroUnitBackground: $grayLightest;
+$heroUnitHeadingColor: inherit;
+$heroUnitLeadColor: inherit;
+
+$warningBackground: lighten($orange, 50%);
+$warningBorder: darken($warningBackground, 3%);
+$warningText: $orange;
+$errorBackground: lighten($red, 50%);
+$errorBorder: darken($errorBackground, 3%);
+$errorText: $red;
+$successBackground: lighten($green, 50%);
+$successBorder: darken($successBackground, 3%);
+$successText: $green;
+$infoBackground: lighten($blue, 50%);
+$infoBorder: darken($infoBackground, 3%);
+$infoText: $blue;