twitter-bootstrap 0.0.1
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.
- data/MIT-LICENSE +20 -0
- data/README.rdoc +3 -0
- data/Rakefile +39 -0
- data/app/assets/javascripts/bootstrap-alerts.js +111 -0
- data/app/assets/javascripts/bootstrap-dropdown.js +53 -0
- data/app/assets/javascripts/bootstrap-modal.js +244 -0
- data/app/assets/javascripts/bootstrap-popover.js +77 -0
- data/app/assets/javascripts/bootstrap-scrollspy.js +105 -0
- data/app/assets/javascripts/bootstrap-tabs.js +77 -0
- data/app/assets/javascripts/bootstrap-twipsy.js +303 -0
- data/app/assets/javascripts/twitter_bootstrap/application.js +9 -0
- data/app/assets/stylesheets/bootsrap-defaults.css.less +26 -0
- data/app/assets/stylesheets/bootsrap-forms.css.less +464 -0
- data/app/assets/stylesheets/bootsrap-mixins.css.less +217 -0
- data/app/assets/stylesheets/bootsrap-patterns.css.less +1006 -0
- data/app/assets/stylesheets/bootsrap-reset.css.less +141 -0
- data/app/assets/stylesheets/bootsrap-scaffolding.css.less +135 -0
- data/app/assets/stylesheets/bootsrap-tables.css.less +170 -0
- data/app/assets/stylesheets/bootsrap-type.css.less +187 -0
- data/app/assets/stylesheets/bootsrap-variables.css.less +60 -0
- data/app/controllers/twitter_bootstrap/application_controller.rb +4 -0
- data/app/helpers/twitter_bootstrap/application_helper.rb +4 -0
- data/app/views/layouts/twitter_bootstrap/application.html.erb +14 -0
- data/config/routes.rb +2 -0
- data/lib/tasks/twitter_bootstrap_tasks.rake +4 -0
- data/lib/twitter_bootstrap.rb +4 -0
- data/lib/twitter_bootstrap/engine.rb +5 -0
- data/lib/twitter_bootstrap/version.rb +3 -0
- data/test/dummy/Rakefile +7 -0
- data/test/dummy/app/assets/javascripts/application.js +9 -0
- data/test/dummy/app/assets/stylesheets/application.css +7 -0
- data/test/dummy/app/controllers/application_controller.rb +3 -0
- data/test/dummy/app/helpers/application_helper.rb +2 -0
- data/test/dummy/app/views/layouts/application.html.erb +14 -0
- data/test/dummy/config.ru +4 -0
- data/test/dummy/config/application.rb +45 -0
- data/test/dummy/config/boot.rb +10 -0
- data/test/dummy/config/database.yml +25 -0
- data/test/dummy/config/environment.rb +5 -0
- data/test/dummy/config/environments/development.rb +30 -0
- data/test/dummy/config/environments/production.rb +60 -0
- data/test/dummy/config/environments/test.rb +42 -0
- data/test/dummy/config/initializers/backtrace_silencers.rb +7 -0
- data/test/dummy/config/initializers/inflections.rb +10 -0
- data/test/dummy/config/initializers/mime_types.rb +5 -0
- data/test/dummy/config/initializers/secret_token.rb +7 -0
- data/test/dummy/config/initializers/session_store.rb +8 -0
- data/test/dummy/config/initializers/wrap_parameters.rb +14 -0
- data/test/dummy/config/locales/en.yml +5 -0
- data/test/dummy/config/routes.rb +4 -0
- data/test/dummy/public/404.html +26 -0
- data/test/dummy/public/422.html +26 -0
- data/test/dummy/public/500.html +26 -0
- data/test/dummy/public/favicon.ico +0 -0
- data/test/dummy/script/rails +6 -0
- data/test/integration/navigation_test.rb +10 -0
- data/test/test_helper.rb +10 -0
- data/test/twitter_bootstrap_test.rb +7 -0
- metadata +168 -0
| @@ -0,0 +1,141 @@ | |
| 1 | 
            +
            /* Reset.less
         | 
| 2 | 
            +
             * Props to Eric Meyer (meyerweb.com) for his CSS reset file. We're using an adapted version here	that cuts out some of the reset HTML elements we will never need here (i.e., dfn, samp, etc).
         | 
| 3 | 
            +
             * ------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------- */
         | 
| 4 | 
            +
             | 
| 5 | 
            +
             | 
| 6 | 
            +
            // ERIC MEYER RESET
         | 
| 7 | 
            +
            // --------------------------------------------------
         | 
| 8 | 
            +
             | 
| 9 | 
            +
            html, body { margin: 0; padding: 0; }
         | 
| 10 | 
            +
            h1, h2, h3, h4, h5, h6, p, blockquote, pre, a, abbr, acronym, address, cite, code, del, dfn, em, img, q, s, samp, small, strike, strong, sub, sup, tt, var, dd, dl, dt, li, ol, ul, fieldset, form, label, legend, button, table, caption, tbody, tfoot, thead, tr, th, td { margin: 0; padding: 0; border: 0; font-weight: normal; font-style: normal; font-size: 100%; line-height: 1; font-family: inherit; }
         | 
| 11 | 
            +
            table { border-collapse: collapse; border-spacing: 0; }
         | 
