api_taster 0.8.2 → 0.8.3
This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
- checksums.yaml +4 -4
- data/api_taster.gemspec +3 -3
- data/lib/api_taster.rb +1 -1
- data/lib/api_taster/engine.rb +2 -0
- data/lib/api_taster/version.rb +1 -1
- data/vendor/assets/images/glyphicons-halflings-white.png +0 -0
- data/vendor/assets/images/glyphicons-halflings.png +0 -0
- data/vendor/assets/javascripts/bootstrap-affix.js +117 -0
- data/vendor/assets/javascripts/bootstrap-alert.js +99 -0
- data/vendor/assets/javascripts/bootstrap-button.js +105 -0
- data/vendor/assets/javascripts/bootstrap-carousel.js +207 -0
- data/vendor/assets/javascripts/bootstrap-collapse.js +167 -0
- data/vendor/assets/javascripts/bootstrap-dropdown.js +169 -0
- data/vendor/assets/javascripts/bootstrap-modal.js +247 -0
- data/vendor/assets/javascripts/bootstrap-popover.js +114 -0
- data/vendor/assets/javascripts/bootstrap-scrollspy.js +162 -0
- data/vendor/assets/javascripts/bootstrap-tab.js +144 -0
- data/vendor/assets/javascripts/bootstrap-tooltip.js +361 -0
- data/vendor/assets/javascripts/bootstrap-transition.js +60 -0
- data/vendor/assets/javascripts/bootstrap-typeahead.js +335 -0
- data/vendor/assets/javascripts/bootstrap.js +13 -0
- data/vendor/assets/stylesheets/bootstrap-responsive.scss +1 -0
- data/vendor/assets/stylesheets/bootstrap.scss +1 -0
- data/vendor/assets/stylesheets/bootstrap/_accordion.scss +34 -0
- data/vendor/assets/stylesheets/bootstrap/_alerts.scss +79 -0
- data/vendor/assets/stylesheets/bootstrap/_breadcrumbs.scss +24 -0
- data/vendor/assets/stylesheets/bootstrap/_button-groups.scss +229 -0
- data/vendor/assets/stylesheets/bootstrap/_buttons.scss +228 -0
- data/vendor/assets/stylesheets/bootstrap/_carousel.scss +158 -0
- data/vendor/assets/stylesheets/bootstrap/_close.scss +32 -0
- data/vendor/assets/stylesheets/bootstrap/_code.scss +61 -0
- data/vendor/assets/stylesheets/bootstrap/_component-animations.scss +22 -0
- data/vendor/assets/stylesheets/bootstrap/_dropdowns.scss +248 -0
- data/vendor/assets/stylesheets/bootstrap/_forms.scss +689 -0
- data/vendor/assets/stylesheets/bootstrap/_grid.scss +21 -0
- data/vendor/assets/stylesheets/bootstrap/_hero-unit.scss +25 -0
- data/vendor/assets/stylesheets/bootstrap/_labels-badges.scss +83 -0
- data/vendor/assets/stylesheets/bootstrap/_layouts.scss +16 -0
- data/vendor/assets/stylesheets/bootstrap/_media.scss +55 -0
- data/vendor/assets/stylesheets/bootstrap/_mixins.scss +696 -0
- data/vendor/assets/stylesheets/bootstrap/_modals.scss +95 -0
- data/vendor/assets/stylesheets/bootstrap/_navbar.scss +497 -0
- data/vendor/assets/stylesheets/bootstrap/_navs.scss +409 -0
- data/vendor/assets/stylesheets/bootstrap/_pager.scss +43 -0
- data/vendor/assets/stylesheets/bootstrap/_pagination.scss +123 -0
- data/vendor/assets/stylesheets/bootstrap/_popovers.scss +133 -0
- data/vendor/assets/stylesheets/bootstrap/_progress-bars.scss +122 -0
- data/vendor/assets/stylesheets/bootstrap/_reset.scss +216 -0
- data/vendor/assets/stylesheets/bootstrap/_responsive-1200px-min.scss +28 -0
- data/vendor/assets/stylesheets/bootstrap/_responsive-767px-max.scss +193 -0
- data/vendor/assets/stylesheets/bootstrap/_responsive-768px-979px.scss +19 -0
- data/vendor/assets/stylesheets/bootstrap/_responsive-navbar.scss +189 -0
- data/vendor/assets/stylesheets/bootstrap/_responsive-utilities.scss +74 -0
- data/vendor/assets/stylesheets/bootstrap/_scaffolding.scss +53 -0
- data/vendor/assets/stylesheets/bootstrap/_sprites.scss +197 -0
- data/vendor/assets/stylesheets/bootstrap/_tables.scss +235 -0
- data/vendor/assets/stylesheets/bootstrap/_thumbnails.scss +53 -0
- data/vendor/assets/stylesheets/bootstrap/_tooltip.scss +70 -0
- data/vendor/assets/stylesheets/bootstrap/_type.scss +247 -0
- data/vendor/assets/stylesheets/bootstrap/_utilities.scss +45 -0
- data/vendor/assets/stylesheets/bootstrap/_variables.scss +301 -0
- data/vendor/assets/stylesheets/bootstrap/_wells.scss +29 -0
- data/vendor/assets/stylesheets/bootstrap/bootstrap.scss +63 -0
- data/vendor/assets/stylesheets/bootstrap/responsive.scss +48 -0
- metadata +63 -16
| @@ -0,0 +1,53 @@ | |
| 1 | 
            +
            //
         | 
| 2 | 
            +
            // Thumbnails
         | 
| 3 | 
            +
            // --------------------------------------------------
         | 
| 4 | 
            +
             | 
| 5 | 
            +
             | 
| 6 | 
            +
            // Note: `.thumbnails` and `.thumbnails > li` are overriden in responsive files
         | 
| 7 | 
            +
             | 
| 8 | 
            +
            // Make wrapper ul behave like the grid
         | 
| 9 | 
            +
            .thumbnails {
         | 
| 10 | 
            +
              margin-left: -$gridGutterWidth;
         | 
| 11 | 
            +
              list-style: none;
         | 
| 12 | 
            +
              @include clearfix();
         | 
| 13 | 
            +
            }
         | 
| 14 | 
            +
            // Fluid rows have no left margin
         | 
| 15 | 
            +
            .row-fluid .thumbnails {
         | 
| 16 | 
            +
              margin-left: 0;
         | 
| 17 | 
            +
            }
         | 
| 18 | 
            +
             | 
