furatto 0.0.3 → 1.0.0
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/README.md +25 -18
 - data/furatto.gemspec +4 -0
 - data/lib/furatto.rb +3 -10
 - data/lib/furatto/version.rb +1 -1
 - data/lib/furatto_rails_helpers/furatto_helpers.rb +19 -0
 - data/lib/generators/furatto/install_generator.rb +46 -0
 - data/lib/generators/furatto/templates/application.html.erb +28 -0
 - data/vendor/assets/javascripts/furatto.js +1822 -0
 - data/vendor/assets/stylesheets/furatto.scss +76 -0
 - data/vendor/assets/stylesheets/furatto/_alerts.scss +130 -0
 - data/vendor/assets/stylesheets/furatto/_base.scss +138 -0
 - data/vendor/assets/stylesheets/furatto/_button-groups.scss +85 -0
 - data/vendor/assets/stylesheets/furatto/_buttons.scss +266 -0
 - data/{app → vendor}/assets/stylesheets/furatto/_date_picker.date.scss +0 -0
 - data/{app → vendor}/assets/stylesheets/furatto/_date_picker.scss +1 -0
 - data/{app → vendor}/assets/stylesheets/furatto/_dropdown.scss +0 -0
 - data/vendor/assets/stylesheets/furatto/_experimental.scss +81 -0
 - data/{app → vendor}/assets/stylesheets/furatto/_footer.scss +0 -0
 - data/vendor/assets/stylesheets/furatto/_forms.scss +269 -0
 - data/vendor/assets/stylesheets/furatto/_functions.scss +18 -0
 - data/vendor/assets/stylesheets/furatto/_global.scss +51 -0
 - data/vendor/assets/stylesheets/furatto/_grid.scss +142 -0
 - data/vendor/assets/stylesheets/furatto/_images.scss +122 -0
 - data/vendor/assets/stylesheets/furatto/_labels.scss +97 -0
 - data/vendor/assets/stylesheets/furatto/_media_queries.scss +200 -0
 - data/vendor/assets/stylesheets/furatto/_mixins.scss +143 -0
 - data/vendor/assets/stylesheets/furatto/_modal.scss +297 -0
 - data/vendor/assets/stylesheets/furatto/_navigation.scss +127 -0
 - data/vendor/assets/stylesheets/furatto/_navigation_bar.scss +338 -0
 - data/vendor/assets/stylesheets/furatto/_off_screen.scss +269 -0
 - data/vendor/assets/stylesheets/furatto/_pagination.scss +78 -0
 - data/vendor/assets/stylesheets/furatto/_responsive_utilities.scss +244 -0
 - data/vendor/assets/stylesheets/furatto/_selectors.scss +44 -0
 - data/vendor/assets/stylesheets/furatto/_settings.scss +0 -0
 - data/vendor/assets/stylesheets/furatto/_suraido.scss +214 -0
 - data/vendor/assets/stylesheets/furatto/_tables.scss +166 -0
 - data/vendor/assets/stylesheets/furatto/_tabs.scss +26 -0
 - data/vendor/assets/stylesheets/furatto/_toolbars.scss +199 -0
 - data/vendor/assets/stylesheets/furatto/_tooltips.scss +92 -0
 - data/vendor/assets/stylesheets/furatto/_typography.scss +243 -0
 - data/{app → vendor}/assets/stylesheets/normalize.scss +22 -19
 - metadata +86 -49
 - data/app/assets/fonts/fontawesome/FontAwesome.otf +0 -0
 - data/app/assets/fonts/fontawesome/fontawesome-webfont.eot +0 -0
 - data/app/assets/fonts/fontawesome/fontawesome-webfont.svg +0 -399
 - data/app/assets/fonts/fontawesome/fontawesome-webfont.ttf +0 -0
 - data/app/assets/fonts/fontawesome/fontawesome-webfont.woff +0 -0
 - data/app/assets/fonts/meteocons-webfont.eot +0 -0
 - data/app/assets/fonts/meteocons-webfont.svg +0 -81
 - data/app/assets/fonts/meteocons-webfont.ttf +0 -0
 - data/app/assets/fonts/meteocons-webfont.woff +0 -0
 - data/app/assets/javascripts/furatto.js +0 -5978
 - data/app/assets/javascripts/furatto.min.js +0 -3
 - data/app/assets/stylesheets/font-awesome.css.erb +0 -2495
 - data/app/assets/stylesheets/furatto.scss +0 -86
 - data/app/assets/stylesheets/furatto/_alerts.scss +0 -80
 - data/app/assets/stylesheets/furatto/_base.scss +0 -99
 - data/app/assets/stylesheets/furatto/_buttons.scss +0 -125
 - data/app/assets/stylesheets/furatto/_code.scss +0 -67
 - data/app/assets/stylesheets/furatto/_dashboard.scss +0 -36
 - data/app/assets/stylesheets/furatto/_fonts.scss +0 -26
 - data/app/assets/stylesheets/furatto/_forms.scss +0 -307
 - data/app/assets/stylesheets/furatto/_grid.scss +0 -60
 - data/app/assets/stylesheets/furatto/_images.scss +0 -64
 - data/app/assets/stylesheets/furatto/_labels.scss +0 -44
 - data/app/assets/stylesheets/furatto/_mixins.scss +0 -200
 - data/app/assets/stylesheets/furatto/_modal.scss +0 -365
 - data/app/assets/stylesheets/furatto/_nav.scss +0 -104
 - data/app/assets/stylesheets/furatto/_navbar.scss +0 -216
 - data/app/assets/stylesheets/furatto/_panel.scss +0 -277
 - data/app/assets/stylesheets/furatto/_responsive_navbar.scss +0 -195
 - data/app/assets/stylesheets/furatto/_responsive_tables.scss +0 -28
 - data/app/assets/stylesheets/furatto/_responsive_utilities.scss +0 -182
 - data/app/assets/stylesheets/furatto/_responsiveslides.scss +0 -185
 - data/app/assets/stylesheets/furatto/_tables.scss +0 -90
 - data/app/assets/stylesheets/furatto/_toolbars.scss +0 -116
 - data/app/assets/stylesheets/furatto/_tooltips.scss +0 -131
 - data/app/assets/stylesheets/furatto/_typography.scss +0 -224
 - data/app/assets/stylesheets/furatto/_variables.scss +0 -625
 
