bootstrap 4.0.0.alpha1

data/lib/bootstrap/engine.rb

@@ -0,0 +1,11 @@
+module Bootstrap
+  module Rails
+    class Engine < ::Rails::Engine
+      initializer 'bootstrap.assets' do |app|
+        %w(stylesheets javascripts).each do |sub|
+          app.config.assets.paths << root.join('assets', sub).to_s
+        end
+      end
+    end
+  end
+end

data/lib/bootstrap/version.rb

@@ -0,0 +1,4 @@
+module Bootstrap
+  VERSION       = '4.0.0.alpha1'
+  BOOTSTRAP_SHA = '43b130022b333c25d9fa810ab2666059ed699f7a'
+end

data/tasks/updater.rb

@@ -0,0 +1,67 @@
+# coding: utf-8
+
+require 'open-uri'
+require 'json'
+require 'strscan'
+require 'forwardable'
+require 'term/ansicolor'
+require 'fileutils'
+
+require_relative 'updater/scss'
+require_relative 'updater/js'
+require_relative 'updater/logger'
+require_relative 'updater/network'
+
+class Updater
+  extend Forwardable
+  include Network
+  include Js
+  include Scss
+
+  def initialize(repo: 'twbs/bootstrap', branch: 'master', save_to: {}, cache_path: 'tmp/bootstrap-cache')
+    @logger     = Logger.new
+    @repo       = repo
+    @branch     = branch || 'master'
+    @branch_sha = get_branch_sha
+    @cache_path = cache_path
+    @repo_url   = "https://github.com/#@repo"
+    @save_to    = {
+        js:    'assets/javascripts/bootstrap',
+        scss:  'assets/stylesheets/bootstrap'}.merge(save_to)
+  end
+
+  def_delegators :@logger, :log, :log_status, :log_processing, :log_transform, :log_file_info, :log_processed, :log_http_get_file, :log_http_get_files, :silence_log
+
+  def update_bootstrap
+    log_status 'Updating Bootstrap'
+    puts " repo   : #@repo_url"
+    puts " branch : #@branch_sha #@repo_url/tree/#@branch"
+    puts " save to: #{@save_to.to_json}"
+    puts " twbs cache: #{@cache_path}"
+    puts '-' * 60
+
+    FileUtils.rm_rf('assets')
+    @save_to.each { |_, v| FileUtils.mkdir_p(v) }
+
+    update_scss_assets
+    update_javascript_assets
+    store_version
+  end
+
+  def save_file(path, content, mode='w')
+    dir = File.dirname(path)
+    FileUtils.mkdir_p(dir) unless File.directory?(dir)
+    File.open(path, mode) { |file| file.write(content) }
+  end
+
+  def upstream_version
+    @upstream_version ||= get_json(file_url 'package.json')['version']
+  end
+
+  # Update version.rb file with BOOTSTRAP_SHA
+  def store_version
+    path    = 'lib/bootstrap/version.rb'
+    content = File.read(path).sub(/BOOTSTRAP_SHA\s*=\s*['"][^'"]*['"]/, "BOOTSTRAP_SHA = '#@branch_sha'")
+    File.open(path, 'w') { |f| f.write(content) }
+  end
+end

data/tasks/updater/js.rb

@@ -0,0 +1,37 @@
+class Updater
+  module Js
+    def update_javascript_assets
+      log_status 'Updating javascripts...'
+      save_to  = @save_to[:js]
+      contents = {}
+      read_files('js/dist', bootstrap_js_files).each do |name, file|
+        contents[name] = file
+        save_file("#{save_to}/#{name}", file)
+      end
+      log_processed "#{bootstrap_js_files * ' '}"
+
+      log_status 'Updating javascript manifest'
+      manifest = ''
+      bootstrap_js_files.each do |name|
+        name = name.gsub(/\.js$/, '')
+        manifest << "//= require ./bootstrap/#{name}\n"
+      end
+      dist_js = read_files('dist/js', %w(bootstrap.js bootstrap.min.js))
+      {
+          'assets/javascripts/bootstrap-sprockets.js' => manifest,
+          'assets/javascripts/bootstrap.js'           => dist_js['bootstrap.js'],
+          'assets/javascripts/bootstrap.min.js'       => dist_js['bootstrap.min.js'],
+      }.each do |path, content|
+        save_file path, content
+        log_processed path
+      end
+    end
+
+    def bootstrap_js_files
+      @bootstrap_js_files ||= begin
+        gruntfile = get_file(file_url 'Gruntfile.js')
+        JSON.parse(/concat:.*?src: (\[[^\]]+\])/m.match(gruntfile)[1].tr("'", '"')).map { |p| p.sub %r(\Ajs/src/), '' }
+      end
+    end
+  end
+end