| 19 | 
            +
            // Float li to make thumbnails appear in a row
         | 
| 20 | 
            +
            .thumbnails > li {
         | 
| 21 | 
            +
              float: left; // Explicity set the float since we don't require .span* classes
         | 
| 22 | 
            +
              margin-bottom: $baseLineHeight;
         | 
| 23 | 
            +
              margin-left: $gridGutterWidth;
         | 
| 24 | 
            +
            }
         | 
| 25 | 
            +
             | 
| 26 | 
            +
            // The actual thumbnail (can be `a` or `div`)
         | 
| 27 | 
            +
            .thumbnail {
         | 
| 28 | 
            +
              display: block;
         | 
| 29 | 
            +
              padding: 4px;
         | 
| 30 | 
            +
              line-height: $baseLineHeight;
         | 
| 31 | 
            +
              border: 1px solid #ddd;
         | 
| 32 | 
            +
              @include border-radius($baseBorderRadius);
         | 
| 33 | 
            +
              @include box-shadow(0 1px 3px rgba(0,0,0,.055));
         | 
| 34 | 
            +
              @include transition(all .2s ease-in-out);
         | 
| 35 | 
            +
            }
         | 
| 36 | 
            +
            // Add a hover/focus state for linked versions only
         | 
| 37 | 
            +
            a.thumbnail:hover,
         | 
| 38 | 
            +
            a.thumbnail:focus {
         | 
| 39 | 
            +
              border-color: $linkColor;
         | 
| 40 | 
            +
              @include box-shadow(0 1px 4px rgba(0,105,214,.25));
         | 
| 41 | 
            +
            }
         | 
| 42 | 
            +
             | 
| 43 | 
            +
            // Images and captions
         | 
| 44 | 
            +
            .thumbnail > img {
         | 
| 45 | 
            +
              display: block;
         | 
| 46 | 
            +
              max-width: 100%;
         | 
| 47 | 
            +
              margin-left: auto;
         | 
| 48 | 
            +
              margin-right: auto;
         | 
| 49 | 
            +
            }
         | 
| 50 | 
            +
            .thumbnail .caption {
         | 
| 51 | 
            +
              padding: 9px;
         | 
| 52 | 
            +
              color: $gray;
         | 
| 53 | 
            +
            }
         | 
| @@ -0,0 +1,70 @@ | |
| 1 | 
            +
            //
         | 
| 2 | 
            +
            // Tooltips
         | 
| 3 | 
            +
            // --------------------------------------------------
         | 
| 4 | 
            +
             | 
| 5 | 
            +
             | 
| 6 | 
            +
            // Base class
         | 
| 7 | 
            +
            .tooltip {
         | 
| 8 | 
            +
              position: absolute;
         | 
| 9 | 
            +
              z-index: $zindexTooltip;
         | 
| 10 | 
            +
              display: block;
         | 
| 11 | 
            +
              visibility: visible;
         | 
| 12 | 
            +
              font-size: 11px;
         | 
| 13 | 
            +
              line-height: 1.4;
         | 
| 14 | 
            +
              @include opacity(0);
         | 
| 15 | 
            +
              &.in     { @include opacity(80); }
         | 
| 16 | 
            +
              &.top    { margin-top:  -3px; padding: 5px 0; }
         | 
| 17 | 
            +
              &.right  { margin-left:  3px; padding: 0 5px; }
         | 
| 18 | 
            +
              &.bottom { margin-top:   3px; padding: 5px 0; }
         | 
| 19 | 
            +
              &.left   { margin-left: -3px; padding: 0 5px; }
         | 
| 20 | 
            +
            }
         | 
| 21 | 
            +
             | 
| 22 | 
            +
            // Wrapper for the tooltip content
         | 
| 23 | 
            +
            .tooltip-inner {
         | 
| 24 | 
            +
              max-width: 200px;
         | 
| 25 | 
            +
              padding: 8px;
         | 
| 26 | 
            +
              color: $tooltipColor;
         | 
| 27 | 
            +
              text-align: center;
         | 
| 28 | 
            +
              text-decoration: none;
         | 
| 29 | 
            +
              background-color: $tooltipBackground;
         | 
| 30 | 
            +
              @include border-radius($baseBorderRadius);
         | 
| 31 | 
            +
            }
         | 
| 32 | 
            +
             | 
| 33 | 
            +
            // Arrows
         | 
| 34 | 
            +
            .tooltip-arrow {
         | 
| 35 | 
            +
              position: absolute;
         | 
| 36 | 
            +
              width: 0;
         | 
| 37 | 
            +
              height: 0;
         | 
| 38 | 
            +
              border-color: transparent;
         | 
| 39 | 
            +
              border-style: solid;
         | 
| 40 | 
            +
            }
         | 
| 41 | 
            +
            .tooltip {
         | 
| 42 | 
            +
              &.top .tooltip-arrow {
         | 
| 43 | 
            +
                bottom: 0;
         | 
| 44 | 
            +
                left: 50%;
         | 
| 45 | 
            +
                margin-left: -$tooltipArrowWidth;
         | 
| 46 | 
            +
                border-width: $tooltipArrowWidth $tooltipArrowWidth 0;
         | 
| 47 | 
            +
                border-top-color: $tooltipArrowColor;
         | 
| 48 | 
            +
              }
         | 
| 49 | 
            +
              &.right .tooltip-arrow {
         | 
| 50 | 
            +
                top: 50%;
         | 
| 51 | 
            +
                left: 0;
         | 
| 52 | 
            +
                margin-top: -$tooltipArrowWidth;
         | 
| 53 | 
            +
                border-width: $tooltipArrowWidth $tooltipArrowWidth $tooltipArrowWidth 0;
         | 
| 54 | 
            +
                border-right-color: $tooltipArrowColor;
         | 
| 55 | 
            +
              }
         | 
| 56 | 
            +
              &.left .tooltip-arrow {
         | 
| 57 | 
            +
                top: 50%;
         | 
| 58 | 
            +
                right: 0;
         | 
| 59 | 
            +
                margin-top: -$tooltipArrowWidth;
         | 
| 60 | 
            +
                border-width: $tooltipArrowWidth 0 $tooltipArrowWidth $tooltipArrowWidth;
         | 
| 61 | 
            +
                border-left-color: $tooltipArrowColor;
         | 
| 62 | 
            +
              }
         | 
| 63 | 
            +
              &.bottom .tooltip-arrow {
         | 
| 64 | 
            +
                top: 0;
         | 
| 65 | 
            +
                left: 50%;
         | 
| 66 | 
            +
                margin-left: -$tooltipArrowWidth;
         | 
| 67 | 
            +
                border-width: 0 $tooltipArrowWidth $tooltipArrowWidth;
         | 
| 68 | 
            +
                border-bottom-color: $tooltipArrowColor;
         | 
| 69 | 
            +
              }
         | 
| 70 | 
            +
            }
         | 