| 
         @@ -1,86 +0,0 @@ 
     | 
|
| 
       1 
     | 
    
         
            -
            //Make sure the charset is set correctly
         
     | 
| 
       2 
     | 
    
         
            -
            @charset "UTF-8";
         
     | 
| 
       3 
     | 
    
         
            -
             
     | 
| 
       4 
     | 
    
         
            -
            //Compass Utilities
         
     | 
| 
       5 
     | 
    
         
            -
            @import "compass/css3/transition";
         
     | 
| 
       6 
     | 
    
         
            -
            @import "compass/css3/opacity";
         
     | 
| 
       7 
     | 
    
         
            -
            @import "compass/css3/border-radius";
         
     | 
| 
       8 
     | 
    
         
            -
            @import "compass/css3/box-sizing";
         
     | 
| 
       9 
     | 
    
         
            -
            @import "compass/css3/transform";
         
     | 
| 
       10 
     | 
    
         
            -
            @import "compass/css3/box-shadow";
         
     | 
| 
       11 
     | 
    
         
            -
            @import "compass/css3/images";
         
     | 
| 
       12 
     | 
    
         
            -
             
     | 
| 
       13 
     | 
    
         
            -
            //Variables
         
     | 
| 
       14 
     | 
    
         
            -
            @import "furatto/variables";
         
     | 
| 
       15 
     | 
    
         
            -
             
     | 
| 
       16 
     | 
    
         
            -
            //Helpers
         
     | 
| 
       17 
     | 
    
         
            -
            @import "furatto/mixins";
         
     | 
| 
       18 
     | 
    
         
            -
             
     | 
| 
       19 
     | 
    
         
            -
            //Import the font file for the site
         
     | 
| 
       20 
     | 
    
         
            -
            @import "furatto/fonts";
         
     | 
| 
       21 
     | 
    
         
            -
             
     | 
| 
       22 
     | 
    
         
            -
            //General css for layout
         
     | 
| 
       23 
     | 
    
         
            -
            @import 'furatto/base';
         
     | 
| 
       24 
     | 
    
         
            -
             
     | 
| 
       25 
     | 
    
         
            -
            //Buttons
         
     | 
| 
       26 
     | 
    
         
            -
            @import 'furatto/buttons';
         
     | 
| 
       27 
     | 
    
         
            -
             
     | 
| 
       28 
     | 
    
         
            -
            //Labels
         
     | 
| 
       29 
     | 
    
         
            -
            @import 'furatto/labels';
         
     | 
| 
       30 
     | 
    
         
            -
             
     | 
| 
       31 
     | 
    
         
            -
            //Alerts
         
     | 
| 
       32 
     | 
    
         
            -
            @import 'furatto/alerts';
         
     | 
| 
       33 
     | 
    
         
            -
             
     | 
| 
       34 
     | 
    
         
            -
            //Navs
         
     | 
| 
       35 
     | 
    
         
            -
            @import 'furatto/nav';
         
     | 
| 
       36 
     | 
    
         
            -
             
     | 
| 
       37 
     | 
    
         
            -
            //Navbar
         
     | 
| 
       38 
     | 
    
         
            -
            @import 'furatto/navbar';
         
     | 
| 
       39 
     | 
    
         
            -
             
     | 
| 
       40 
     | 
    
         
            -
            //Forms
         
     | 
| 
       41 
     | 
    
         
            -
            @import 'furatto/forms';
         
     | 
| 
       42 
     | 
    
         
            -
             
     | 
| 
       43 
     | 
    
         
            -
            //Tables
         
     | 
| 
       44 
     | 
    
         
            -
            @import 'furatto/tables';
         
     | 
| 
       45 
     | 
    
         
            -
            @import 'furatto/responsive_tables';
         
     | 
| 
       46 
     | 
    
         
            -
             
     | 
| 
       47 
     | 
    
         
            -
            //Images
         
     | 
| 
       48 
     | 
    
         
            -
            @import 'furatto/images';
         
     | 
| 
       49 
     | 
    
         
            -
             
     | 
| 
       50 
     | 
    
         
            -
            //Footer
         
     | 
| 
       51 
     | 
    
         
            -
            @import 'furatto/footer';
         
     | 
| 
       52 
     | 
    
         
            -
             
     | 
| 
       53 
     | 
    
         
            -
            //Code
         
     | 
| 
       54 
     | 
    
         
            -
            @import 'furatto/code';
         
     | 
| 
       55 
     | 
    
         
            -
             
     | 