| 12 | 
            +
            ol, ul { list-style: none; }
         | 
| 13 | 
            +
            q:before, q:after, blockquote:before, blockquote:after { content: ""; }
         | 
| 14 | 
            +
             | 
| 15 | 
            +
             | 
| 16 | 
            +
            // Normalize.css
         | 
| 17 | 
            +
            // Pulling in select resets form the normalize.css project
         | 
| 18 | 
            +
            // --------------------------------------------------
         | 
| 19 | 
            +
             | 
| 20 | 
            +
            // Display in IE6-9 and FF3
         | 
| 21 | 
            +
            // -------------------------
         | 
| 22 | 
            +
            // Source: http://github.com/necolas/normalize.css
         | 
| 23 | 
            +
            html {
         | 
| 24 | 
            +
              overflow-y: scroll;
         | 
| 25 | 
            +
              font-size: 100%;
         | 
| 26 | 
            +
              -webkit-text-size-adjust: 100%;
         | 
| 27 | 
            +
                  -ms-text-size-adjust: 100%;
         | 
| 28 | 
            +
            }
         | 
| 29 | 
            +
            // Focus states
         | 
| 30 | 
            +
            a:focus {
         | 
| 31 | 
            +
              outline: thin dotted;
         | 
| 32 | 
            +
            }
         | 
| 33 | 
            +
            // Hover & Active
         | 
| 34 | 
            +
            a:hover,
         | 
| 35 | 
            +
            a:active {
         | 
| 36 | 
            +
              outline: 0;
         | 
| 37 | 
            +
            }
         | 
| 38 | 
            +
             | 
| 39 | 
            +
            // Display in IE6-9 and FF3
         | 
| 40 | 
            +
            // -------------------------
         | 
| 41 | 
            +
            // Source: http://github.com/necolas/normalize.css
         | 
| 42 | 
            +
            article,
         | 
| 43 | 
            +
            aside,
         | 
| 44 | 
            +
            details,
         | 
| 45 | 
            +
            figcaption,
         | 
| 46 | 
            +
            figure,
         | 
| 47 | 
            +
            footer,
         | 
| 48 | 
            +
            header,
         | 
| 49 | 
            +
            hgroup,
         | 
| 50 | 
            +
            nav,
         | 
| 51 | 
            +
            section {
         | 
| 52 | 
            +
              display: block;
         | 
| 53 | 
            +
            }
         | 
| 54 | 
            +
             | 
| 55 | 
            +
            // Display block in IE6-9 and FF3
         | 
| 56 | 
            +
            // -------------------------
         | 
| 57 | 
            +
            // Source: http://github.com/necolas/normalize.css
         | 
| 58 | 
            +
            audio,
         | 
| 59 | 
            +
            canvas,
         | 
| 60 | 
            +
            video {
         | 
| 61 | 
            +
              display: inline-block;
         | 
| 62 | 
            +
              *display: inline;
         | 
| 63 | 
            +
              *zoom: 1;
         | 
| 64 | 
            +
            }
         | 
| 65 | 
            +
             | 
| 66 | 
            +
            // Prevents modern browsers from displaying 'audio' without controls
         | 
| 67 | 
            +
            // -------------------------
         | 
| 68 | 
            +
            // Source: http://github.com/necolas/normalize.css
         | 
| 69 | 
            +
            audio:not([controls]) {
         | 
| 70 | 
            +
                display: none;
         | 
| 71 | 
            +
            }
         | 
| 72 | 
            +
             | 
| 73 | 
            +
            // Prevents sub and sup affecting line-height in all browsers
         | 
| 74 | 
            +
            // -------------------------
         | 
| 75 | 
            +
            // Source: http://github.com/necolas/normalize.css
         | 
| 76 | 
            +
            sub,
         | 
| 77 | 
            +
            sup {
         | 
| 78 | 
            +
              font-size: 75%;
         | 
| 79 | 
            +
              line-height: 0;
         | 
| 80 | 
            +
              position: relative;
         | 
| 81 | 
            +
              vertical-align: baseline;
         | 
| 82 | 
            +
            }
         | 
| 83 | 
            +
            sup {
         | 
| 84 | 
            +
              top: -0.5em;
         | 
| 85 | 
            +
            }
         | 
| 86 | 
            +
            sub {
         | 
| 87 | 
            +
              bottom: -0.25em;
         | 
| 88 | 
            +
            }
         | 
| 89 | 
            +
             | 
| 90 | 
            +
            // Img border in a's and image quality
         | 
| 91 | 
            +
            // -------------------------
         | 
| 92 | 
            +
            // Source: http://github.com/necolas/normalize.css
         | 
| 93 | 
            +
            img {
         | 
| 94 | 
            +
                border: 0;
         | 
| 95 | 
            +
                -ms-interpolation-mode: bicubic;
         | 
| 96 | 
            +
            }
         | 
| 97 | 
            +
             | 
| 98 | 
            +
            // Forms
         | 
| 99 | 
            +
            // -------------------------
         | 
| 100 | 
            +
            // Source: http://github.com/necolas/normalize.css
         | 
| 101 | 
            +
             | 
| 102 | 
            +
            // Font size in all browsers, margin changes, misc consistency
         | 