| @@ -0,0 +1,247 @@ | |
| 1 | 
            +
            //
         | 
| 2 | 
            +
            // Typography
         | 
| 3 | 
            +
            // --------------------------------------------------
         | 
| 4 | 
            +
             | 
| 5 | 
            +
             | 
| 6 | 
            +
            // Body text
         | 
| 7 | 
            +
            // -------------------------
         | 
| 8 | 
            +
             | 
| 9 | 
            +
            p {
         | 
| 10 | 
            +
              margin: 0 0 $baseLineHeight / 2;
         | 
| 11 | 
            +
            }
         | 
| 12 | 
            +
            .lead {
         | 
| 13 | 
            +
              margin-bottom: $baseLineHeight;
         | 
| 14 | 
            +
              font-size: $baseFontSize * 1.5;
         | 
| 15 | 
            +
              font-weight: 200;
         | 
| 16 | 
            +
              line-height: $baseLineHeight * 1.5;
         | 
| 17 | 
            +
            }
         | 
| 18 | 
            +
             | 
| 19 | 
            +
             | 
| 20 | 
            +
            // Emphasis & misc
         | 
| 21 | 
            +
            // -------------------------
         | 
| 22 | 
            +
             | 
| 23 | 
            +
            // Ex: 14px base font * 85% = about 12px
         | 
| 24 | 
            +
            small   { font-size: 85%; }
         | 
| 25 | 
            +
             | 
| 26 | 
            +
            strong  { font-weight: bold; }
         | 
| 27 | 
            +
            em      { font-style: italic; }
         | 
| 28 | 
            +
            cite    { font-style: normal; }
         | 
| 29 | 
            +
             | 
| 30 | 
            +
            // Utility classes
         | 
| 31 | 
            +
            .muted               { color: $grayLight; }
         | 
| 32 | 
            +
            a.muted:hover,
         | 
| 33 | 
            +
            a.muted:focus        { color: darken($grayLight, 10%); }
         | 
| 34 | 
            +
             | 
| 35 | 
            +
            .text-warning        { color: $warningText; }
         | 
| 36 | 
            +
            a.text-warning:hover,
         | 
| 37 | 
            +
            a.text-warning:focus { color: darken($warningText, 10%); }
         | 
| 38 | 
            +
             | 
| 39 | 
            +
            .text-error          { color: $errorText; }
         | 
| 40 | 
            +
            a.text-error:hover,
         | 
| 41 | 
            +
            a.text-error:focus   { color: darken($errorText, 10%); }
         | 
| 42 | 
            +
             | 
| 43 | 
            +
            .text-info           { color: $infoText; }
         | 
| 44 | 
            +
            a.text-info:hover,
         | 
| 45 | 
            +
            a.text-info:focus    { color: darken($infoText, 10%); }
         | 
| 46 | 
            +
             | 
| 47 | 
            +
            .text-success        { color: $successText; }
         | 
| 48 | 
            +
            a.text-success:hover,
         | 
| 49 | 
            +
            a.text-success:focus { color: darken($successText, 10%); }
         | 
| 50 | 
            +
             | 
| 51 | 
            +
            .text-left           { text-align: left; }
         | 
| 52 | 
            +
            .text-right          { text-align: right; }
         | 
| 53 | 
            +
            .text-center         { text-align: center; }
         | 
| 54 | 
            +
             | 
| 55 | 
            +
             | 
| 56 | 
            +
            // Headings
         | 
| 57 | 
            +
            // -------------------------
         | 
| 58 | 
            +
             | 
| 59 | 
            +
            h1, h2, h3, h4, h5, h6 {
         | 
| 60 | 
            +
              margin: ($baseLineHeight / 2) 0;
         | 
| 61 | 
            +
              font-family: $headingsFontFamily;
         | 
| 62 | 
            +
              font-weight: $headingsFontWeight;
         | 
| 63 | 
            +
              line-height: $baseLineHeight;
         | 
| 64 | 
            +
              color: $headingsColor;
         | 
| 65 | 
            +
              text-rendering: optimizelegibility; // Fix the character spacing for headings
         | 
| 66 | 
            +
              small {
         | 
| 67 | 
            +
                font-weight: normal;
         | 
| 68 | 
            +
                line-height: 1;
         | 
| 69 | 
            +
                color: $grayLight;
         | 
| 70 | 
            +
              }
         | 
| 71 | 
            +
            }
         | 
| 72 | 
            +
             | 
| 73 | 
            +
            h1,
         | 
| 74 | 
            +
            h2,
         | 
| 75 | 
            +
            h3 { line-height: $baseLineHeight * 2; }
         | 
| 76 | 
            +
             | 
| 77 | 
            +
            h1 { font-size: $baseFontSize * 2.75; } // ~38px
         | 
| 78 | 
            +
            h2 { font-size: $baseFontSize * 2.25; } // ~32px
         | 
| 79 | 
            +
            h3 { font-size: $baseFontSize * 1.75; } // ~24px
         | 
| 80 | 
            +
            h4 { font-size: $baseFontSize * 1.25; } // ~18px
         | 
| 81 | 
            +
            h5 { font-size: $baseFontSize; }
         | 
| 82 | 
            +
            h6 { font-size: $baseFontSize * 0.85; } // ~12px
         | 
| 83 | 
            +
             | 
| 84 | 
            +
            h1 small { font-size: $baseFontSize * 1.75; } // ~24px
         | 
| 85 | 
            +
            h2 small { font-size: $baseFontSize * 1.25; } // ~18px
         | 
| 86 | 
            +
            h3 small { font-size: $baseFontSize; }
         | 
| 87 | 
            +
            h4 small { font-size: $baseFontSize; }
         | 
| 88 | 
            +
             | 
| 89 | 
            +
             | 
| 90 | 
            +
            // Page header
         | 
| 91 | 
            +
            // -------------------------
         | 
| 92 | 
            +
             | 
| 93 | 
            +
            .page-header {
         | 
| 94 | 
            +
              padding-bottom: ($baseLineHeight / 2) - 1;
         | 
| 95 | 
            +
              margin: $baseLineHeight 0 ($baseLineHeight * 1.5);
         | 
| 96 | 
            +
              border-bottom: 1px solid $grayLighter;
         | 
| 97 | 
            +
            }
         | 