| 
       56 
     | 
    
         
            -
            //Base
         
     | 
| 
       57 
     | 
    
         
            -
            @import 'furatto/typography';
         
     | 
| 
       58 
     | 
    
         
            -
             
     | 
| 
       59 
     | 
    
         
            -
            //Tooltips
         
     | 
| 
       60 
     | 
    
         
            -
            @import 'furatto/tooltips';
         
     | 
| 
       61 
     | 
    
         
            -
             
     | 
| 
       62 
     | 
    
         
            -
            //DatePicker
         
     | 
| 
       63 
     | 
    
         
            -
            @import 'furatto/date_picker';
         
     | 
| 
       64 
     | 
    
         
            -
            @import 'furatto/date_picker.date';
         
     | 
| 
       65 
     | 
    
         
            -
             
     | 
| 
       66 
     | 
    
         
            -
            //Toolbar
         
     | 
| 
       67 
     | 
    
         
            -
            @import 'furatto/toolbars';
         
     | 
| 
       68 
     | 
    
         
            -
             
     | 
| 
       69 
     | 
    
         
            -
            //Modal
         
     | 
| 
       70 
     | 
    
         
            -
            @import 'furatto/modal';
         
     | 
| 
       71 
     | 
    
         
            -
             
     | 
| 
       72 
     | 
    
         
            -
            //Drowpdowns
         
     | 
| 
       73 
     | 
    
         
            -
            @import 'furatto/dropdown';
         
     | 
| 
       74 
     | 
    
         
            -
             
     | 
| 
       75 
     | 
    
         
            -
            //Panel Menu
         
     | 
| 
       76 
     | 
    
         
            -
            @import 'furatto/panel';
         
     | 
| 
       77 
     | 
    
         
            -
             
     | 
| 
       78 
     | 
    
         
            -
            //Grid
         
     | 
| 
       79 
     | 
    
         
            -
            @import 'furatto/grid';
         
     | 
| 
       80 
     | 
    
         
            -
            @import 'furatto/responsive_navbar';
         
     | 
| 
       81 
     | 
    
         
            -
             
     | 
| 
       82 
     | 
    
         
            -
            @import 'furatto/dashboard';
         
     | 
| 
       83 
     | 
    
         
            -
            @import 'furatto/responsive_utilities';
         
     | 
| 
       84 
     | 
    
         
            -
             
     | 
| 
       85 
     | 
    
         
            -
            //Slider
         
     | 
| 
       86 
     | 
    
         
            -
            @import 'furatto/responsiveslides';
         
     | 
| 
         @@ -1,80 +0,0 @@ 
     | 
|
| 
       1 
     | 
    
         
            -
            /*------------------------------------*\
         
     | 
| 
       2 
     | 
    
         
            -
                $ALERTS
         
     | 
| 
       3 
     | 
    
         
            -
            \*------------------------------------*/
         
     | 
| 
       4 
     | 
    
         
            -
            /**
         
     | 
| 
       5 
     | 
    
         
            -
             * Basic alert structural styling. 
         
     | 
| 
       6 
     | 
    
         
            -
             * 
         
     | 
| 
       7 
     | 
    
         
            -
             * Designed and built @kurenn  
         
     | 
| 
       8 
     | 
    
         
            -
             */
         
     | 
| 
       9 
     | 
    
         
            -
             
     | 
| 
       10 
     | 
    
         
            -
            .alert {
         
     | 
| 
       11 
     | 
    
         
            -
              padding: 8px 35px 8px 14px;
         
     | 
| 
       12 
     | 
    
         
            -
              margin-bottom: $base-line-height;
         
     | 
| 
       13 
     | 
    
         
            -
              background-color: lighten($orange, 40%);
         
     | 
| 
       14 
     | 
    
         
            -
              @include border-radius($base-radius);
         
     | 
| 
       15 
     | 
    
         
            -
              color: $warning-alert-color;
         
     | 
| 
       16 
     | 
    
         
            -
              font-size: $base-font-size;
         
     | 
| 
       17 
     | 
    
         
            -
             
     | 
| 
       18 
     | 
    
         
            -
              .header, strong {
         
     | 
| 
       19 
     | 
    
         
            -
                color: $warning-header-color;
         
     | 
| 
       20 
     | 
    
         
            -
                font-weight: 600;
         
     | 
| 
       21 
     | 
    
         
            -
                font-size: $base-font-size;
         
     | 
| 
       22 
     | 
    
         
            -
              }
         
     | 
| 
       23 
     | 
    
         
            -
             
     | 
| 
       24 
     | 
    
         
            -
              .header {
         
     | 
| 
       25 
     | 
    
         
            -
                margin: 0;
         
     | 
| 
       26 
     | 
    
         
            -
              }
         
     | 
| 
       27 
     | 
    
         
            -
             
     | 
| 
       28 
     | 
    
         
            -
              .close {
         
     | 
| 
       29 
     | 
    
         
            -
                position: relative;
         
     | 
| 
       30 
     | 
    
         
            -
                top: -2px;
         
     | 
| 
       31 
     | 
    
         
            -
                right: -21px;
         
     | 
| 
       32 
     | 
    
         
            -
                line-height: $base-line-height;
         
     | 
| 
       33 
     | 
    
         
            -
                color: darken($dark-orange, 10%);
         
     | 
| 
       34 
     | 
    
         
            -
                float: right;
         
     | 
| 
       35 
     | 
    
         
            -
                border: none;
         
     | 
| 
       36 
     | 
    
         
            -
                background: none;
         
     | 
| 
       37 
     | 
    
         
            -
                font-size: 20px;
         
     | 
| 
       38 
     | 
    
         
            -
                cursor: pointer;
         
     | 
| 
       39 
     | 
    
         
            -
                font-weight: 600;
         
     | 
| 
       40 
     | 
    
         
            -
              }
         
     | 
| 
       41 
     | 
    
         
            -
            }
         
     | 