| 103 | 
            +
            button,
         | 
| 104 | 
            +
            input,
         | 
| 105 | 
            +
            select,
         | 
| 106 | 
            +
            textarea {
         | 
| 107 | 
            +
              font-size: 100%;
         | 
| 108 | 
            +
              margin: 0;
         | 
| 109 | 
            +
              vertical-align: baseline;
         | 
| 110 | 
            +
              *vertical-align: middle;
         | 
| 111 | 
            +
            }
         | 
| 112 | 
            +
            button,
         | 
| 113 | 
            +
            input {
         | 
| 114 | 
            +
              line-height: normal; // FF3/4 have !important on line-height in UA stylesheet
         | 
| 115 | 
            +
              *overflow: visible; // Inner spacing ie IE6/7
         | 
| 116 | 
            +
            }
         | 
| 117 | 
            +
            button::-moz-focus-inner,
         | 
| 118 | 
            +
            input::-moz-focus-inner { // Inner padding and border oddities in FF3/4
         | 
| 119 | 
            +
              border: 0;
         | 
| 120 | 
            +
              padding: 0;
         | 
| 121 | 
            +
            }
         | 
| 122 | 
            +
            button,
         | 
| 123 | 
            +
            input[type="button"],
         | 
| 124 | 
            +
            input[type="reset"],
         | 
| 125 | 
            +
            input[type="submit"] {
         | 
| 126 | 
            +
              cursor: pointer; // Cursors on all buttons applied consistently
         | 
| 127 | 
            +
              -webkit-appearance: button; // Style clicable inputs in iOS
         | 
| 128 | 
            +
            }
         | 
| 129 | 
            +
            input[type="search"] { // Appearance in Safari/Chrome
         | 
| 130 | 
            +
              -webkit-appearance: textfield;
         | 
| 131 | 
            +
              -webkit-box-sizing: content-box;
         | 
| 132 | 
            +
                 -moz-box-sizing: content-box;
         | 
| 133 | 
            +
                      box-sizing: content-box;
         | 
| 134 | 
            +
            }
         | 
| 135 | 
            +
            input[type="search"]::-webkit-search-decoration {
         | 
| 136 | 
            +
              -webkit-appearance: none; // Inner-padding issues in Chrome OSX, Safari 5
         | 
| 137 | 
            +
            }
         | 
| 138 | 
            +
            textarea {
         | 
| 139 | 
            +
              overflow: auto; // Remove vertical scrollbar in IE6-9
         | 
| 140 | 
            +
              vertical-align: top; // Readability and alignment cross-browser
         | 
| 141 | 
            +
            }
         | 
| @@ -0,0 +1,135 @@ | |
| 1 | 
            +
            /*
         | 
| 2 | 
            +
             * Scaffolding
         | 
| 3 | 
            +
             * Basic and global styles for generating a grid system, structural layout, and page templates
         | 
| 4 | 
            +
             * ------------------------------------------------------------------------------------------- */
         | 
| 5 | 
            +
             | 
| 6 | 
            +
             | 
| 7 | 
            +
            // STRUCTURAL LAYOUT
         | 
| 8 | 
            +
            // -----------------
         | 
| 9 | 
            +
             | 
| 10 | 
            +
            html, body {
         | 
| 11 | 
            +
              background-color: @white;
         | 
| 12 | 
            +
            }
         | 
| 13 | 
            +
            body {
         | 
| 14 | 
            +
              margin: 0;
         | 
| 15 | 
            +
              #font > .sans-serif(normal,@basefont,@baseline);
         | 
| 16 | 
            +
              color: @grayDark;
         | 
| 17 | 
            +
            }
         | 
| 18 | 
            +
             | 
| 19 | 
            +
            // Container (centered, fixed-width layouts)
         | 
| 20 | 
            +
            .container {
         | 
| 21 | 
            +
              .fixed-container();
         | 
| 22 | 
            +
            }
         | 
| 23 | 
            +
             | 
| 24 | 
            +
            // Fluid layouts (left aligned, with sidebar, min- & max-width content)
         | 
| 25 | 
            +
            .container-fluid {
         | 
| 26 | 
            +
              position: relative;
         | 
| 27 | 
            +
              min-width: 940px;
         | 
| 28 | 
            +
              padding-left: 20px;
         | 
| 29 | 
            +
              padding-right: 20px;
         | 
| 30 | 
            +
              .clearfix();
         | 
| 31 | 
            +
              > .sidebar {
         | 
| 32 | 
            +
                float: left;
         | 
| 33 | 
            +
                width: 220px;
         | 
| 34 | 
            +
              }
         | 
| 35 | 
            +
              // TODO in v2: rename this and .popover .content to be more specific
         | 
| 36 | 
            +
              > .content {
         | 
| 37 | 
            +
                margin-left: 240px;
         | 
| 38 | 
            +
              }
         | 
| 39 | 
            +
            }
         | 
| 40 | 
            +
             | 
| 41 | 
            +
             | 
| 42 | 
            +
            // BASE STYLES
         | 
| 43 | 
            +
            // -----------
         | 
| 44 | 
            +
             | 
| 45 | 
            +
            // Links
         | 