| 98 | 
            +
             | 
| 99 | 
            +
             | 
| 100 | 
            +
             | 
| 101 | 
            +
            // Lists
         | 
| 102 | 
            +
            // --------------------------------------------------
         | 
| 103 | 
            +
             | 
| 104 | 
            +
            // Unordered and Ordered lists
         | 
| 105 | 
            +
            ul, ol {
         | 
| 106 | 
            +
              padding: 0;
         | 
| 107 | 
            +
              margin: 0 0 $baseLineHeight / 2 25px;
         | 
| 108 | 
            +
            }
         | 
| 109 | 
            +
            ul ul,
         | 
| 110 | 
            +
            ul ol,
         | 
| 111 | 
            +
            ol ol,
         | 
| 112 | 
            +
            ol ul {
         | 
| 113 | 
            +
              margin-bottom: 0;
         | 
| 114 | 
            +
            }
         | 
| 115 | 
            +
            li {
         | 
| 116 | 
            +
              line-height: $baseLineHeight;
         | 
| 117 | 
            +
            }
         | 
| 118 | 
            +
             | 
| 119 | 
            +
            // Remove default list styles
         | 
| 120 | 
            +
            ul.unstyled,
         | 
| 121 | 
            +
            ol.unstyled {
         | 
| 122 | 
            +
              margin-left: 0;
         | 
| 123 | 
            +
              list-style: none;
         | 
| 124 | 
            +
            }
         | 
| 125 | 
            +
             | 
| 126 | 
            +
            // Single-line list items
         | 
| 127 | 
            +
            ul.inline,
         | 
| 128 | 
            +
            ol.inline {
         | 
| 129 | 
            +
              margin-left: 0;
         | 
| 130 | 
            +
              list-style: none;
         | 
| 131 | 
            +
              > li {
         | 
| 132 | 
            +
                display: inline-block;
         | 
| 133 | 
            +
                @include ie7-inline-block();
         | 
| 134 | 
            +
                padding-left: 5px;
         | 
| 135 | 
            +
                padding-right: 5px;
         | 
| 136 | 
            +
              }
         | 
| 137 | 
            +
            }
         | 
| 138 | 
            +
             | 
| 139 | 
            +
            // Description Lists
         | 
| 140 | 
            +
            dl {
         | 
| 141 | 
            +
              margin-bottom: $baseLineHeight;
         | 
| 142 | 
            +
            }
         | 
| 143 | 
            +
            dt,
         | 
| 144 | 
            +
            dd {
         | 
| 145 | 
            +
              line-height: $baseLineHeight;
         | 
| 146 | 
            +
            }
         | 
| 147 | 
            +
            dt {
         | 
| 148 | 
            +
              font-weight: bold;
         | 
| 149 | 
            +
            }
         | 
| 150 | 
            +
            dd {
         | 
| 151 | 
            +
              margin-left: $baseLineHeight / 2;
         | 
| 152 | 
            +
            }
         | 
| 153 | 
            +
            // Horizontal layout (like forms)
         | 
| 154 | 
            +
            .dl-horizontal {
         | 
| 155 | 
            +
              @include clearfix(); // Ensure dl clears floats if empty dd elements present
         | 
| 156 | 
            +
              dt {
         | 
| 157 | 
            +
                float: left;
         | 
| 158 | 
            +
                width: $horizontalComponentOffset - 20;
         | 
| 159 | 
            +
                clear: left;
         | 
| 160 | 
            +
                text-align: right;
         | 
| 161 | 
            +
                @include text-overflow();
         | 
| 162 | 
            +
              }
         | 
| 163 | 
            +
              dd {
         | 
| 164 | 
            +
                margin-left: $horizontalComponentOffset;
         | 
| 165 | 
            +
              }
         | 
| 166 | 
            +
            }
         | 
| 167 | 
            +
             | 
| 168 | 
            +
            // MISC
         | 
| 169 | 
            +
            // ----
         | 
| 170 | 
            +
             | 
| 171 | 
            +
            // Horizontal rules
         | 
| 172 | 
            +
            hr {
         | 
| 173 | 
            +
              margin: $baseLineHeight 0;
         | 
| 174 | 
            +
              border: 0;
         | 
| 175 | 
            +
              border-top: 1px solid $hrBorder;
         | 
| 176 | 
            +
              border-bottom: 1px solid $white;
         | 
| 177 | 
            +
            }
         | 
| 178 | 
            +
             | 
| 179 | 
            +
            // Abbreviations and acronyms
         | 
| 180 | 
            +
            abbr[title],
         | 
| 181 | 
            +
            // Added data-* attribute to help out our tooltip plugin, per https://github.com/twitter/bootstrap/issues/5257
         | 
| 182 | 
            +
            abbr[data-original-title] {
         | 
| 183 | 
            +
              cursor: help;
         | 
| 184 | 
            +
              border-bottom: 1px dotted $grayLight;
         | 
| 185 | 
            +
            }
         | 
| 186 | 
            +
            abbr.initialism {
         | 
| 187 | 
            +
              font-size: 90%;
         | 
| 188 | 
            +
              text-transform: uppercase;
         | 
| 189 | 
            +
            }
         | 
| 190 | 
            +
             | 
| 191 | 
            +
            // Blockquotes
         | 