| 
       42 
     | 
    
         
            -
             
     | 
| 
       43 
     | 
    
         
            -
            .alert-success {
         
     | 
| 
       44 
     | 
    
         
            -
              background-color: lighten($green, 40%);
         
     | 
| 
       45 
     | 
    
         
            -
              color: $success-alert-color;
         
     | 
| 
       46 
     | 
    
         
            -
             
     | 
| 
       47 
     | 
    
         
            -
              .header {
         
     | 
| 
       48 
     | 
    
         
            -
                color: $success-header-color;
         
     | 
| 
       49 
     | 
    
         
            -
              }
         
     | 
| 
       50 
     | 
    
         
            -
             
     | 
| 
       51 
     | 
    
         
            -
              .close {
         
     | 
| 
       52 
     | 
    
         
            -
                color: $dark-green;
         
     | 
| 
       53 
     | 
    
         
            -
              }
         
     | 
| 
       54 
     | 
    
         
            -
            }
         
     | 
| 
       55 
     | 
    
         
            -
             
     | 
| 
       56 
     | 
    
         
            -
            .alert-info {
         
     | 
| 
       57 
     | 
    
         
            -
              background-color: lighten($blue, 35%);
         
     | 
| 
       58 
     | 
    
         
            -
              color: $info-alert-color;
         
     | 
| 
       59 
     | 
    
         
            -
             
     | 
| 
       60 
     | 
    
         
            -
              .header, strong {
         
     | 
| 
       61 
     | 
    
         
            -
                color: $info-header-color;
         
     | 
| 
       62 
     | 
    
         
            -
              }
         
     | 
| 
       63 
     | 
    
         
            -
             
     | 
| 
       64 
     | 
    
         
            -
              .close {
         
     | 
| 
       65 
     | 
    
         
            -
                color: $dark-blue;
         
     | 
| 
       66 
     | 
    
         
            -
              }
         
     | 
| 
       67 
     | 
    
         
            -
            }
         
     | 
| 
       68 
     | 
    
         
            -
             
     | 
| 
       69 
     | 
    
         
            -
            .alert-danger {
         
     | 
| 
       70 
     | 
    
         
            -
              background-color: lighten($red, 35%);
         
     | 
| 
       71 
     | 
    
         
            -
              color: $danger-alert-color;
         
     | 
| 
       72 
     | 
    
         
            -
             
     | 
| 
       73 
     | 
    
         
            -
              .header, strong {
         
     | 
| 
       74 
     | 
    
         
            -
                color: $danger-header-color;
         
     | 
| 
       75 
     | 
    
         
            -
              }
         
     | 
| 
       76 
     | 
    
         
            -
             
     | 
| 
       77 
     | 
    
         
            -
              .close {
         
     | 
| 
       78 
     | 
    
         
            -
                color: $dark-red;
         
     | 
| 
       79 
     | 
    
         
            -
              }
         
     | 
| 
       80 
     | 
    
         
            -
            }
         
     | 
| 
         @@ -1,99 +0,0 @@ 
     | 
|
| 
       1 
     | 
    
         
            -
            /*------------------------------------*\
         
     | 
| 
       2 
     | 
    
         
            -
                $BASE
         
     | 
| 
       3 
     | 
    
         
            -
            \*------------------------------------*/
         
     | 
| 
       4 
     | 
    
         
            -
            /**
         
     | 
| 
       5 
     | 
    
         
            -
             * Basic site structural styling. 
         
     | 
| 
       6 
     | 
    
         
            -
             * 
         
     | 
| 
       7 
     | 
    
         
            -
             * Designed and built @kurenn  
         
     | 
| 
       8 
     | 
    
         
            -
             */
         
     | 
| 
       9 
     | 
    
         
            -
             
     | 
| 
       10 
     | 
    
         
            -
            *, 
         
     | 
| 
       11 
     | 
    
         
            -
            *:after, 
         
     | 
| 
       12 
     | 
    
         
            -
            *:before { 
         
     | 
| 
       13 
     | 
    
         
            -
              @include box-sizing(border-box);
         
     | 
| 
       14 
     | 
    
         
            -
            }
         
     | 
| 
       15 
     | 
    
         
            -
             
     | 
| 
       16 
     | 
    
         
            -
            html {
         
     | 
| 
       17 
     | 
    
         
            -
              font-family: $font-family;
         
     | 
| 
       18 
     | 
    
         
            -
            }
         
     | 
| 
       19 
     | 
    
         
            -
             
     | 
| 
       20 
     | 
    
         
            -
            body {
         
     | 
| 
       21 
     | 
    
         
            -
              font-size: $base-font-size;
         
     | 
| 
       22 
     | 
    
         
            -
              line-height: $base-line-height;
         
     | 
| 
       23 
     | 
    
         
            -
              color: $base-font-color;
         
     | 
| 
       24 
     | 
    
         
            -
            }
         
     | 
| 
       25 
     | 
    
         
            -
             
     | 