| 46 | 
            +
            a {
         | 
| 47 | 
            +
              color: @linkColor;
         | 
| 48 | 
            +
              text-decoration: none;
         | 
| 49 | 
            +
              line-height: inherit;
         | 
| 50 | 
            +
              font-weight: inherit;
         | 
| 51 | 
            +
              &:hover {
         | 
| 52 | 
            +
                color: @linkColorHover;
         | 
| 53 | 
            +
                text-decoration: underline;
         | 
| 54 | 
            +
              }
         | 
| 55 | 
            +
            }
         | 
| 56 | 
            +
             | 
| 57 | 
            +
            // Quick floats
         | 
| 58 | 
            +
            .pull-right {
         | 
| 59 | 
            +
              float: right;
         | 
| 60 | 
            +
            }
         | 
| 61 | 
            +
            .pull-left {
         | 
| 62 | 
            +
              float: left;
         | 
| 63 | 
            +
            }
         | 
| 64 | 
            +
             | 
| 65 | 
            +
            // Toggling content
         | 
| 66 | 
            +
            .hide {
         | 
| 67 | 
            +
              display: none;
         | 
| 68 | 
            +
            }
         | 
| 69 | 
            +
            .show {
         | 
| 70 | 
            +
              display: block;
         | 
| 71 | 
            +
            }
         | 
| 72 | 
            +
             | 
| 73 | 
            +
             | 
| 74 | 
            +
            // GRID SYSTEM
         | 
| 75 | 
            +
            // -----------
         | 
| 76 | 
            +
            // To customize the grid system, bring up the variables.less file and change the column count, size, and gutter there
         | 
| 77 | 
            +
             | 
| 78 | 
            +
            .row {
         | 
| 79 | 
            +
              .clearfix();
         | 
| 80 | 
            +
              margin-left: -1 * @gridGutterWidth;
         | 
| 81 | 
            +
            }
         | 
| 82 | 
            +
             | 
| 83 | 
            +
            // Find all .span# classes within .row and give them the necessary properties for grid columns (supported by all browsers back to IE7)
         | 
| 84 | 
            +
            // Credit to @dhg for the idea
         | 
| 85 | 
            +
            [class*="span"] {
         | 
| 86 | 
            +
              .gridColumn();
         | 
| 87 | 
            +
            }
         | 
| 88 | 
            +
             | 
| 89 | 
            +
            // Default columns
         | 
| 90 | 
            +
            .span1     { .columns(1); }
         | 
| 91 | 
            +
            .span2     { .columns(2); }
         | 
| 92 | 
            +
            .span3     { .columns(3); }
         | 
| 93 | 
            +
            .span4     { .columns(4); }
         | 
| 94 | 
            +
            .span5     { .columns(5); }
         | 
| 95 | 
            +
            .span6     { .columns(6); }
         | 
| 96 | 
            +
            .span7     { .columns(7); }
         | 
| 97 | 
            +
            .span8     { .columns(8); }
         | 
| 98 | 
            +
            .span9     { .columns(9); }
         | 
| 99 | 
            +
            .span10    { .columns(10); }
         | 
| 100 | 
            +
            .span11    { .columns(11); }
         | 
| 101 | 
            +
            .span12    { .columns(12); }
         | 
| 102 | 
            +
            .span13    { .columns(13); }
         | 
| 103 | 
            +
            .span14    { .columns(14); }
         | 
| 104 | 
            +
            .span15    { .columns(15); }
         | 
| 105 | 
            +
            .span16    { .columns(16); }
         | 
| 106 | 
            +
             | 
| 107 | 
            +
            // For optional 24-column grid
         | 
| 108 | 
            +
            .span17    { .columns(17); }
         | 
| 109 | 
            +
            .span18    { .columns(18); }
         | 
| 110 | 
            +
            .span19    { .columns(19); }
         | 
| 111 | 
            +
            .span20    { .columns(20); }
         | 
| 112 | 
            +
            .span21    { .columns(21); }
         | 
| 113 | 
            +
            .span22    { .columns(22); }
         | 
| 114 | 
            +
            .span23    { .columns(23); }
         | 
| 115 | 
            +
            .span24    { .columns(24); }
         | 
| 116 | 
            +
             | 
| 117 | 
            +
            // Offset column options
         | 
| 118 | 
            +
            .offset1   { .offset(1); }
         | 
| 119 | 
            +
            .offset2   { .offset(2); }
         | 
| 120 | 
            +
            .offset3   { .offset(3); }
         | 
| 121 | 
            +
            .offset4   { .offset(4); }
         | 
| 122 | 
            +
            .offset5   { .offset(5); }
         | 
| 123 | 
            +
            .offset6   { .offset(6); }
         | 
| 124 | 
            +
            .offset7   { .offset(7); }
         | 
| 125 | 
            +
            .offset8   { .offset(8); }
         | 
| 126 | 
            +
            .offset9   { .offset(9); }
         | 
| 127 | 
            +
            .offset10  { .offset(10); }
         | 
| 128 | 
            +
            .offset11  { .offset(11); }
         | 
| 129 | 
            +
            .offset12  { .offset(12); }
         | 
| 130 | 
            +
             | 
| 131 | 
            +
            // Unique column sizes for 16-column grid
         | 