| 192 | 
            +
            blockquote {
         | 
| 193 | 
            +
              padding: 0 0 0 15px;
         | 
| 194 | 
            +
              margin: 0 0 $baseLineHeight;
         | 
| 195 | 
            +
              border-left: 5px solid $grayLighter;
         | 
| 196 | 
            +
              p {
         | 
| 197 | 
            +
                margin-bottom: 0;
         | 
| 198 | 
            +
                font-size: $baseFontSize * 1.25;
         | 
| 199 | 
            +
                font-weight: 300;
         | 
| 200 | 
            +
                line-height: 1.25;
         | 
| 201 | 
            +
              }
         | 
| 202 | 
            +
              small {
         | 
| 203 | 
            +
                display: block;
         | 
| 204 | 
            +
                line-height: $baseLineHeight;
         | 
| 205 | 
            +
                color: $grayLight;
         | 
| 206 | 
            +
                &:before {
         | 
| 207 | 
            +
                  content: '\2014 \00A0';
         | 
| 208 | 
            +
                }
         | 
| 209 | 
            +
              }
         | 
| 210 | 
            +
             | 
| 211 | 
            +
              // Float right with text-align: right
         | 
| 212 | 
            +
              &.pull-right {
         | 
| 213 | 
            +
                float: right;
         | 
| 214 | 
            +
                padding-right: 15px;
         | 
| 215 | 
            +
                padding-left: 0;
         | 
| 216 | 
            +
                border-right: 5px solid $grayLighter;
         | 
| 217 | 
            +
                border-left: 0;
         | 
| 218 | 
            +
                p,
         | 
| 219 | 
            +
                small {
         | 
| 220 | 
            +
                  text-align: right;
         | 
| 221 | 
            +
                }
         | 
| 222 | 
            +
                small {
         | 
| 223 | 
            +
                  &:before {
         | 
| 224 | 
            +
                    content: '';
         | 
| 225 | 
            +
                  }
         | 
| 226 | 
            +
                  &:after {
         | 
| 227 | 
            +
                    content: '\00A0 \2014';
         | 
| 228 | 
            +
                  }
         | 
| 229 | 
            +
                }
         | 
| 230 | 
            +
              }
         | 
| 231 | 
            +
            }
         | 
| 232 | 
            +
             | 
| 233 | 
            +
            // Quotes
         | 
| 234 | 
            +
            q:before,
         | 
| 235 | 
            +
            q:after,
         | 
| 236 | 
            +
            blockquote:before,
         | 
| 237 | 
            +
            blockquote:after {
         | 
| 238 | 
            +
              content: "";
         | 
| 239 | 
            +
            }
         | 
| 240 | 
            +
             | 
| 241 | 
            +
            // Addresses
         | 
| 242 | 
            +
            address {
         | 
| 243 | 
            +
              display: block;
         | 
| 244 | 
            +
              margin-bottom: $baseLineHeight;
         | 
| 245 | 
            +
              font-style: normal;
         | 
| 246 | 
            +
              line-height: $baseLineHeight;
         | 
| 247 | 
            +
            }
         | 
| @@ -0,0 +1,45 @@ | |
| 1 | 
            +
            //
         | 
| 2 | 
            +
            // Utility classes
         | 
| 3 | 
            +
            // --------------------------------------------------
         | 
| 4 | 
            +
             | 
| 5 | 
            +
             | 
| 6 | 
            +
            // Quick floats
         | 
| 7 | 
            +
            .pull-right {
         | 
| 8 | 
            +
              float: right;
         | 
| 9 | 
            +
            }
         | 
| 10 | 
            +
            .pull-left {
         | 
| 11 | 
            +
              float: left;
         | 
| 12 | 
            +
            }
         | 
| 13 | 
            +
             | 
| 14 | 
            +
            // Toggling content
         | 
| 15 | 
            +
            .hide {
         | 
| 16 | 
            +
              display: none;
         | 
| 17 | 
            +
            }
         | 
| 18 | 
            +
            .show {
         | 
| 19 | 
            +
              display: block;
         | 
| 20 | 
            +
            }
         | 
| 21 | 
            +
             | 
| 22 | 
            +
            // Visibility
         | 
| 23 | 
            +
            .invisible {
         | 
| 24 | 
            +
              visibility: hidden;
         | 
| 25 | 
            +
            }
         | 
| 26 | 
            +
             | 
| 27 | 
            +
            // For Affix plugin
         | 
| 28 | 
            +
            .affix {
         | 
| 29 | 
            +
              position: fixed;
         | 
| 30 | 
            +
            }
         | 
| 31 | 
            +
             | 
| 32 | 
            +
            // Clearing floats
         | 
| 33 | 
            +
            .clearfix {
         | 
| 34 | 
            +
              @include clearfix();
         | 
| 35 | 
            +
            }
         | 
| 36 | 
            +
             | 
| 37 | 
            +
            // Accessible yet invisible text
         | 
| 38 | 
            +
            .hide-text {
         | 
| 39 | 
            +
              @include hide-text();
         | 
| 40 | 
            +
            }
         | 
| 41 | 
            +
             | 
| 42 | 
            +
            // Uses box-sizing mixin, so must be defined here
         | 
| 43 | 
            +
            .input-block-level {
         | 
| 44 | 
            +
              @include input-block-level();
         | 
| 45 | 
            +
            }
         | 
| @@ -0,0 +1,301 @@ | |
| 1 | 
            +
            //
         | 
| 2 | 
            +
            // Variables
         | 
| 3 | 
            +
            // --------------------------------------------------
         | 
| 4 | 
            +
             | 
| 5 | 
            +
             | 
| 6 | 
            +
            // Global values
         | 
| 7 | 
            +
            // --------------------------------------------------
         | 
| 8 | 
            +
             | 
| 9 | 
            +
             | 
| 10 | 
            +
            // Grays
         | 
| 11 | 
            +
            // -------------------------
         | 
| 12 | 
            +
            $black:                 #000 !default;
         | 
| 13 | 
            +
            $grayDarker:            #222 !default;
         | 
| 14 | 
            +
            $grayDark:              #333 !default;
         | 
| 15 | 
            +
            $gray:                  #555 !default;
         | 
| 16 | 
            +
            $grayLight:             #999 !default;
         | 
| 17 | 
            +
            $grayLighter:           #eee !default;
         | 
| 18 | 
            +
            $white:                 #fff !default;
         | 
| 19 | 
            +
             | 
| 20 | 
            +
             | 
| 21 | 
            +
            // Accent colors
         | 
| 22 | 
            +
            // -------------------------
         | 
| 23 | 
            +
            $blue:                  #049cdb !default;
         | 
| 24 | 
            +
            $blueDark:              #0064cd !default;
         | 
| 25 | 
            +
            $green:                 #46a546 !default;
         | 
| 26 | 
            +
            $red:                   #9d261d !default;
         | 
| 27 | 
            +
            $yellow:                #ffc40d !default;
         | 
| 28 | 
            +
            $orange:                #f89406 !default;
         | 
| 29 | 
            +
            $pink:                  #c3325f !default;
         | 
| 30 | 
            +
            $purple:                #7a43b6 !default;
         | 
| 31 | 
            +
             | 
| 32 | 
            +
             | 
| 33 | 
            +
            // Scaffolding
         | 
| 34 | 
            +
            // -------------------------
         | 
| 35 | 
            +
            $bodyBackground:        $white !default;
         | 
| 36 | 
            +
            $textColor:             $grayDark !default;
         | 
| 37 | 
            +
             | 