| 
       26 
     | 
    
         
            -
            h1, h2, h3, h4, h5, h6 {
         
     | 
| 
       27 
     | 
    
         
            -
              font-weight: $base-font-weight;
         
     | 
| 
       28 
     | 
    
         
            -
            }
         
     | 
| 
       29 
     | 
    
         
            -
             
     | 
| 
       30 
     | 
    
         
            -
            a {
         
     | 
| 
       31 
     | 
    
         
            -
              text-decoration: none;
         
     | 
| 
       32 
     | 
    
         
            -
              color: $link-color;
         
     | 
| 
       33 
     | 
    
         
            -
            }
         
     | 
| 
       34 
     | 
    
         
            -
             
     | 
| 
       35 
     | 
    
         
            -
            .noscroll {
         
     | 
| 
       36 
     | 
    
         
            -
              overflow: hidden;
         
     | 
| 
       37 
     | 
    
         
            -
            }
         
     | 
| 
       38 
     | 
    
         
            -
             
     | 
| 
       39 
     | 
    
         
            -
            html, body {
         
     | 
| 
       40 
     | 
    
         
            -
              background-color: $bg-color;
         
     | 
| 
       41 
     | 
    
         
            -
              height: 100%;
         
     | 
| 
       42 
     | 
    
         
            -
              overflow: hidden;
         
     | 
| 
       43 
     | 
    
         
            -
            }
         
     | 
| 
       44 
     | 
    
         
            -
             
     | 
| 
       45 
     | 
    
         
            -
            hr {
         
     | 
| 
       46 
     | 
    
         
            -
              clear: both;
         
     | 
| 
       47 
     | 
    
         
            -
              margin: 1.25em 0 1.875em;
         
     | 
| 
       48 
     | 
    
         
            -
              height: 0;
         
     | 
| 
       49 
     | 
    
         
            -
              border: solid $hr-color;
         
     | 
| 
       50 
     | 
    
         
            -
              border-width: 1px 0 0;
         
     | 
| 
       51 
     | 
    
         
            -
            }
         
     | 
| 
       52 
     | 
    
         
            -
             
     | 
| 
       53 
     | 
    
         
            -
            .link {
         
     | 
| 
       54 
     | 
    
         
            -
              color: $link-color !important;
         
     | 
| 
       55 
     | 
    
         
            -
             
     | 
| 
       56 
     | 
    
         
            -
              &:hover {
         
     | 
| 
       57 
     | 
    
         
            -
                text-decoration: underline;
         
     | 
| 
       58 
     | 
    
         
            -
              }
         
     | 
| 
       59 
     | 
    
         
            -
            }
         
     | 
| 
       60 
     | 
    
         
            -
             
     | 
| 
       61 
     | 
    
         
            -
            .container-center {
         
     | 
| 
       62 
     | 
    
         
            -
              width: $container-center-width;
         
     | 
| 
       63 
     | 
    
         
            -
              margin: 0 auto;
         
     | 
| 
       64 
     | 
    
         
            -
              @include clearfix();
         
     | 
| 
       65 
     | 
    
         
            -
            }
         
     | 
| 
       66 
     | 
    
         
            -
             
     | 
| 
       67 
     | 
    
         
            -
            /* Blockquote */
         
     | 
| 
       68 
     | 
    
         
            -
            /*----------------------------*/
         
     | 
| 
       69 
     | 
    
         
            -
            blockquote {
         
     | 
| 
       70 
     | 
    
         
            -
              color: $blockquote-color;
         
     | 
| 
       71 
     | 
    
         
            -
              font-style: italic;
         
     | 
| 
       72 
     | 
    
         
            -
              line-height: 1.8em;
         
     | 
| 
       73 
     | 
    
         
            -
              border-left: 5px solid $blockquote-border-color;
         
     | 
| 
       74 
     | 
    
         
            -
              padding-left: 1.5em
         
     | 
| 
       75 
     | 
    
         
            -
            }
         
     | 
| 
       76 
     | 
    
         
            -
             
     | 
| 
       77 
     | 
    
         
            -
            /* Helper classes */
         
     | 
| 
       78 
     | 
    
         
            -
            /*----------------------------*/
         
     | 
| 
       79 
     | 
    
         
            -
            .clearfix {
         
     | 
| 
       80 
     | 
    
         
            -
              @include clearfix;
         
     | 
| 
       81 
     | 
    
         
            -
            }
         
     | 
| 
       82 
     | 
    
         
            -
             
     | 
| 
       83 
     | 
    
         
            -
            .hide {
         
     | 
| 
       84 
     | 
    
         
            -
              display: none;
         
     | 
| 
       85 
     | 
    
         
            -
            }
         
     | 
| 
       86 
     | 
    
         
            -
             
     | 
| 
       87 
     | 
    
         
            -
            .help-block {
         
     | 
| 
       88 
     | 
    
         
            -
              color: #666;
         
     | 
| 
       89 
     | 
    
         
            -
              display: block;
         
     | 
| 
       90 
     | 
    
         
            -
            }
         
     | 
| 
       91 
     | 
    
         
            -
             
     | 
| 
       92 
     | 
    
         
            -
            //Floats
         
     | 
| 
       93 
     | 
    
         
            -
            .pull-right {
         
     | 
| 
       94 
     | 
    
         
            -
              float: right;
         
     | 
| 
       95 
     | 
    
         
            -
            }
         
     | 
| 
       96 
     | 
    
         
            -
             
     | 