| 132 | 
            +
            .span-one-third     { width: 300px; }
         | 
| 133 | 
            +
            .span-two-thirds    { width: 620px; }
         | 
| 134 | 
            +
            .offset-one-third   { margin-left: 340px; }
         | 
| 135 | 
            +
            .offset-two-thirds  { margin-left: 660px; }
         | 
| @@ -0,0 +1,170 @@ | |
| 1 | 
            +
            /*
         | 
| 2 | 
            +
             * Tables.less
         | 
| 3 | 
            +
             * Tables for, you guessed it, tabular data
         | 
| 4 | 
            +
             * ---------------------------------------- */
         | 
| 5 | 
            +
             | 
| 6 | 
            +
             | 
| 7 | 
            +
            // BASELINE STYLES
         | 
| 8 | 
            +
            // ---------------
         | 
| 9 | 
            +
             | 
| 10 | 
            +
            table {
         | 
| 11 | 
            +
              width: 100%;
         | 
| 12 | 
            +
              margin-bottom: @baseline;
         | 
| 13 | 
            +
              padding: 0;
         | 
| 14 | 
            +
              border-collapse: separate; // Done so we can round those corners!
         | 
| 15 | 
            +
              *border-collapse: collapse; /* IE7, collapse table to remove spacing */
         | 
| 16 | 
            +
              font-size: @basefont;
         | 
| 17 | 
            +
              border: 1px solid #ddd;
         | 
| 18 | 
            +
              .border-radius(4px);
         | 
| 19 | 
            +
              th, td {
         | 
| 20 | 
            +
                padding: 10px 10px 9px;
         | 
| 21 | 
            +
                line-height: @baseline;
         | 
| 22 | 
            +
                text-align: left;
         | 
| 23 | 
            +
              }
         | 
| 24 | 
            +
              th {
         | 
| 25 | 
            +
                padding-top: 9px;
         | 
| 26 | 
            +
                font-weight: bold;
         | 
| 27 | 
            +
                vertical-align: middle;
         | 
| 28 | 
            +
                border-bottom: 1px solid #ddd;
         | 
| 29 | 
            +
              }
         | 
| 30 | 
            +
              td {
         | 
| 31 | 
            +
                vertical-align: top;
         | 
| 32 | 
            +
              }
         | 
| 33 | 
            +
              th + th,
         | 
| 34 | 
            +
              td + td {
         | 
| 35 | 
            +
                border-left: 1px solid #ddd;
         | 
| 36 | 
            +
              }
         | 
| 37 | 
            +
              tr + tr td {
         | 
| 38 | 
            +
                border-top: 1px solid #ddd;
         | 
| 39 | 
            +
              }
         | 
| 40 | 
            +
              tbody tr:first-child td:first-child {
         | 
| 41 | 
            +
                .border-radius(4px 0 0 0);
         | 
| 42 | 
            +
              }
         | 
| 43 | 
            +
              tbody tr:first-child td:last-child {
         | 
| 44 | 
            +
                .border-radius(0 4px 0 0);
         | 
| 45 | 
            +
              }
         | 
| 46 | 
            +
              tbody tr:last-child td:first-child {
         | 
| 47 | 
            +
                .border-radius(0 0 0 4px);
         | 
| 48 | 
            +
              }
         | 
| 49 | 
            +
              tbody tr:last-child td:last-child {
         | 
| 50 | 
            +
                .border-radius(0 0 4px 0);
         | 
| 51 | 
            +
              }
         | 
| 52 | 
            +
            }
         | 
| 53 | 
            +
             | 
| 54 | 
            +
             | 
| 55 | 
            +
            // ZEBRA-STRIPING
         | 
| 56 | 
            +
            // --------------
         | 
| 57 | 
            +
             | 
| 58 | 
            +
            // Default zebra-stripe styles (alternating gray and transparent backgrounds)
         | 
| 59 | 
            +
            .zebra-striped {
         | 
| 60 | 
            +
              tbody {
         | 
| 61 | 
            +
                tr:nth-child(odd) td {
         | 
| 62 | 
            +
                  background-color: #f9f9f9;
         | 
| 63 | 
            +
                }
         | 
| 64 | 
            +
                tr:hover td {
         | 
| 65 | 
            +
                  background-color: #f5f5f5;
         | 
| 66 | 
            +
                }
         | 
| 67 | 
            +
              }
         | 
| 68 | 
            +
            }
         | 
| 69 | 
            +
             | 