data/tasks/updater/logger.rb

@@ -0,0 +1,57 @@
+class Updater
+  class Logger
+    include Term::ANSIColor
+
+    def log_status(status)
+      puts bold status
+    end
+
+    def log_file_info(s)
+      puts "    #{magenta s}"
+    end
+
+    def log_transform(*args, from: caller[1][/`.*'/][1..-2].sub(/^block in /, ''))
+      puts "    #{cyan from}#{cyan ": #{args * ', '}" unless args.empty?}"
+    end
+
+    def log_processing(name)
+      puts yellow "  #{File.basename(name)}"
+    end
+
+    def log_processed(name)
+      puts green "    #{name}"
+    end
+
+    def log_http_get_file(url, cached = false)
+      s = "  #{'CACHED ' if cached}GET #{url}..."
+      if cached
+        puts dark green s
+      else
+        puts dark cyan s
+      end
+    end
+
+    def log_http_get_files(files, from, cached = false)
+      return if files.empty?
+      s = "  #{'CACHED ' if cached}GET #{files.length} files from #{from} #{files * ' '}..."
+      if cached
+        puts dark green s
+      else
+        puts dark cyan s
+      end
+    end
+
+    def puts(*args)
+      STDERR.puts *args unless @silence
+    end
+
+    alias log puts
+
+    def silence_log
+      @silence = true
+      yield
+    ensure
+      @silence = false
+    end
+  end
+end

data/tasks/updater/network.rb

@@ -0,0 +1,101 @@
+require 'shellwords'
+class Updater
+  module Network
+    protected
+
+    def get_paths_by_type(dir, file_re, recursive = true)
+      get_file_paths(dir, recursive).select { |path| path =~ file_re }
+    end
+
+    def get_file_paths(dir, recursive = true)
+      get_tree(get_tree_sha(dir), recursive)['tree'].select { |f| f['type'] == 'blob' }.map { |f| f['path'] }
+    end
+
+    def file_url(path)
+      "https://raw.githubusercontent.com/#@repo/#@branch_sha/#{path}"
+    end
+
+    def read_files(path, files)
+      path_url = file_url path
+      contents = read_cached_files(path, files)
+      log_http_get_files contents.keys, path_url, true if contents.keys
+      files -= contents.keys
+      log_http_get_files files, path_url, false
+      files.map do |name|
+        Thread.start {
+          contents[name] = open("#{path_url}/#{name}").read
+          Thread.exclusive { write_cached_files path, name => contents[name] }
+        }
+      end.each(&:join)
+      contents
+    end
+
+    def read_cached_files(path, files)
+      full_path = "#@cache_path/#@branch_sha/#{path}"
+      contents  = {}
+      if File.directory?(full_path)
+        files.each do |name|
+          path = "#{full_path}/#{name}"
+          contents[name] = File.read(path, mode: 'rb') if File.exists?(path)
+        end
+      end
+      contents
+    end
+
+    def write_cached_files(path, files)
+      full_path = "./#@cache_path/#@branch_sha/#{path}"
+      files.each do |name, content|
+        FileUtils.mkdir_p File.dirname(File.join(full_path, name))
+        File.open("#{full_path}/#{name}", 'wb') { |f| f.write content }
+      end
+    end
+
+
+    def get_file(url)
+      uri = URI(url)
+      cache_path = "./#@cache_path#{uri.path}#{uri.query.tr('?&=', '-') if uri.query}"
+      FileUtils.mkdir_p File.dirname(cache_path)
+      if File.exists?(cache_path)
+        log_http_get_file url, true
+        File.read(cache_path, mode: 'rb')
+      else
+        log_http_get_file url, false
+        content = open(url).read
+        File.open(cache_path, 'wb') { |f| f.write content }
+        content
+      end
+    end
+
+    # get sha of the branch (= the latest commit)
+    def get_branch_sha
+      @branch_sha ||= begin
+        if @branch =~ /\A[0-9a-f]{40,}\z/
+          @branch
+        else
+          cmd = "git ls-remote #{Shellwords.escape "https://github.com/#@repo"} #@branch"
+          log cmd
+          result = %x[#{cmd}]
+          raise 'Could not get branch sha!' unless $?.success? && !result.empty?
+          result.split(/\s+/).first
+        end
+      end
+    end
+
+    # Get the sha of a dir
+    def get_tree_sha(dir, tree = get_trees)
+      tree['tree'].find { |t| t['path'] == dir }['sha']
+    end
+
+    def get_trees
+      @trees ||= get_tree(@branch_sha)
+    end
+
+    def get_tree(sha, recursive = true)
+      get_json("https://api.github.com/repos/#@repo/git/trees/#{sha}#{'?recursive=1' if recursive}")
+    end
+
+    def get_json(url)
+      JSON.parse get_file(url)
+    end
+  end
+end

data/tasks/updater/scss.rb

@@ -0,0 +1,34 @@
+class Updater
+  module Scss
+    def update_scss_assets
+      log_status 'Updating scss...'
+      save_to = @save_to[:scss]
+      contents = {}
+      bootstrap_scss_files = get_paths_by_type('scss', /\.scss$/)
+      read_files('scss', bootstrap_scss_files).each do |name, file|
+        contents[name] = file
+        save_file("#{save_to}/#{name}", file)
+      end
+      log_processed "#{bootstrap_scss_files * ' '}"
+
+      log_status 'Updating scss main files'
+      %w(bootstrap bootstrap-flex bootstrap-grid bootstrap-reboot).each do |name|
+        # Compass treats non-partials as targets to copy into the main project, so make them partials.
+        # Also move them up a level to clearly indicate entry points.
+        from = "#{save_to}/#{name}.scss"
+        to   = "#{save_to}/../_#{name}.scss"
+        FileUtils.mv from, to
+        # As we moved the files, adjust imports accordingly (except for bootstrap-flex that imports the main bootstrap).
+        unless 'bootstrap-flex' == name
+          File.write to, File.read(to).gsub(/ "/, ' "bootstrap/')
+        end
+      end
+
+      log_status 'Generating variable template file'
+      save_file 'templates/project/_bootstrap-variables.scss',
+        "// Override Bootstrap variables here (defaults from bootstrap v#{upstream_version}):\n\n" +
+          File.read("#{save_to}/_variables.scss").lines[1..-1].join.gsub(/^(?=\$|\)|[ ]{2})/, '// ').gsub(/ !default/, '')
+
+    end
+  end
+end

data/templates/project/_bootstrap-variables.scss

@@ -0,0 +1,633 @@
+// Override Bootstrap variables here (defaults from bootstrap v4.0.0-alpha):
+
+//
+// Copy settings from this file into the provided `_custom.scss` to override
+// the Bootstrap defaults without modifying key, versioned files.
+
+
+// Table of Contents
+//
+// Colors
+// Options
+// Spacing
+// Body
+// Links
+// Grid breakpoints
+// Grid containers
+// Grid columns
+// Fonts
+// Components
+
+// General variable structure
+//
+// Variable format should follow the `$component-modifier-state-property` order.
+
+
+// Colors
+//
+// Grayscale and brand colors for use across Bootstrap.
+
+// $gray-dark:                 #373a3c;
+// $gray:                      #55595c;
+// $gray-light:                #818a91;
+// $gray-lighter:              #eceeef;
+// $gray-lightest:             #f7f7f9;
+
+// $brand-primary:             #0275d8;
+// $brand-success:             #5cb85c;
+// $brand-info:                #5bc0de;
+// $brand-warning:             #f0ad4e;
+// $brand-danger:              #d9534f;
+
+
+// Options
+//
+// Quickly modify global styling by enabling or disabling optional features.
+
+// $enable-flex:               false;
+// $enable-rounded:            true;
+// $enable-shadows:            false;
+// $enable-gradients:          false;
+// $enable-transitions:        false;
+// $enable-hover-media-query:  false;
+// $enable-grid-classes:       true;
+
+
+// Spacing
+//
+// Control the default styling of most Bootstrap elements by modifying these
+// variables. Mostly focused on spacing.
+
+// $spacer:                     1rem;
+// $spacer-x:                   $spacer;
+// $spacer-y:                   $spacer;
+// $border-width:               1px;
+
+
+// Body
+//
+// Settings for the `<body>` element.
+
+// $body-bg:                    #fff;
+// $body-color:                 $gray-dark;
+
+
+// Links
+//
+// Style anchor elements.
+
+// $link-color:                 $brand-primary;
+// $link-decoration:            none;
+// $link-hover-color:           darken($link-color, 15%);
+// $link-hover-decoration:      underline;
+
+
+// Grid breakpoints
+//
+// Define the minimum and maximum dimensions at which your layout will change,
+// adapting to different screen sizes, for use in media queries.
+
+// $grid-breakpoints: (
+//   // Extra small screen / phone
+//   xs: 0,
+//   // Small screen / phone
+//   sm: 544px,
+//   // Medium screen / tablet
+//   md: 768px,
+//   // Large screen / desktop
+//   lg: 992px,
+//   // Extra large screen / wide desktop
+//   xl: 1200px
+// );
+
+
+// Grid containers
+//
+// Define the maximum width of `.container` for different screen sizes.
+
+// $container-max-widths: (
+//   sm: 576px,
+//   md: 720px,
+//   lg: 940px,
+//   xl: 1140px
+// );
+
+
+// Grid columns
+//
+// Set the number of columns and specify the width of the gutters.
+
+// $grid-columns:               12;
+// $grid-gutter-width:          1.875rem; // 30px
+
+
+// Typography
+//
+// Font, line-height, and color for body text, headings, and more.
+
+// $font-family-sans-serif:     "Helvetica Neue", Helvetica, Arial, sans-serif;
+// $font-family-serif:          Georgia, "Times New Roman", Times, serif;
+// $font-family-monospace:      Menlo, Monaco, Consolas, "Courier New", monospace;
+// $font-family-base:           $font-family-sans-serif;
+
+// Pixel value used to responsively scale all typography. Applied to the `<html>` element.
+// $font-size-root:             16px;
+
+// $font-size-base:             1rem;
+// $font-size-lg:               1.25rem;
+// $font-size-sm:               .85rem;
+// $font-size-xs:               .75rem;
+
+// $font-size-h1:               2.5rem;
+// $font-size-h2:               2rem;
+// $font-size-h3:               1.75rem;
+// $font-size-h4:               1.5rem;
+// $font-size-h5:               1.25rem;
+// $font-size-h6:               1rem;
+
+// $display1-size:               6rem;
+// $display2-size:               5.5rem;
+// $display3-size:               4.5rem;
+// $display4-size:               3.5rem;
+
+// $display1-weight:             300;
+// $display2-weight:             300;
+// $display3-weight:             300;
+// $display4-weight:             300;
+
+// $line-height:                1.5;
+
+// $headings-margin-bottom:     ($spacer / 2);
+// $headings-font-family:       inherit;
+// $headings-font-weight:       500;
+// $headings-line-height:       1.1;
+// $headings-color:             inherit;
+
+// $lead-font-size:             1.25rem;
+// $lead-font-weight:           300;
+
+// $text-muted:                  $gray-light;
+
+// $abbr-border-color:           $gray-light;
+
+// $blockquote-small-color:      $gray-light;
+// $blockquote-font-size:        ($font-size-base * 1.25);
+// $blockquote-border-color:     $gray-lighter;
+
+// $hr-border-color:             rgba(0,0,0,.1);
+// $hr-border-width:             $border-width;
+
+
+// Components
+//
+// Define common padding and border radius sizes and more. Values based on 14px text and 1.428 line-height (~20px to start).
+
+// $line-height-lg:         (4 / 3);
+// $line-height-sm:         1.5;
+
+// $border-radius:          .25rem;
+// $border-radius-lg:       .3rem;
+// $border-radius-sm:       .2rem;
+
+// $component-active-color: #fff;
+// $component-active-bg:    $brand-primary;
+
+// $caret-width:            .3em;
+// $caret-width-lg:         $caret-width;
+
+
+// Tables
+//
+// Customizes the `.table` component with basic values, each used across all table variations.
+
+// $table-cell-padding:            .75rem;
+// $table-sm-cell-padding:         .3rem;
+
+// $table-bg:                      transparent;
+// $table-bg-accent:               #f9f9f9;
+// $table-bg-hover:                #f5f5f5;
+// $table-bg-active:               $table-bg-hover;
+
+// $table-border-color:            $gray-lighter;
+
+
+// Buttons
+//
+// For each of Bootstrap's buttons, define text, background and border color.
+
+// $btn-padding-x:                  1rem;
+// $btn-padding-y:                  .375rem;
+// $btn-font-weight:                normal;
+
+// $btn-primary-color:              #fff;
+// $btn-primary-bg:                 $brand-primary;
+// $btn-primary-border:             $btn-primary-bg;
+
+// $btn-secondary-color:            $gray-dark;
+// $btn-secondary-bg:               #fff;
+// $btn-secondary-border:           #ccc;
+
+// $btn-info-color:                 #fff;
+// $btn-info-bg:                    $brand-info;
+// $btn-info-border:                $btn-info-bg;
+
+// $btn-success-color:              #fff;
+// $btn-success-bg:                 $brand-success;
+// $btn-success-border:             $btn-success-bg;
+
+// $btn-warning-color:              #fff;
+// $btn-warning-bg:                 $brand-warning;
+// $btn-warning-border:             $btn-warning-bg;
+
+// $btn-danger-color:               #fff;
+// $btn-danger-bg:                  $brand-danger;
+// $btn-danger-border:              $btn-danger-bg;
+
+// $btn-link-disabled-color:        $gray-light;
+
+// $btn-padding-x-sm:               .75rem;
+// $btn-padding-y-sm:               .25rem;
+
+// $btn-padding-x-lg:               1.25rem;
+// $btn-padding-y-lg:               .75rem;
+
+// Allows for customizing button radius independently from global border radius
+// $btn-border-radius:              $border-radius;
+// $btn-border-radius-lg:           $border-radius-lg;
+// $btn-border-radius-sm:           $border-radius-sm;
+
+
+// Forms
+
+// $input-padding-x:                .75rem;
+// $input-padding-y:                .375rem;
+
+// $input-bg:                       #fff;
+// $input-bg-disabled:              $gray-lighter;
+
+// $input-color:                    $gray;
+// $input-border:                   #ccc;
+// $input-box-shadow:               inset 0 1px 1px rgba(0,0,0,.075);
+
+// $input-border-radius:            $border-radius;
+// $input-border-radius-lg:         $border-radius-lg;
+// $input-border-radius-sm:         $border-radius-sm;
+
+// $input-border-focus:             #66afe9;
+// $input-box-shadow-focus:         rgba(102,175,233,.6);
+
+// $input-color-placeholder:        #999;
+
+// $input-padding-x-sm:             .75rem;
+// $input-padding-y-sm:             .275rem;
+
+// $input-padding-x-lg:             1.25rem;
+// $input-padding-y-lg:             .75rem;
+
+// $input-height:                   (($font-size-base * $line-height) + ($input-padding-y * 2));
+// $input-height-lg:                (($font-size-lg * $line-height-lg) + ($input-padding-y-lg * 2));
+// $input-height-sm:                (($font-size-sm * $line-height-sm) + ($input-padding-y-sm * 2));
+
+// $form-group-margin-bottom:       $spacer-y;
+
+// $input-group-addon-bg:           $gray-lighter;
+// $input-group-addon-border-color: $input-border;
+
+// $cursor-disabled:                not-allowed;
+
+// Form validation icons
+// $form-icon-success: "data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0idXRmLTgiPz48c3ZnIHZlcnNpb249IjEuMSIgaWQ9IkNoZWNrIiB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHhtbG5zOnhsaW5rPSJodHRwOi8vd3d3LnczLm9yZy8xOTk5L3hsaW5rIiB4PSIwcHgiIHk9IjBweCIgdmlld0JveD0iMCAwIDYxMiA3OTIiIGVuYWJsZS1iYWNrZ3JvdW5kPSJuZXcgMCAwIDYxMiA3OTIiIHhtbDpzcGFjZT0icHJlc2VydmUiPjxwYXRoIGZpbGw9IiM1Q0I4NUMiIGQ9Ik0yMzMuOCw2MTAuMWMtMTMuMywwLTI1LjktNi4yLTM0LTE2LjlMOTAuNSw0NDguOEM3Ni4zLDQzMCw4MCw0MDMuMyw5OC44LDM4OS4xYzE4LjgtMTQuMyw0NS41LTEwLjUsNTkuOCw4LjNsNzEuOSw5NWwyMjAuOS0yNTAuNWMxMi41LTIwLDM4LjgtMjYuMSw1OC44LTEzLjZjMjAsMTIuNCwyNi4xLDM4LjcsMTMuNiw1OC44TDI3MCw1OTBjLTcuNCwxMi0yMC4yLDE5LjQtMzQuMywyMC4xQzIzNS4xLDYxMC4xLDIzNC41LDYxMC4xLDIzMy44LDYxMC4xeiIvPjwvc3ZnPg==";
+// $form-icon-warning: "data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0idXRmLTgiPz48c3ZnIHZlcnNpb249IjEuMSIgaWQ9Ildhcm5pbmciIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgeG1sbnM6eGxpbms9Imh0dHA6Ly93d3cudzMub3JnLzE5OTkveGxpbmsiIHg9IjBweCIgeT0iMHB4IiB2aWV3Qm94PSIwIDAgNjEyIDc5MiIgZW5hYmxlLWJhY2tncm91bmQ9Im5ldyAwIDAgNjEyIDc5MiIgeG1sOnNwYWNlPSJwcmVzZXJ2ZSI+PHBhdGggZmlsbD0iI0YwQUQ0RSIgZD0iTTYwMyw2NDAuMmwtMjc4LjUtNTA5Yy0zLjgtNi42LTEwLjgtMTAuNi0xOC41LTEwLjZzLTE0LjcsNC4xLTE4LjUsMTAuNkw5LDY0MC4yYy0zLjcsNi41LTMuNiwxNC40LDAuMiwyMC44YzMuOCw2LjUsMTAuOCwxMC40LDE4LjMsMTAuNGg1NTcuMWM3LjUsMCwxNC41LTMuOSwxOC4zLTEwLjRDNjA2LjYsNjU0LjYsNjA2LjcsNjQ2LjYsNjAzLDY0MC4yeiBNMzM2LjYsNjEwLjJoLTYxLjJWNTQ5aDYxLjJWNjEwLjJ6IE0zMzYuNiw1MDMuMWgtNjEuMlYzMDQuMmg2MS4yVjUwMy4xeiIvPjwvc3ZnPg==";
+// $form-icon-error: "data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0idXRmLTgiPz48c3ZnIHZlcnNpb249IjEuMSIgaWQ9IkNyb3NzIiB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHhtbG5zOnhsaW5rPSJodHRwOi8vd3d3LnczLm9yZy8xOTk5L3hsaW5rIiB4PSIwcHgiIHk9IjBweCIgdmlld0JveD0iMCAwIDYxMiA3OTIiIGVuYWJsZS1iYWNrZ3JvdW5kPSJuZXcgMCAwIDYxMiA3OTIiIHhtbDpzcGFjZT0icHJlc2VydmUiPjxwYXRoIGZpbGw9IiNEOTUzNEYiIGQ9Ik00NDcsNTQ0LjRjLTE0LjQsMTQuNC0zNy42LDE0LjQtNTEuOSwwTDMwNiw0NTEuN2wtODkuMSw5Mi43Yy0xNC40LDE0LjQtMzcuNiwxNC40LTUxLjksMGMtMTQuNC0xNC40LTE0LjQtMzcuNiwwLTUxLjlsOTIuNC05Ni40TDE2NSwyOTkuNmMtMTQuNC0xNC40LTE0LjQtMzcuNiwwLTUxLjlzMzcuNi0xNC40LDUxLjksMGw4OS4yLDkyLjdsODkuMS05Mi43YzE0LjQtMTQuNCwzNy42LTE0LjQsNTEuOSwwYzE0LjQsMTQuNCwxNC40LDM3LjYsMCw1MS45TDM1NC43LDM5Nmw5Mi40LDk2LjRDNDYxLjQsNTA2LjgsNDYxLjQsNTMwLDQ0Nyw1NDQuNHoiLz48L3N2Zz4=";
+
+
+// Dropdowns
+//
+// Dropdown menu container and contents.
+
+// $dropdown-bg:                    #fff;
+// $dropdown-border:                rgba(0,0,0,.15);
+// $dropdown-divider-bg:            #e5e5e5;
+
+// $dropdown-link-color:            $gray-dark;
+// $dropdown-link-hover-color:      darken($gray-dark, 5%);
+// $dropdown-link-hover-bg:         #f5f5f5;
+
+// $dropdown-link-active-color:     $component-active-color;
+// $dropdown-link-active-bg:        $component-active-bg;
+
+// $dropdown-link-disabled-color:   $gray-light;
+
+// $dropdown-header-color:          $gray-light;
+
+
+// Z-index master list
+//
+// Warning: Avoid customizing these values. They're used for a bird's eye view
+// of components dependent on the z-axis and are designed to all work together.
+//
+// Note: These variables are not generated into the Customizer.
+
+// $zindex-navbar:            1000;
+// $zindex-dropdown:          1000;
+// $zindex-popover:           1060;
+// $zindex-tooltip:           1070;
+// $zindex-navbar-fixed:      1030;
+// $zindex-navbar-sticky:     1030;
+// $zindex-modal-bg:          1040;
+// $zindex-modal:             1050;
+
+
+// Navbar
+
+// $navbar-border-radius:              $border-radius;
+// $navbar-padding-horizontal:         $spacer;
+// $navbar-padding-vertical:           ($spacer / 2);
+
+// $navbar-dark-color:                 rgba(255,255,255,.5);
+// $navbar-dark-hover-color:           rgba(255,255,255,.75);
+// $navbar-dark-active-color:          rgba(255,255,255,1);
+// $navbar-dark-disabled-color:        rgba(255,255,255,.25);
+
+// $navbar-light-color:                rgba(0,0,0,.3);
+// $navbar-light-hover-color:          rgba(0,0,0,.6);
+// $navbar-light-active-color:         rgba(0,0,0,.8);
+// $navbar-light-disabled-color:       rgba(0,0,0,.15);
+
+
+// Navs
+
+// $nav-link-padding:                          .5em 1em;
+// $nav-link-hover-bg:                         $gray-lighter;
+
+// $nav-disabled-link-color:                   $gray-light;
+// $nav-disabled-link-hover-color:             $gray-light;
+
+// $nav-tabs-border-color:                     #ddd;
+
+// $nav-tabs-link-hover-border-color:          $gray-lighter;
+
+// $nav-tabs-active-link-hover-bg:             $body-bg;
+// $nav-tabs-active-link-hover-color:          $gray;
+// $nav-tabs-active-link-hover-border-color:   #ddd;
+
+// $nav-tabs-justified-link-border-color:            #ddd;
+// $nav-tabs-justified-active-link-border-color:     $body-bg;
+
+// $nav-pills-border-radius:                   $border-radius;
+// $nav-pills-active-link-hover-bg:            $component-active-bg;
+// $nav-pills-active-link-hover-color:         $component-active-color;
+
+
+// Pagination
+
+// $pagination-padding-x:                .75rem;
+// $pagination-padding-y:                .5rem;
+// $pagination-padding-x-sm:             .75rem;
+// $pagination-padding-y-sm:             .275rem;
+// $pagination-padding-x-lg:             1.5rem;
+// $pagination-padding-y-lg:             .75rem;
+
+
+// $pagination-color:                     $link-color;
+// $pagination-bg:                        #fff;
+// $pagination-border:                    #ddd;
+
+// $pagination-hover-color:               $link-hover-color;
+// $pagination-hover-bg:                  $gray-lighter;
+// $pagination-hover-border:              #ddd;
+
+// $pagination-active-color:              #fff;
+// $pagination-active-bg:                 $brand-primary;
+// $pagination-active-border:             $brand-primary;
+
+// $pagination-disabled-color:            $gray-light;
+// $pagination-disabled-bg:               #fff;
+// $pagination-disabled-border:           #ddd;
+
+
+// Pager
+
+// $pager-bg:                             $pagination-bg;
+// $pager-border:                         $pagination-border;
+// $pager-border-radius:                  15px;
+
+// $pager-hover-bg:                       $pagination-hover-bg;
+
+// $pager-active-bg:                      $pagination-active-bg;
+// $pager-active-color:                   $pagination-active-color;
+
+// $pager-disabled-color:                 $pagination-disabled-color;
+
+
+// Jumbotron
+
+// $jumbotron-padding:              2rem;
+// $jumbotron-bg:                   $gray-lighter;
+
+
+// Form states and alerts
+//
+// Define colors for form feedback states and, by default, alerts.
+
+// $state-success-text:             #3c763d;
+// $state-success-bg:               #dff0d8;
+// $state-success-border:           darken($state-success-bg, 5%);
+
+// $state-info-text:                #31708f;
+// $state-info-bg:                  #d9edf7;
+// $state-info-border:              darken($state-info-bg, 7%);
+
+// $state-warning-text:             #8a6d3b;
+// $state-warning-bg:               #fcf8e3;
+// $state-warning-border:           darken($state-warning-bg, 5%);
+
+// $state-danger-text:              #a94442;
+// $state-danger-bg:                #f2dede;
+// $state-danger-border:            darken($state-danger-bg, 5%);
+
+
+// Cards
+// $card-spacer-x:            1.25rem;
+// $card-spacer-y:            .75rem;
+// $card-border-width:        .0625rem;
+// $card-border-radius:       $border-radius;
+// $card-border-color:        #e5e5e5;
+// $card-border-radius-inner: ($card-border-radius - $card-border-width);
+// $card-cap-bg:              #f5f5f5;
+// $card-bg:                  #fff;
+
+// Tooltips
+
+// $tooltip-max-width:           200px;
+// $tooltip-color:               #fff;
+// $tooltip-bg:                  #000;
+// $tooltip-opacity:             .9;
+
+// $tooltip-arrow-width:         5px;
+// $tooltip-arrow-color:         $tooltip-bg;
+
+
+// Popovers
+
+// $popover-bg:                          #fff;
+// $popover-max-width:                   276px;
+// $popover-border-color:                rgba(0,0,0,.2);
+// $popover-fallback-border-color:       #ccc;
+
+// $popover-title-bg:                    darken($popover-bg, 3%);
+
+// $popover-arrow-width:                 10px;
+// $popover-arrow-color:                 $popover-bg;
+
+// $popover-arrow-outer-width:           ($popover-arrow-width + 1);
+// $popover-arrow-outer-color:           fade-in($popover-border-color, 0.05);
+// $popover-arrow-outer-fallback-color:  darken($popover-fallback-border-color, 20%);
+
+
+// Labels
+
+// $label-default-bg:            $gray-light;
+// $label-primary-bg:            $brand-primary;
+// $label-success-bg:            $brand-success;
+// $label-info-bg:               $brand-info;
+// $label-warning-bg:            $brand-warning;
+// $label-danger-bg:             $brand-danger;
+
+// $label-color:                 #fff;
+// $label-link-hover-color:      #fff;
+
+
+// Modals
+
+// Padding applied to the modal body
+// $modal-inner-padding:         15px;
+
+// $modal-title-padding:         15px;
+// $modal-title-line-height:     $line-height;
+
+// $modal-content-bg:                             #fff;
+// $modal-content-border-color:                   rgba(0,0,0,.2);
+
+// $modal-backdrop-bg:           #000;
+// $modal-backdrop-opacity:      .5;
+// $modal-header-border-color:   #e5e5e5;
+// $modal-footer-border-color:   $modal-header-border-color;
+
+// $modal-lg:                    900px;
+// $modal-md:                    600px;
+// $modal-sm:                    300px;
+
+
+// Alerts
+//
+// Define alert colors, border radius, and padding.
+
+// $alert-padding:               15px;
+// $alert-border-radius:         $border-radius;
+// $alert-link-font-weight:      bold;
+
+// $alert-success-bg:            $state-success-bg;
+// $alert-success-text:          $state-success-text;
+// $alert-success-border:        $state-success-border;
+
+// $alert-info-bg:               $state-info-bg;
+// $alert-info-text:             $state-info-text;
+// $alert-info-border:           $state-info-border;
+
+// $alert-warning-bg:            $state-warning-bg;
+// $alert-warning-text:          $state-warning-text;
+// $alert-warning-border:        $state-warning-border;
+
+// $alert-danger-bg:             $state-danger-bg;
+// $alert-danger-text:           $state-danger-text;
+// $alert-danger-border:         $state-danger-border;
+
+
+// Progress bars
+
+// $progress-bg:                 #f5f5f5;
+// $progress-bar-color:          #fff;
+// $progress-border-radius:      $border-radius;
+
+// $progress-bar-bg:             $brand-primary;
+// $progress-bar-success-bg:     $brand-success;
+// $progress-bar-warning-bg:     $brand-warning;
+// $progress-bar-danger-bg:      $brand-danger;
+// $progress-bar-info-bg:        $brand-info;
+
+
+// List group
+
+// $list-group-bg:                 #fff;
+// $list-group-border:             #ddd;
+// $list-group-border-radius:      $border-radius;
+
+// $list-group-hover-bg:           #f5f5f5;
+// $list-group-active-color:       $component-active-color;
+// $list-group-active-bg:          $component-active-bg;
+// $list-group-active-border:      $list-group-active-bg;
+// $list-group-active-text-color:  lighten($list-group-active-bg, 40%);
+
+// $list-group-disabled-color:      $gray-light;
+// $list-group-disabled-bg:         $gray-lighter;
+// $list-group-disabled-text-color: $list-group-disabled-color;
+
+// $list-group-link-color:         #555;
+// $list-group-link-hover-color:   $list-group-link-color;
+// $list-group-link-heading-color: #333;
+
+
+// Image thumbnails
+
+// $thumbnail-padding:           .25rem;
+// $thumbnail-bg:                $body-bg;
+// $thumbnail-border:            #ddd;
+// $thumbnail-border-radius:     $border-radius;
+
+
+// Breadcrumbs
+
+// $breadcrumb-padding-vertical:   .75rem;
+// $breadcrumb-padding-horizontal: 1rem;
+
+// $breadcrumb-bg:                 $gray-lighter;
+// $breadcrumb-divider-color:      $gray-light;
+// $breadcrumb-active-color:       $gray-light;
+// $breadcrumb-divider:            "/";
+
+
+// Carousel
+
+// $carousel-text-shadow:                        0 1px 2px rgba(0,0,0,.6);
+
+// $carousel-control-color:                      #fff;
+// $carousel-control-width:                      15%;
+// $carousel-control-opacity:                    .5;
+// $carousel-control-font-size:                  20px;
+
+// $carousel-indicator-active-bg:                #fff;
+// $carousel-indicator-border-color:             #fff;
+
+// $carousel-caption-color:                      #fff;
+
+
+// Close
+
+// $close-font-weight:           bold;
+// $close-color:                 #000;
+// $close-text-shadow:           0 1px 0 #fff;
+
+
+// Code
+
+// $code-color:                  #bd4147;
+// $code-bg:                     #f7f7f9;
+
+// $kbd-color:                   #fff;
+// $kbd-bg:                      #333;
+
+// $pre-bg:                      #f7f7f9;
+// $pre-color:                   $gray-dark;
+// $pre-border-color:            #ccc;
+// $pre-scrollable-max-height:   340px;