| 
       97 
     | 
    
         
            -
            .pull-left {
         
     | 
| 
       98 
     | 
    
         
            -
              float: left;
         
     | 
| 
       99 
     | 
    
         
            -
            }
         
     | 
| 
         @@ -1,125 +0,0 @@ 
     | 
|
| 
       1 
     | 
    
         
            -
            /*------------------------------------*\
         
     | 
| 
       2 
     | 
    
         
            -
                $BUTTONS
         
     | 
| 
       3 
     | 
    
         
            -
            \*------------------------------------*/
         
     | 
| 
       4 
     | 
    
         
            -
            /**
         
     | 
| 
       5 
     | 
    
         
            -
             * Basic button structural styling. 
         
     | 
| 
       6 
     | 
    
         
            -
             * 
         
     | 
| 
       7 
     | 
    
         
            -
             * Designed and built @kurenn  
         
     | 
| 
       8 
     | 
    
         
            -
             */
         
     | 
| 
       9 
     | 
    
         
            -
             
     | 
| 
       10 
     | 
    
         
            -
            .btn {
         
     | 
| 
       11 
     | 
    
         
            -
              display: inline-block;
         
     | 
| 
       12 
     | 
    
         
            -
              *display: inline;
         
     | 
| 
       13 
     | 
    
         
            -
              padding: 4px 12px;
         
     | 
| 
       14 
     | 
    
         
            -
              line-height: 20px;
         
     | 
| 
       15 
     | 
    
         
            -
              font-size: $base-font-size;
         
     | 
| 
       16 
     | 
    
         
            -
              color: $white;
         
     | 
| 
       17 
     | 
    
         
            -
              background-color: $inverse;
         
     | 
| 
       18 
     | 
    
         
            -
              cursor: pointer;
         
     | 
| 
       19 
     | 
    
         
            -
              text-align: center;
         
     | 
| 
       20 
     | 
    
         
            -
              vertical-align: middle;
         
     | 
| 
       21 
     | 
    
         
            -
              border: none;
         
     | 
| 
       22 
     | 
    
         
            -
              outline: none;
         
     | 
| 
       23 
     | 
    
         
            -
              @include single-transition(all, 0.3s, ease-in-out);
         
     | 
| 
       24 
     | 
    
         
            -
              @include border-radius(3px);
         
     | 
| 
       25 
     | 
    
         
            -
              font-weight: 300;
         
     | 
| 
       26 
     | 
    
         
            -
              margin: 5px 0;
         
     | 
| 
       27 
     | 
    
         
            -
              border: 1px solid darken($dark-inverse, 5%);
         
     | 
| 
       28 
     | 
    
         
            -
             
     | 
| 
       29 
     | 
    
         
            -
              &:hover, &:focus {
         
     | 
| 
       30 
     | 
    
         
            -
                zoom: 1;
         
     | 
| 
       31 
     | 
    
         
            -
                text-decoration: none;
         
     | 
| 
       32 
     | 
    
         
            -
                background: $dark-inverse;
         
     | 
| 
       33 
     | 
    
         
            -
              }
         
     | 
| 
       34 
     | 
    
         
            -
             
     | 
| 
       35 
     | 
    
         
            -
              &.btn-disabled, &[disabled] {
         
     | 
| 
       36 
     | 
    
         
            -
                cursor: no-drop;
         
     | 
| 
       37 
     | 
    
         
            -
                background-color: $dark-inverse;
         
     | 
| 
       38 
     | 
    
         
            -
                @include opacity(0.65);
         
     | 
| 
       39 
     | 
    
         
            -
              }
         
     | 
| 
       40 
     | 
    
         
            -
             
     | 
| 
       41 
     | 
    
         
            -
              &.active, &:active {
         
     | 
| 
       42 
     | 
    
         
            -
                outline: 0;
         
     | 
| 
       43 
     | 
    
         
            -
              }
         
     | 
| 
       44 
     | 
    
         
            -
             
     | 
| 
       45 
     | 
    
         
            -
              [class^="icon-"], [class*=" icon-"] {
         
     | 
| 
       46 
     | 
    
         
            -
                margin-right: 5px;
         
     | 
| 
       47 
     | 
    
         
            -
              }
         
     | 
| 
       48 
     | 
    
         
            -
             
     | 
| 
       49 
     | 
    
         
            -
              &.btn-alpha {
         
     | 
| 
       50 
     | 
    
         
            -
                border: 1px solid $white;
         
     | 
| 
       51 
     | 
    
         
            -
                background: rgba(0,0,0,0.0);
         
     | 
| 
       52 
     | 
    
         
            -
             
     | 
| 
       53 
     | 
    
         
            -
                &:hover {
         
     | 
| 
       54 
     | 
    
         
            -
                  color: $inverse;
         
     | 
| 
       55 
     | 
    
         
            -
                  background: $white;
         
     | 
| 
       56 
     | 
    
         
            -
                }
         
     | 
| 
       57 
     | 
    
         
            -
              }
         
     | 
| 
       58 
     | 
    
         
            -
             
     | 
| 
       59 
     | 
    
         
            -
            }
         
     | 
| 
       60 
     | 
    
         
            -
             
     | 
| 
       61 
     | 
    
         
            -
            /* Button colors definition */
         
     | 
| 
       62 
     | 
    
         
            -
            /*---------------------------*/
         
     | 