| 70 | 
            +
            table {
         | 
| 71 | 
            +
              // Tablesorting styles w/ jQuery plugin
         | 
| 72 | 
            +
              .header {
         | 
| 73 | 
            +
                cursor: pointer;
         | 
| 74 | 
            +
                &:after {
         | 
| 75 | 
            +
                  content: "";
         | 
| 76 | 
            +
                  float: right;
         | 
| 77 | 
            +
                  margin-top: 7px;
         | 
| 78 | 
            +
                  border-width: 0 4px 4px;
         | 
| 79 | 
            +
                  border-style: solid;
         | 
| 80 | 
            +
                  border-color: #000 transparent;
         | 
| 81 | 
            +
                  visibility: hidden;
         | 
| 82 | 
            +
                }
         | 
| 83 | 
            +
              }
         | 
| 84 | 
            +
              // Style the sorted column headers (THs)
         | 
| 85 | 
            +
              .headerSortUp,
         | 
| 86 | 
            +
              .headerSortDown {
         | 
| 87 | 
            +
                background-color: rgba(141,192,219,.25);
         | 
| 88 | 
            +
                text-shadow: 0 1px 1px rgba(255,255,255,.75);
         | 
| 89 | 
            +
              }
         | 
| 90 | 
            +
              // Style the ascending (reverse alphabetical) column header
         | 
| 91 | 
            +
              .header:hover {
         | 
| 92 | 
            +
                &:after {
         | 
| 93 | 
            +
                  visibility:visible;
         | 
| 94 | 
            +
                }
         | 
| 95 | 
            +
              }
         | 
| 96 | 
            +
              // Style the descending (alphabetical) column header
         | 
| 97 | 
            +
              .headerSortDown,
         | 
| 98 | 
            +
              .headerSortDown:hover {
         | 
| 99 | 
            +
                &:after {
         | 
| 100 | 
            +
                  visibility:visible;
         | 
| 101 | 
            +
                  .opacity(60);
         | 
| 102 | 
            +
                }
         | 
| 103 | 
            +
              }
         | 
| 104 | 
            +
              // Style the ascending (reverse alphabetical) column header
         | 
| 105 | 
            +
              .headerSortUp {
         | 
| 106 | 
            +
                &:after {
         | 
| 107 | 
            +
                  border-bottom: none;
         | 
| 108 | 
            +
                  border-left: 4px solid transparent;
         | 
| 109 | 
            +
                  border-right: 4px solid transparent;
         | 
| 110 | 
            +
                  border-top: 4px solid #000;
         | 
| 111 | 
            +
                  visibility:visible;
         | 
| 112 | 
            +
                  .box-shadow(none); //can't add boxshadow to downward facing arrow :(
         | 
| 113 | 
            +
                  .opacity(60);
         | 
| 114 | 
            +
                }
         | 
| 115 | 
            +
              }
         | 
| 116 | 
            +
              // Blue Table Headings
         | 
| 117 | 
            +
              .blue {
         | 
| 118 | 
            +
                color: @blue;
         | 
| 119 | 
            +
                border-bottom-color: @blue;
         | 
| 120 | 
            +
              }
         | 
| 121 | 
            +
              .headerSortUp.blue,
         | 
| 122 | 
            +
              .headerSortDown.blue {
         | 
| 123 | 
            +
                background-color: lighten(@blue, 40%);
         | 
| 124 | 
            +
              }
         | 
| 125 | 
            +
              // Green Table Headings
         | 
| 126 | 
            +
              .green {
         | 
| 127 | 
            +
                color: @green;
         | 
| 128 | 
            +
                border-bottom-color: @green;
         | 
| 129 | 
            +
              }
         | 
| 130 | 
            +
              .headerSortUp.green,
         | 
| 131 | 
            +
              .headerSortDown.green {
         | 
| 132 | 
            +
                background-color: lighten(@green, 40%);
         | 
| 133 | 
            +
              }
         | 
| 134 | 
            +
              // Red Table Headings
         | 
| 135 | 
            +
              .red {
         | 
| 136 | 
            +
                color: @red;
         | 
| 137 | 
            +
                border-bottom-color: @red;
         | 
| 138 | 
            +
              }
         | 
| 139 | 
            +
              .headerSortUp.red,
         | 
| 140 | 
            +
              .headerSortDown.red {
         | 
| 141 | 
            +
                background-color: lighten(@red, 50%);
         | 
| 142 | 
            +
              }
         | 
| 143 | 
            +
              // Yellow Table Headings
         | 
| 144 | 
            +
              .yellow {
         | 
| 145 | 
            +
                color: @yellow;
         | 
| 146 | 
            +
                border-bottom-color: @yellow;
         | 
| 147 | 
            +
              }
         | 
| 148 | 
            +
              .headerSortUp.yellow,
         | 
| 149 | 
            +
              .headerSortDown.yellow {
         | 
| 150 | 
            +
                background-color: lighten(@yellow, 40%);
         | 
| 151 | 
            +
              }
         | 
| 152 | 
            +
              // Orange Table Headings
         | 
| 153 | 
            +
              .orange {
         | 
| 154 | 
            +
                color: @orange;
         | 
| 155 | 
            +
                border-bottom-color: @orange;
         | 
| 156 | 
            +
              }
         | 
| 157 | 
            +
              .headerSortUp.orange,
         | 
| 158 | 
            +
              .headerSortDown.orange {
         | 
| 159 | 
            +
                background-color: lighten(@orange, 40%);
         | 
| 160 | 
            +
              }
         | 
| 161 | 
            +
              // Purple Table Headings
         | 
| 162 | 
            +
              .purple {
         | 
| 163 | 
            +
                color: @purple;
         | 
| 164 | 
            +
                border-bottom-color: @purple;
         | 
| 165 | 
            +
              }
         | 
| 166 | 
            +
              .headerSortUp.purple,
         | 
| 167 | 
            +
              .headerSortDown.purple {
         | 
| 168 | 
            +
                background-color: lighten(@purple, 40%);
         | 
| 169 | 
            +
              }
         | 
| 170 | 
            +
            }
         | 