| 38 | 
            +
             | 
| 39 | 
            +
            // Links
         | 
| 40 | 
            +
            // -------------------------
         | 
| 41 | 
            +
            $linkColor:             #08c !default;
         | 
| 42 | 
            +
            $linkColorHover:        darken($linkColor, 15%) !default;
         | 
| 43 | 
            +
             | 
| 44 | 
            +
             | 
| 45 | 
            +
            // Typography
         | 
| 46 | 
            +
            // -------------------------
         | 
| 47 | 
            +
            $sansFontFamily:        "Helvetica Neue", Helvetica, Arial, sans-serif !default;
         | 
| 48 | 
            +
            $serifFontFamily:       Georgia, "Times New Roman", Times, serif !default;
         | 
| 49 | 
            +
            $monoFontFamily:        Monaco, Menlo, Consolas, "Courier New", monospace !default;
         | 
| 50 | 
            +
             | 
| 51 | 
            +
            $baseFontSize:          14px !default;
         | 
| 52 | 
            +
            $baseFontFamily:        $sansFontFamily !default;
         | 
| 53 | 
            +
            $baseLineHeight:        20px !default;
         | 
| 54 | 
            +
            $altFontFamily:         $serifFontFamily !default;
         | 
| 55 | 
            +
             | 
| 56 | 
            +
            $headingsFontFamily:    inherit !default; // empty to use BS default, $baseFontFamily
         | 
| 57 | 
            +
            $headingsFontWeight:    bold !default;    // instead of browser default, bold
         | 
| 58 | 
            +
            $headingsColor:         inherit !default; // empty to use BS default, $textColor
         | 
| 59 | 
            +
             | 
| 60 | 
            +
             | 
| 61 | 
            +
            // Component sizing
         | 
| 62 | 
            +
            // -------------------------
         | 
| 63 | 
            +
            // Based on 14px font-size and 20px line-height
         | 
| 64 | 
            +
             | 
| 65 | 
            +
            $fontSizeLarge:         $baseFontSize * 1.25 !default; // ~18px
         | 
| 66 | 
            +
            $fontSizeSmall:         $baseFontSize * 0.85 !default; // ~12px
         | 
| 67 | 
            +
            $fontSizeMini:          $baseFontSize * 0.75 !default; // ~11px
         | 
| 68 | 
            +
             | 
| 69 | 
            +
            $paddingLarge:          11px 19px !default; // 44px
         | 
| 70 | 
            +
            $paddingSmall:          2px 10px !default;  // 26px
         | 
| 71 | 
            +
            $paddingMini:           0px 6px !default;   // 22px
         | 
| 72 | 
            +
             | 
| 73 | 
            +
            $baseBorderRadius:      4px !default;
         | 
| 74 | 
            +
            $borderRadiusLarge:     6px !default;
         | 
| 75 | 
            +
            $borderRadiusSmall:     3px !default;
         | 
| 76 | 
            +
             | 
| 77 | 
            +
             | 
| 78 | 
            +
            // Tables
         | 
| 79 | 
            +
            // -------------------------
         | 
| 80 | 
            +
            $tableBackground:                   transparent !default; // overall background-color
         | 
| 81 | 
            +
            $tableBackgroundAccent:             #f9f9f9 !default; // for striping
         | 
| 82 | 
            +
            $tableBackgroundHover:              #f5f5f5 !default; // for hover
         | 
| 83 | 
            +
            $tableBorder:                       #ddd !default; // table and cell border
         | 
| 84 | 
            +
             | 
| 85 | 
            +
            // Buttons
         | 
| 86 | 
            +
            // -------------------------
         | 
| 87 | 
            +
            $btnBackground:                     $white !default;
         | 
| 88 | 
            +
            $btnBackgroundHighlight:            darken($white, 10%) !default;
         | 
| 89 | 
            +
            $btnBorder:                         #ccc !default;
         | 
| 90 | 
            +
             | 
| 91 | 
            +
            $btnPrimaryBackground:              $linkColor !default;
         | 
| 92 | 
            +
            $btnPrimaryBackgroundHighlight:     adjust-hue($btnPrimaryBackground, 20%) !default;
         | 
| 93 | 
            +
             | 
| 94 | 
            +
            $btnInfoBackground:                 #5bc0de !default;
         | 
| 95 | 
            +
            $btnInfoBackgroundHighlight:        #2f96b4 !default;
         | 
| 96 | 
            +
             | 
| 97 | 
            +
            $btnSuccessBackground:              #62c462 !default;
         | 
| 98 | 
            +
            $btnSuccessBackgroundHighlight:     #51a351 !default;
         | 
| 99 | 
            +
             | 
| 100 | 
            +
            $btnWarningBackground:              lighten($orange, 15%) !default;
         | 
| 101 | 
            +
            $btnWarningBackgroundHighlight:     $orange !default;
         | 
| 102 | 
            +
             | 
| 103 | 
            +
            $btnDangerBackground:               #ee5f5b !default;
         | 
| 104 | 
            +
            $btnDangerBackgroundHighlight:      #bd362f !default;
         | 
| 105 | 
            +
             | 
| 106 | 
            +
            $btnInverseBackground:              #444 !default;
         | 
| 107 | 
            +
            $btnInverseBackgroundHighlight:     $grayDarker !default;
         | 
| 108 | 
            +
             | 
| 109 | 
            +
             | 
| 110 | 
            +
            // Forms
         | 
| 111 | 
            +
            // -------------------------
         | 
| 112 | 
            +
            $inputBackground:               $white !default;
         | 
| 113 | 
            +
            $inputBorder:                   #ccc !default;
         | 
| 114 | 
            +
            $inputBorderRadius:             $baseBorderRadius !default;
         | 
| 115 | 
            +
            $inputDisabledBackground:       $grayLighter !default;
         | 
| 116 | 
            +
            $formActionsBackground:         #f5f5f5 !default;
         | 
| 117 | 
            +
            $inputHeight:                   $baseLineHeight + 10px; // base line-height + 8px vertical padding + 2px top/bottom border
         | 
| 118 | 
            +
             | 
| 119 | 
            +
             | 
| 120 | 
            +
            // Dropdowns
         | 
| 121 | 
            +
            // -------------------------
         | 
| 122 | 
            +
            $dropdownBackground:            $white !default;
         | 
| 123 | 
            +
            $dropdownBorder:                rgba(0,0,0,.2) !default;
         | 
| 124 | 
            +
            $dropdownDividerTop:            #e5e5e5 !default;
         | 