| 
       63 
     | 
    
         
            -
            @each $color in $colors {
         
     | 
| 
       64 
     | 
    
         
            -
              .btn-#{nth($color, 1)} {
         
     | 
| 
       65 
     | 
    
         
            -
                background-color: nth($color, 2);
         
     | 
| 
       66 
     | 
    
         
            -
                border: 1px solid darken(nth($color, 2), 5%);
         
     | 
| 
       67 
     | 
    
         
            -
             
     | 
| 
       68 
     | 
    
         
            -
                &:hover, &:focus {
         
     | 
| 
       69 
     | 
    
         
            -
                  background-color: nth($color, 3);
         
     | 
| 
       70 
     | 
    
         
            -
                }
         
     | 
| 
       71 
     | 
    
         
            -
             
     | 
| 
       72 
     | 
    
         
            -
                &.btn-disabled, &[disabled] {
         
     | 
| 
       73 
     | 
    
         
            -
                  background-color: nth($color, 2);
         
     | 
| 
       74 
     | 
    
         
            -
                }
         
     | 
| 
       75 
     | 
    
         
            -
             
     | 
| 
       76 
     | 
    
         
            -
                &.btn-alpha {
         
     | 
| 
       77 
     | 
    
         
            -
                  color: $white;
         
     | 
| 
       78 
     | 
    
         
            -
                  font-weight: 300;
         
     | 
| 
       79 
     | 
    
         
            -
                  &:hover {
         
     | 
| 
       80 
     | 
    
         
            -
                    color: nth($color, 3);
         
     | 
| 
       81 
     | 
    
         
            -
                  }
         
     | 
| 
       82 
     | 
    
         
            -
                }
         
     | 
| 
       83 
     | 
    
         
            -
              }
         
     | 
| 
       84 
     | 
    
         
            -
            }
         
     | 
| 
       85 
     | 
    
         
            -
             
     | 
| 
       86 
     | 
    
         
            -
            /* Button sizes */
         
     | 
| 
       87 
     | 
    
         
            -
            /*-----------------------------*/
         
     | 
| 
       88 
     | 
    
         
            -
             
     | 
| 
       89 
     | 
    
         
            -
            .btn-large {
         
     | 
| 
       90 
     | 
    
         
            -
              padding: $padding-large;
         
     | 
| 
       91 
     | 
    
         
            -
              font-size: $font-size-large;
         
     | 
| 
       92 
     | 
    
         
            -
            }
         
     | 
| 
       93 
     | 
    
         
            -
             
     | 
| 
       94 
     | 
    
         
            -
            .btn-xlarge {
         
     | 
| 
       95 
     | 
    
         
            -
              padding: $padding-xlarge;
         
     | 
| 
       96 
     | 
    
         
            -
              font-size: $font-size-xlarge;
         
     | 
| 
       97 
     | 
    
         
            -
            }
         
     | 
| 
       98 
     | 
    
         
            -
             
     | 
| 
       99 
     | 
    
         
            -
            .btn-xxlarge {
         
     | 
| 
       100 
     | 
    
         
            -
              padding: $padding-xxlarge;
         
     | 
| 
       101 
     | 
    
         
            -
              font-size: $font-size-xlarge;
         
     | 
| 
       102 
     | 
    
         
            -
            }
         
     | 
| 
       103 
     | 
    
         
            -
             
     | 
| 
       104 
     | 
    
         
            -
            .btn-small {
         
     | 
| 
       105 
     | 
    
         
            -
              padding: $padding-small;
         
     | 
| 
       106 
     | 
    
         
            -
              font-size: $font-size-small;
         
     | 
| 
       107 
     | 
    
         
            -
            }
         
     | 
| 
       108 
     | 
    
         
            -
             
     | 
| 
       109 
     | 
    
         
            -
            .btn-mini {
         
     | 
| 
       110 
     | 
    
         
            -
              padding: $padding-mini;
         
     | 
| 
       111 
     | 
    
         
            -
              font-size: $font-size-mini;
         
     | 
| 
       112 
     | 
    
         
            -
            }
         
     | 
| 
       113 
     | 
    
         
            -
             
     | 
| 
       114 
     | 
    
         
            -
            .btn-block {
         
     | 
| 
       115 
     | 
    
         
            -
              display: block;
         
     | 
| 
       116 
     | 
    
         
            -
              width: 100%;
         
     | 
| 
       117 
     | 
    
         
            -
              padding-left: 0px;
         
     | 
| 
       118 
     | 
    
         
            -
              padding-right: 0px;
         
     | 
| 
       119 
     | 
    
         
            -
            }
         
     | 
| 
       120 
     | 
    
         
            -
             
     | 
| 
       121 
     | 
    
         
            -
            /* Vertical separation */
         
     | 
| 
       122 
     | 
    
         
            -
            /*----------------------*/
         
     | 
| 
       123 
     | 
    
         
            -
            .btn-block + .btn-block {
         
     | 
| 
       124 
     | 
    
         
            -
              margin-top: 5px;
         
     | 
| 
       125 
     | 
    
         
            -
            }
         
     | 
| 
         @@ -1,67 +0,0 @@ 
     | 
|
| 
       1 
     | 
    
         
            -
            /*------------------------------------*\
         
     | 
| 
       2 
     | 
    
         
            -
                $CODE
         
     | 
| 
       3 
     | 
    
         
            -
            \*------------------------------------*/
         
     | 