| @@ -0,0 +1,187 @@ | |
| 1 | 
            +
            /* Typography.less
         | 
| 2 | 
            +
             * Headings, body text, lists, code, and more for a versatile and durable typography system
         | 
| 3 | 
            +
             * ---------------------------------------------------------------------------------------- */
         | 
| 4 | 
            +
             | 
| 5 | 
            +
             | 
| 6 | 
            +
            // BODY TEXT
         | 
| 7 | 
            +
            // ---------
         | 
| 8 | 
            +
             | 
| 9 | 
            +
            p {
         | 
| 10 | 
            +
              #font > .shorthand(normal,@basefont,@baseline);
         | 
| 11 | 
            +
              margin-bottom: @baseline / 2;
         | 
| 12 | 
            +
              small {
         | 
| 13 | 
            +
                font-size: @basefont - 2;
         | 
| 14 | 
            +
                color: @grayLight;
         | 
| 15 | 
            +
              }
         | 
| 16 | 
            +
            }
         | 
| 17 | 
            +
             | 
| 18 | 
            +
             | 
| 19 | 
            +
            // HEADINGS
         | 
| 20 | 
            +
            // --------
         | 
| 21 | 
            +
             | 
| 22 | 
            +
            h1, h2, h3, h4, h5, h6 {
         | 
| 23 | 
            +
              font-weight: bold;
         | 
| 24 | 
            +
              color: @grayDark;
         | 
| 25 | 
            +
              small {
         | 
| 26 | 
            +
                color: @grayLight;
         | 
| 27 | 
            +
              }
         | 
| 28 | 
            +
            }
         | 
| 29 | 
            +
            h1 {
         | 
| 30 | 
            +
              margin-bottom: @baseline;
         | 
| 31 | 
            +
              font-size: 30px;
         | 
| 32 | 
            +
              line-height: @baseline * 2;
         | 
| 33 | 
            +
              small {
         | 
| 34 | 
            +
                font-size: 18px;
         | 
| 35 | 
            +
              }
         | 
| 36 | 
            +
            }
         | 
| 37 | 
            +
            h2 {
         | 
| 38 | 
            +
              font-size: 24px;
         | 
| 39 | 
            +
              line-height: @baseline * 2;
         | 
| 40 | 
            +
              small {
         | 
| 41 | 
            +
                font-size: 14px;
         | 
| 42 | 
            +
              }
         | 
| 43 | 
            +
            }
         | 
| 44 | 
            +
            h3, h4, h5, h6 {
         | 
| 45 | 
            +
              line-height: @baseline * 2;
         | 
| 46 | 
            +
            }
         | 
| 47 | 
            +
            h3 {
         | 
| 48 | 
            +
              font-size: 18px;
         | 
| 49 | 
            +
              small {
         | 
| 50 | 
            +
                font-size: 14px;
         | 
| 51 | 
            +
              }
         | 
| 52 | 
            +
            }
         | 
| 53 | 
            +
            h4 {
         | 
| 54 | 
            +
              font-size: 16px;
         | 
| 55 | 
            +
              small {
         | 
| 56 | 
            +
                font-size: 12px;
         | 
| 57 | 
            +
              }
         | 
| 58 | 
            +
            }
         | 
| 59 | 
            +
            h5 {
         | 
| 60 | 
            +
              font-size: 14px;
         | 
| 61 | 
            +
            }
         | 
| 62 | 
            +
            h6 {
         | 
| 63 | 
            +
              font-size: 13px;
         | 
| 64 | 
            +
              color: @grayLight;
         | 
| 65 | 
            +
              text-transform: uppercase;
         | 
| 66 | 
            +
            }
         | 
| 67 | 
            +
             | 
| 68 | 
            +
             | 
| 69 | 
            +
            // COLORS
         | 
| 70 | 
            +
            // ------
         | 
| 71 | 
            +
             | 
| 72 | 
            +
            // Unordered and Ordered lists
         | 
| 73 | 
            +
            ul, ol {
         | 
| 74 | 
            +
              margin: 0 0 @baseline 25px;
         | 
| 75 | 
            +
            }
         | 
| 76 | 
            +
            ul ul,
         | 
| 77 | 
            +
            ul ol,
         | 
| 78 | 
            +
            ol ol,
         | 
| 79 | 
            +
            ol ul {
         | 
| 80 | 
            +
              margin-bottom: 0;
         | 
| 81 | 
            +
            }
         | 
| 82 | 
            +
            ul {
         | 
| 83 | 
            +
              list-style: disc;
         | 
| 84 | 
            +
            }
         | 
| 85 | 
            +
            ol {
         | 
| 86 | 
            +
              list-style: decimal;
         | 
| 87 | 
            +
            }
         | 
| 88 | 
            +
            li {
         | 
| 89 | 
            +
              line-height: @baseline;
         | 
| 90 | 
            +
              color: @gray;
         | 
| 91 | 
            +
            }
         | 
| 92 | 
            +
            ul.unstyled {
         | 
| 93 | 
            +
              list-style: none;
         | 
| 94 | 
            +
              margin-left: 0;
         | 
| 95 | 
            +
            }
         | 