| 125 | 
            +
            $dropdownDividerBottom:         $white !default;
         | 
| 126 | 
            +
             | 
| 127 | 
            +
            $dropdownLinkColor:             $grayDark !default;
         | 
| 128 | 
            +
            $dropdownLinkColorHover:        $white !default;
         | 
| 129 | 
            +
            $dropdownLinkColorActive:       $white !default;
         | 
| 130 | 
            +
             | 
| 131 | 
            +
            $dropdownLinkBackgroundActive:  $linkColor !default;
         | 
| 132 | 
            +
            $dropdownLinkBackgroundHover:   $dropdownLinkBackgroundActive !default;
         | 
| 133 | 
            +
             | 
| 134 | 
            +
             | 
| 135 | 
            +
             | 
| 136 | 
            +
            // COMPONENT VARIABLES
         | 
| 137 | 
            +
            // --------------------------------------------------
         | 
| 138 | 
            +
             | 
| 139 | 
            +
             | 
| 140 | 
            +
            // Z-index master list
         | 
| 141 | 
            +
            // -------------------------
         | 
| 142 | 
            +
            // Used for a bird's eye view of components dependent on the z-axis
         | 
| 143 | 
            +
            // Try to avoid customizing these :)
         | 
| 144 | 
            +
            $zindexDropdown:          1000 !default;
         | 
| 145 | 
            +
            $zindexPopover:           1010 !default;
         | 
| 146 | 
            +
            $zindexTooltip:           1030 !default;
         | 
| 147 | 
            +
            $zindexFixedNavbar:       1030 !default;
         | 
| 148 | 
            +
            $zindexModalBackdrop:     1040 !default;
         | 
| 149 | 
            +
            $zindexModal:             1050 !default;
         | 
| 150 | 
            +
             | 
| 151 | 
            +
             | 
| 152 | 
            +
            // Sprite icons path
         | 
| 153 | 
            +
            // -------------------------
         | 
| 154 | 
            +
            $iconSpritePath:          image-path("glyphicons-halflings.png") !default;
         | 
| 155 | 
            +
            $iconWhiteSpritePath:     image-path("glyphicons-halflings-white.png") !default;
         | 
| 156 | 
            +
             | 
| 157 | 
            +
             | 
| 158 | 
            +
            // Input placeholder text color
         | 
| 159 | 
            +
            // -------------------------
         | 
| 160 | 
            +
            $placeholderText:         $grayLight !default;
         | 
| 161 | 
            +
             | 
| 162 | 
            +
             | 
| 163 | 
            +
            // Hr border color
         | 
| 164 | 
            +
            // -------------------------
         | 
| 165 | 
            +
            $hrBorder:                $grayLighter !default;
         | 
| 166 | 
            +
             | 
| 167 | 
            +
             | 
| 168 | 
            +
            // Horizontal forms & lists
         | 
| 169 | 
            +
            // -------------------------
         | 
| 170 | 
            +
            $horizontalComponentOffset:       180px !default;
         | 
| 171 | 
            +
             | 
| 172 | 
            +
             | 
| 173 | 
            +
            // Wells
         | 
| 174 | 
            +
            // -------------------------
         | 
| 175 | 
            +
            $wellBackground:                  #f5f5f5 !default;
         | 
| 176 | 
            +
             | 
| 177 | 
            +
             | 
| 178 | 
            +
            // Navbar
         | 
| 179 | 
            +
            // -------------------------
         | 
| 180 | 
            +
            $navbarCollapseWidth:             979px !default;
         | 
| 181 | 
            +
            $navbarCollapseDesktopWidth:      $navbarCollapseWidth + 1;
         | 
| 182 | 
            +
             | 
| 183 | 
            +
            $navbarHeight:                    40px !default;
         | 
| 184 | 
            +
            $navbarBackgroundHighlight:       #ffffff !default;
         | 
| 185 | 
            +
            $navbarBackground:                darken($navbarBackgroundHighlight, 5%) !default;
         | 
| 186 | 
            +
            $navbarBorder:                    darken($navbarBackground, 12%) !default;
         | 
| 187 | 
            +
             | 
| 188 | 
            +
            $navbarText:                      #777 !default;
         | 
| 189 | 
            +
            $navbarLinkColor:                 #777 !default;
         | 
| 190 | 
            +
            $navbarLinkColorHover:            $grayDark !default;
         | 
| 191 | 
            +
            $navbarLinkColorActive:           $gray !default;
         | 
| 192 | 
            +
            $navbarLinkBackgroundHover:       transparent !default;
         | 
| 193 | 
            +
            $navbarLinkBackgroundActive:      darken($navbarBackground, 5%) !default;
         | 
| 194 | 
            +
             | 
| 195 | 
            +
            $navbarBrandColor:                $navbarLinkColor !default;
         | 
| 196 | 
            +
             | 
| 197 | 
            +
            // Inverted navbar
         | 
| 198 | 
            +
            $navbarInverseBackground:                #111111 !default;
         | 
| 199 | 
            +
            $navbarInverseBackgroundHighlight:       #222222 !default;
         | 
| 200 | 
            +
            $navbarInverseBorder:                    #252525 !default;
         | 
| 201 | 
            +
             | 
| 202 | 
            +
            $navbarInverseText:                      $grayLight !default;
         | 
| 203 | 
            +
            $navbarInverseLinkColor:                 $grayLight !default;
         | 
| 204 | 
            +
            $navbarInverseLinkColorHover:            $white !default;
         | 
| 205 | 
            +
            $navbarInverseLinkColorActive:           $navbarInverseLinkColorHover !default;
         | 
| 206 | 
            +
            $navbarInverseLinkBackgroundHover:       transparent !default;
         | 
| 207 | 
            +
            $navbarInverseLinkBackgroundActive:      $navbarInverseBackground !default;
         | 
| 208 | 
            +
             | 
| 209 | 
            +
            $navbarInverseSearchBackground:          lighten($navbarInverseBackground, 25%) !default;
         | 
| 210 | 
            +
            $navbarInverseSearchBackgroundFocus:     $white !default;
         | 
| 211 | 
            +
            $navbarInverseSearchBorder:              $navbarInverseBackground !default;
         | 
| 212 | 
            +
            $navbarInverseSearchPlaceholderColor:    #ccc !default;
         | 
| 213 | 
            +
             | 
| 214 | 
            +
            $navbarInverseBrandColor:                $navbarInverseLinkColor !default;
         | 
| 215 | 
            +
             | 