| 
       4 
     | 
    
         
            -
            /**
         
     | 
| 
       5 
     | 
    
         
            -
             * Basic code structural styling. 
         
     | 
| 
       6 
     | 
    
         
            -
             * 
         
     | 
| 
       7 
     | 
    
         
            -
             * Designed and built @kurenn based on the Baby Blue them for RainbowJS by tilomitra
         
     | 
| 
       8 
     | 
    
         
            -
             */
         
     | 
| 
       9 
     | 
    
         
            -
             
     | 
| 
       10 
     | 
    
         
            -
            pre {
         
     | 
| 
       11 
     | 
    
         
            -
                word-wrap: break-word;
         
     | 
| 
       12 
     | 
    
         
            -
                padding: 6px 10;
         
     | 
| 
       13 
     | 
    
         
            -
                line-height: 1.3em;
         
     | 
| 
       14 
     | 
    
         
            -
                margin-bottom: 20;
         
     | 
| 
       15 
     | 
    
         
            -
                border: 1px solid #ccc;
         
     | 
| 
       16 
     | 
    
         
            -
            }
         
     | 
| 
       17 
     | 
    
         
            -
             
     | 
| 
       18 
     | 
    
         
            -
            code {
         
     | 
| 
       19 
     | 
    
         
            -
                border: none;
         
     | 
| 
       20 
     | 
    
         
            -
                margin: 0 2px;
         
     | 
| 
       21 
     | 
    
         
            -
                font-size: $code-font-size;
         
     | 
| 
       22 
     | 
    
         
            -
                white-space: nowrap;
         
     | 
| 
       23 
     | 
    
         
            -
            }
         
     | 
| 
       24 
     | 
    
         
            -
             
     | 
| 
       25 
     | 
    
         
            -
            pre code {
         
     | 
| 
       26 
     | 
    
         
            -
                padding: 0;
         
     | 
| 
       27 
     | 
    
         
            -
                margin: 0;
         
     | 
| 
       28 
     | 
    
         
            -
                font-size: 0.95em;
         
     | 
| 
       29 
     | 
    
         
            -
                white-space: pre-wrap;
         
     | 
| 
       30 
     | 
    
         
            -
            }
         
     | 
| 
       31 
     | 
    
         
            -
             
     | 
| 
       32 
     | 
    
         
            -
            pre, code {
         
     | 
| 
       33 
     | 
    
         
            -
                font-family: Consolas, 'Liberation Mono', Courier, monospace;
         
     | 
| 
       34 
     | 
    
         
            -
                color: #333;
         
     | 
| 
       35 
     | 
    
         
            -
                background: $code-bg;
         
     | 
| 
       36 
     | 
    
         
            -
                @include border-radius(4px);
         
     | 
| 
       37 
     | 
    
         
            -
            }
         
     | 
| 
       38 
     | 
    
         
            -
             
     | 
| 
       39 
     | 
    
         
            -
            pre .comment {
         
     | 
| 
       40 
     | 
    
         
            -
                color: $code-comment-color;
         
     | 
| 
       41 
     | 
    
         
            -
            }
         
     | 
| 
       42 
     | 
    
         
            -
             
     | 
| 
       43 
     | 
    
         
            -
            pre .tag, pre .tag-name, pre .support.tag-name {
         
     | 
| 
       44 
     | 
    
         
            -
                color: $code-tag-color;
         
     | 
| 
       45 
     | 
    
         
            -
            }
         
     | 
| 
       46 
     | 
    
         
            -
             
     | 
| 
       47 
     | 
    
         
            -
            pre .keyword, pre .css-property, pre .vendor-prefix, pre .sass, pre .class, pre .id, pre .css-value, pre .entity.function, pre .storage.function {
         
     | 
| 
       48 
     | 
    
         
            -
                font-weight: bold;
         
     | 
| 
       49 
     | 
    
         
            -
            }
         
     | 
| 
       50 
     | 
    
         
            -
             
     | 
| 
       51 
     | 
    
         
            -
            pre .css-property, pre .css-value, pre .vendor-prefix, pre .support.namespace {
         
     | 
| 
       52 
     | 
    
         
            -
                color: $code-css-property-color;
         
     | 
| 
       53 
     | 
    
         
            -
            }
         
     | 
| 
       54 
     | 
    
         
            -
             
     | 
| 
       55 
     | 
    
         
            -
            pre .constant.numeric, pre .keyword.unit, pre .hex-color {
         
     | 
| 
       56 
     | 
    
         
            -
                font-weight: normal;
         
     | 
| 
       57 
     | 
    
         
            -
                color: #099;
         
     | 
| 
       58 
     | 
    
         
            -
            }
         
     | 
| 
       59 
     | 
    
         
            -
             
     | 
| 
       60 
     | 
    
         
            -
            pre .attribute, pre .variable, pre .support {
         
     | 
| 
       61 
     | 
    
         
            -
                color:  #4f9fcf; /* skinbuilder block-page-text-normal with #1f8dd6 as primary */
         
     | 
| 
       62 
     | 
    
         
            -
            }
         
     | 
| 
       63 
     | 
    
         
            -
             
     | 
| 
       64 
     | 
    
         
            -
            pre .string, pre .support.value  {
         
     | 
| 
       65 
     | 
    
         
            -
                font-weight: normal;
         
     | 
| 
       66 
     | 
    
         
            -
                color: #d44950; /* skinbuilder block-mine-text-low with #1f8dd6 as primary */
         
     | 
| 
       67 
     | 
    
         
            -
            }
         
     |