| 96 | 
            +
             | 
| 97 | 
            +
            // Description Lists
         | 
| 98 | 
            +
            dl {
         | 
| 99 | 
            +
              margin-bottom: @baseline;
         | 
| 100 | 
            +
              dt, dd {
         | 
| 101 | 
            +
                line-height: @baseline;
         | 
| 102 | 
            +
              }
         | 
| 103 | 
            +
              dt {
         | 
| 104 | 
            +
                font-weight: bold;
         | 
| 105 | 
            +
              }
         | 
| 106 | 
            +
              dd {
         | 
| 107 | 
            +
                margin-left: @baseline / 2;
         | 
| 108 | 
            +
              }
         | 
| 109 | 
            +
            }
         | 
| 110 | 
            +
             | 
| 111 | 
            +
            // MISC
         | 
| 112 | 
            +
            // ----
         | 
| 113 | 
            +
             | 
| 114 | 
            +
            // Horizontal rules
         | 
| 115 | 
            +
            hr {
         | 
| 116 | 
            +
              margin: 20px 0 19px;
         | 
| 117 | 
            +
              border: 0;
         | 
| 118 | 
            +
              border-bottom: 1px solid #eee;
         | 
| 119 | 
            +
            }
         | 
| 120 | 
            +
             | 
| 121 | 
            +
            // Emphasis
         | 
| 122 | 
            +
            strong {
         | 
| 123 | 
            +
              font-style: inherit;
         | 
| 124 | 
            +
              font-weight: bold;
         | 
| 125 | 
            +
            }
         | 
| 126 | 
            +
            em {
         | 
| 127 | 
            +
              font-style: italic;
         | 
| 128 | 
            +
              font-weight: inherit;
         | 
| 129 | 
            +
              line-height: inherit;
         | 
| 130 | 
            +
            }
         | 
| 131 | 
            +
            .muted {
         | 
| 132 | 
            +
              color: @grayLight;
         | 
| 133 | 
            +
            }
         | 
| 134 | 
            +
             | 
| 135 | 
            +
            // Blockquotes
         | 
| 136 | 
            +
            blockquote {
         | 
| 137 | 
            +
              margin-bottom: @baseline;
         | 
| 138 | 
            +
              border-left: 5px solid #eee;
         | 
| 139 | 
            +
              padding-left: 15px;
         | 
| 140 | 
            +
              p {
         | 
| 141 | 
            +
                #font > .shorthand(300,14px,@baseline);
         | 
| 142 | 
            +
                margin-bottom: 0;
         | 
| 143 | 
            +
              }
         | 
| 144 | 
            +
              small {
         | 
| 145 | 
            +
                display: block;
         | 
| 146 | 
            +
                #font > .shorthand(300,12px,@baseline);
         | 
| 147 | 
            +
                color: @grayLight;
         | 
| 148 | 
            +
                &:before {
         | 
| 149 | 
            +
                  content: '\2014 \00A0';
         | 
| 150 | 
            +
                }
         | 
| 151 | 
            +
              }
         | 
| 152 | 
            +
            }
         | 
| 153 | 
            +
             | 
| 154 | 
            +
            // Addresses
         | 
| 155 | 
            +
            address {
         | 
| 156 | 
            +
              display: block;
         | 
| 157 | 
            +
              line-height: @baseline;
         | 
| 158 | 
            +
              margin-bottom: @baseline;
         | 
| 159 | 
            +
            }
         | 
| 160 | 
            +
             | 
| 161 | 
            +
            // Inline and block code styles
         | 
| 162 | 
            +
            code, pre {
         | 
| 163 | 
            +
              padding: 0 3px 2px;
         | 
| 164 | 
            +
              font-family: Monaco, Andale Mono, Courier New, monospace;
         | 
| 165 | 
            +
              font-size: 12px;
         | 
| 166 | 
            +
              .border-radius(3px);
         | 
| 167 | 
            +
            }
         | 
| 168 | 
            +
            code {
         | 
| 169 | 
            +
              background-color: lighten(@orange, 40%);
         | 
| 170 | 
            +
              color: rgba(0,0,0,.75);
         | 
| 171 | 
            +
              padding: 1px 3px;
         | 
| 172 | 
            +
            }
         | 
| 173 | 
            +
            pre {
         | 
| 174 | 
            +
              background-color: #f5f5f5;
         | 
| 175 | 
            +
              display: block;
         | 
| 176 | 
            +
              padding: (@baseline - 1) / 2;
         | 
| 177 | 
            +
              margin: 0 0 @baseline;
         | 
| 178 | 
            +
              line-height: @baseline;
         | 
| 179 | 
            +
              font-size: 12px;
         | 
| 180 | 
            +
              border: 1px solid #ccc;
         | 
| 181 | 
            +
              border: 1px solid rgba(0,0,0,.15);
         | 
| 182 | 
            +
              .border-radius(3px);
         | 
| 183 | 
            +
              white-space: pre;
         | 
| 184 | 
            +
              white-space: pre-wrap;
         | 
| 185 | 
            +
              word-wrap: break-word;
         | 
| 186 | 
            +
             | 
| 187 | 
            +
            }
         |