| 216 | 
            +
             | 
| 217 | 
            +
            // Pagination
         | 
| 218 | 
            +
            // -------------------------
         | 
| 219 | 
            +
            $paginationBackground:                #fff !default;
         | 
| 220 | 
            +
            $paginationBorder:                    #ddd !default;
         | 
| 221 | 
            +
            $paginationActiveBackground:          #f5f5f5 !default;
         | 
| 222 | 
            +
             | 
| 223 | 
            +
             | 
| 224 | 
            +
            // Hero unit
         | 
| 225 | 
            +
            // -------------------------
         | 
| 226 | 
            +
            $heroUnitBackground:              $grayLighter !default;
         | 
| 227 | 
            +
            $heroUnitHeadingColor:            inherit !default;
         | 
| 228 | 
            +
            $heroUnitLeadColor:               inherit !default;
         | 
| 229 | 
            +
             | 
| 230 | 
            +
             | 
| 231 | 
            +
            // Form states and alerts
         | 
| 232 | 
            +
            // -------------------------
         | 
| 233 | 
            +
            $warningText:             #c09853 !default;
         | 
| 234 | 
            +
            $warningBackground:       #fcf8e3 !default;
         | 
| 235 | 
            +
            $warningBorder:           darken(adjust-hue($warningBackground, -10), 3%) !default;
         | 
| 236 | 
            +
             | 
| 237 | 
            +
            $errorText:               #b94a48 !default;
         | 
| 238 | 
            +
            $errorBackground:         #f2dede !default;
         | 
| 239 | 
            +
            $errorBorder:             darken(adjust-hue($errorBackground, -10), 3%) !default;
         | 
| 240 | 
            +
             | 
| 241 | 
            +
            $successText:             #468847 !default;
         | 
| 242 | 
            +
            $successBackground:       #dff0d8 !default;
         | 
| 243 | 
            +
            $successBorder:           darken(adjust-hue($successBackground, -10), 5%) !default;
         | 
| 244 | 
            +
             | 
| 245 | 
            +
            $infoText:                #3a87ad !default;
         | 
| 246 | 
            +
            $infoBackground:          #d9edf7 !default;
         | 
| 247 | 
            +
            $infoBorder:              darken(adjust-hue($infoBackground, -10), 7%) !default;
         | 
| 248 | 
            +
             | 
| 249 | 
            +
             | 
| 250 | 
            +
            // Tooltips and popovers
         | 
| 251 | 
            +
            // -------------------------
         | 
| 252 | 
            +
            $tooltipColor:            #fff !default;
         | 
| 253 | 
            +
            $tooltipBackground:       #000 !default;
         | 
| 254 | 
            +
            $tooltipArrowWidth:       5px !default;
         | 
| 255 | 
            +
            $tooltipArrowColor:       $tooltipBackground !default;
         | 
| 256 | 
            +
             | 
| 257 | 
            +
            $popoverBackground:       #fff !default;
         | 
| 258 | 
            +
            $popoverArrowWidth:       10px !default;
         | 
| 259 | 
            +
            $popoverArrowColor:       #fff !default;
         | 
| 260 | 
            +
            $popoverTitleBackground:  darken($popoverBackground, 3%) !default;
         | 
| 261 | 
            +
             | 
| 262 | 
            +
            // Special enhancement for popovers
         | 
| 263 | 
            +
            $popoverArrowOuterWidth:  $popoverArrowWidth + 1 !default;
         | 
| 264 | 
            +
            $popoverArrowOuterColor:  rgba(0,0,0,.25) !default;
         | 
| 265 | 
            +
             | 
| 266 | 
            +
             | 
| 267 | 
            +
             | 
| 268 | 
            +
            // GRID
         | 
| 269 | 
            +
            // --------------------------------------------------
         | 
| 270 | 
            +
             | 
| 271 | 
            +
             | 
| 272 | 
            +
            // Default 940px grid
         | 
| 273 | 
            +
            // -------------------------
         | 
| 274 | 
            +
            $gridColumns:             12 !default;
         | 
| 275 | 
            +
            $gridColumnWidth:         60px !default;
         | 
| 276 | 
            +
            $gridGutterWidth:         20px !default;
         | 
| 277 | 
            +
            $gridRowWidth:            ($gridColumns * $gridColumnWidth) + ($gridGutterWidth * ($gridColumns - 1)) !default;
         | 
| 278 | 
            +
             | 
| 279 | 
            +
            // 1200px min
         | 
| 280 | 
            +
            $gridColumnWidth1200:     70px !default;
         | 
| 281 | 
            +
            $gridGutterWidth1200:     30px !default;
         | 
| 282 | 
            +
            $gridRowWidth1200:        ($gridColumns * $gridColumnWidth1200) + ($gridGutterWidth1200 * ($gridColumns - 1)) !default;
         | 
| 283 | 
            +
             | 
| 284 | 
            +
            // 768px-979px
         | 
| 285 | 
            +
            $gridColumnWidth768:      42px !default;
         | 
| 286 | 
            +
            $gridGutterWidth768:      20px !default;
         | 
| 287 | 
            +
            $gridRowWidth768:         ($gridColumns * $gridColumnWidth768) + ($gridGutterWidth768 * ($gridColumns - 1)) !default;
         | 
| 288 | 
            +
             | 
| 289 | 
            +
             | 
| 290 | 
            +
            // Fluid grid
         | 
| 291 | 
            +
            // -------------------------
         | 
| 292 | 
            +
            $fluidGridColumnWidth:    percentage($gridColumnWidth/$gridRowWidth) !default;
         | 
| 293 | 
            +
            $fluidGridGutterWidth:    percentage($gridGutterWidth/$gridRowWidth) !default;
         | 
| 294 | 
            +
             | 
| 295 | 
            +
            // 1200px min
         | 
| 296 | 
            +
            $fluidGridColumnWidth1200:     percentage($gridColumnWidth1200/$gridRowWidth1200) !default;
         | 
| 297 | 
            +
            $fluidGridGutterWidth1200:     percentage($gridGutterWidth1200/$gridRowWidth1200) !default;
         | 
| 298 | 
            +
             | 
| 299 | 
            +
            // 768px-979px
         | 
| 300 | 
            +
            $fluidGridColumnWidth768:      percentage($gridColumnWidth768/$gridRowWidth768) !default;
         | 
| 301 | 
            +
            $fluidGridGutterWidth768:      percentage($gridGutterWidth768/$gridRowWidth768) !default;
         |