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,36 +0,0 @@ 
     | 
|
| 
       1 
     | 
    
         
            -
            /*------------------------------------*\
         
     | 
| 
       2 
     | 
    
         
            -
                $DASHBOARD
         
     | 
| 
       3 
     | 
    
         
            -
            \*------------------------------------*/
         
     | 
| 
       4 
     | 
    
         
            -
            /**
         
     | 
| 
       5 
     | 
    
         
            -
             * Basic dashboard structural styling. 
         
     | 
| 
       6 
     | 
    
         
            -
             * 
         
     | 
| 
       7 
     | 
    
         
            -
             * Designed and built @kurenn  
         
     | 
| 
       8 
     | 
    
         
            -
             */
         
     | 
| 
       9 
     | 
    
         
            -
             
     | 
| 
       10 
     | 
    
         
            -
            .bg-primary {
         
     | 
| 
       11 
     | 
    
         
            -
              background: $dashboard-primary-bg-color;
         
     | 
| 
       12 
     | 
    
         
            -
            }
         
     | 
| 
       13 
     | 
    
         
            -
             
     | 
| 
       14 
     | 
    
         
            -
            .bg-info {
         
     | 
| 
       15 
     | 
    
         
            -
              background: $dashboard-info-bg-color;
         
     | 
| 
       16 
     | 
    
         
            -
            }
         
     | 
| 
       17 
     | 
    
         
            -
             
     | 
| 
       18 
     | 
    
         
            -
            .bg-funky {
         
     | 
| 
       19 
     | 
    
         
            -
              background: $dashboard-funky-bg-color;
         
     | 
| 
       20 
     | 
    
         
            -
            }
         
     | 
| 
       21 
     | 
    
         
            -
             
     | 
| 
       22 
     | 
    
         
            -
            .bg-danger {
         
     | 
| 
       23 
     | 
    
         
            -
              background: $dashboard-danger-bg-color;
         
     | 
| 
       24 
     | 
    
         
            -
            }
         
     | 
| 
       25 
     | 
    
         
            -
             
     | 
| 
       26 
     | 
    
         
            -
            .bg-warning {
         
     | 
| 
       27 
     | 
    
         
            -
              background: $dashboard-warning-bg-color;
         
     | 
| 
       28 
     | 
    
         
            -
            }
         
     | 
| 
       29 
     | 
    
         
            -
             
     | 
| 
       30 
     | 
    
         
            -
            .bg-success {
         
     | 
| 
       31 
     | 
    
         
            -
              background: $dashboard-success-bg-color;
         
     | 
| 
       32 
     | 
    
         
            -
            }
         
     | 
| 
       33 
     | 
    
         
            -
             
     | 
| 
       34 
     | 
    
         
            -
            .bg-inverse {
         
     | 
| 
       35 
     | 
    
         
            -
              background: $dashboard-inverse-bg-color;
         
     | 
| 
       36 
     | 
    
         
            -
            }
         
     | 
| 
         @@ -1,26 +0,0 @@ 
     | 
|
| 
       1 
     | 
    
         
            -
            /*------------------------------------*\
         
     | 
| 
       2 
     | 
    
         
            -
                $FONTS
         
     | 
| 
       3 
     | 
    
         
            -
            \*------------------------------------*/
         
     | 
| 
       4 
     | 
    
         
            -
            /**
         
     | 
| 
       5 
     | 
    
         
            -
             * Basic fonts 
         
     | 
| 
       6 
     | 
    
         
            -
             * 
         
     | 
| 
       7 
     | 
    
         
            -
             * Designed and built @kurenn  
         
     | 
| 
       8 
     | 
    
         
            -
             */
         
     | 
| 
       9 
     | 
    
         
            -
             
     | 
| 
       10 
     | 
    
         
            -
            @import url(http://fonts.googleapis.com/css?family=Lato:100,300,400,700,900,100italic,300italic,400italic,700italic,900italic);
         
     | 
| 
       11 
     | 
    
         
            -
             
     | 
| 
       12 
     | 
    
         
            -
            @font-face {
         
     | 
| 
       13 
     | 
    
         
            -
                font-family: 'MeteoconsRegular';
         
     | 
| 
       14 
     | 
    
         
            -
                src: url('/assets/meteocons-webfont.eot');
         
     | 
| 
       15 
     | 
    
         
            -
                src: url('/assets/meteocons-webfont.eot?#iefix') format('embedded-opentype'),
         
     | 
| 
       16 
     | 
    
         
            -
                     url('/assets/meteocons-webfont.woff') format('woff'),
         
     | 
| 
       17 
     | 
    
         
            -
                     url('/assets/meteocons-webfont.ttf') format('truetype'),
         
     | 
| 
       18 
     | 
    
         
            -
                     url('/assets/meteocons-webfont.svg#MeteoconsRegular') format('svg');
         
     | 
| 
       19 
     | 
    
         
            -
                font-weight: normal;
         
     | 
| 
       20 
     | 
    
         
            -
                font-style: normal;
         
     | 
| 
       21 
     | 
    
         
            -
            }
         
     | 
| 
       22 
     | 
    
         
            -
             
     | 
| 
       23 
     | 
    
         
            -
            .meteocon:before {
         
     | 
| 
       24 
     | 
    
         
            -
            	font-family: 'MeteoconsRegular';
         
     | 
| 
       25 
     | 
    
         
            -
            	content: attr(data-meteocon);
         
     | 
| 
       26 
     | 
    
         
            -
            }
         
     | 
| 
         @@ -1,307 +0,0 @@ 
     | 
|
| 
       1 
     | 
    
         
            -
            /*------------------------------------*\
         
     | 
| 
       2 
     | 
    
         
            -
                $FORMS
         
     | 
| 
       3 
     | 
    
         
            -
            \*------------------------------------*/
         
     | 
| 
       4 
     | 
    
         
            -
            /**
         
     | 
| 
       5 
     | 
    
         
            -
             * Basic textfield structural styling. 
         
     | 
| 
       6 
     | 
    
         
            -
             * 
         
     | 
| 
       7 
     | 
    
         
            -
             * Designed and built @kurenn  
         
     | 
| 
       8 
     | 
    
         
            -
             */
         
     | 
| 
       9 
     | 
    
         
            -
             
     | 
| 
       10 
     | 
    
         
            -
            form {
         
     | 
| 
       11 
     | 
    
         
            -
              margin: 0 0 $base-line-height;
         
     | 
| 
       12 
     | 
    
         
            -
            }
         
     | 
| 
       13 
     | 
    
         
            -
             
     | 
| 
       14 
     | 
    
         
            -
            //Labels
         
     | 
| 
       15 
     | 
    
         
            -
            label {
         
     | 
| 
       16 
     | 
    
         
            -
              display: block;
         
     | 
| 
       17 
     | 
    
         
            -
              margin-bottom: 5px;
         
     | 
| 
       18 
     | 
    
         
            -
              cursor: pointer;
         
     | 
| 
       19 
     | 
    
         
            -
            }
         
     | 
| 
       20 
     | 
    
         
            -
             
     | 
| 
       21 
     | 
    
         
            -
            //Inputs
         
     | 
| 
       22 
     | 
    
         
            -
            textarea,
         
     | 
| 
       23 
     | 
    
         
            -
            input[type="text"],
         
     | 
| 
       24 
     | 
    
         
            -
            input[type="password"],
         
     | 
| 
       25 
     | 
    
         
            -
            input[type="datetime"],
         
     | 
| 
       26 
     | 
    
         
            -
            input[type="datetime-local"],
         
     | 
| 
       27 
     | 
    
         
            -
            input[type="date"],
         
     | 
| 
       28 
     | 
    
         
            -
            input[type="month"],
         
     | 
| 
       29 
     | 
    
         
            -
            input[type="time"],
         
     | 
| 
       30 
     | 
    
         
            -
            input[type="week"],
         
     | 
| 
       31 
     | 
    
         
            -
            input[type="number"],
         
     | 
| 
       32 
     | 
    
         
            -
            input[type="email"],
         
     | 
| 
       33 
     | 
    
         
            -
            input[type="url"],
         
     | 
| 
       34 
     | 
    
         
            -
            input[type="search"],
         
     | 
| 
       35 
     | 
    
         
            -
            input[type="tel"],
         
     | 
| 
       36 
     | 
    
         
            -
            input[type="color"],
         
     | 
| 
       37 
     | 
    
         
            -
            .uneditable-input {
         
     | 
| 
       38 
     | 
    
         
            -
              display: inline-block;
         
     | 
| 
       39 
     | 
    
         
            -
              height: $base-line-height;
         
     | 
| 
       40 
     | 
    
         
            -
              padding-left: 8px;
         
     | 
| 
       41 
     | 
    
         
            -
              height: 30px;
         
     | 
| 
       42 
     | 
    
         
            -
              margin-bottom: $base-line-height / 2;
         
     | 
| 
       43 
     | 
    
         
            -
              font-size: $base-font-size;
         
     | 
| 
       44 
     | 
    
         
            -
              line-height: $base-line-height;
         
     | 
| 
       45 
     | 
    
         
            -
              color: $input-color;
         
     | 
| 
       46 
     | 
    
         
            -
              @include border-radius($input-border-radius);
         
     | 
| 
       47 
     | 
    
         
            -
              vertical-align: middle;
         
     | 
| 
       48 
     | 
    
         
            -
            }
         
     | 
| 
       49 
     | 
    
         
            -
             
     | 
| 
       50 
     | 
    
         
            -
            //Reset textarea height because of the rows
         
     | 
| 
       51 
     | 
    
         
            -
            textarea {
         
     | 
| 
       52 
     | 
    
         
            -
              height: auto;
         
     | 
| 
       53 
     | 
    
         
            -
            }
         
     | 
| 
       54 
     | 
    
         
            -
             
     | 
| 
       55 
     | 
    
         
            -
            //Text inputs
         
     | 
| 
       56 
     | 
    
         
            -
            textarea,
         
     | 
| 
       57 
     | 
    
         
            -
            input[type="text"],
         
     | 
| 
       58 
     | 
    
         
            -
            input[type="password"],
         
     | 
| 
       59 
     | 
    
         
            -
            input[type="datetime"],
         
     | 
| 
       60 
     | 
    
         
            -
            input[type="datetime-local"],
         
     | 
| 
       61 
     | 
    
         
            -
            input[type="date"],
         
     | 
| 
       62 
     | 
    
         
            -
            input[type="month"],
         
     | 
| 
       63 
     | 
    
         
            -
            input[type="time"],
         
     | 
| 
       64 
     | 
    
         
            -
            input[type="week"],
         
     | 
| 
       65 
     | 
    
         
            -
            input[type="number"],
         
     | 
| 
       66 
     | 
    
         
            -
            input[type="email"],
         
     | 
| 
       67 
     | 
    
         
            -
            input[type="url"],
         
     | 
| 
       68 
     | 
    
         
            -
            input[type="search"],
         
     | 
| 
       69 
     | 
    
         
            -
            input[type="tel"],
         
     | 
| 
       70 
     | 
    
         
            -
            input[type="color"],
         
     | 
| 
       71 
     | 
    
         
            -
            .uneditable-input {
         
     | 
| 
       72 
     | 
    
         
            -
              background-color: $input-bg;
         
     | 
| 
       73 
     | 
    
         
            -
              border: 1px solid $input-border-color;
         
     | 
| 
       74 
     | 
    
         
            -
             
     | 
| 
       75 
     | 
    
         
            -
              /*Focus state*/
         
     | 
| 
       76 
     | 
    
         
            -
              &:focus {
         
     | 
| 
       77 
     | 
    
         
            -
                border-color: rgba($input-focus-color,.8);
         
     | 
| 
       78 
     | 
    
         
            -
                outline: 0;
         
     | 
| 
       79 
     | 
    
         
            -
                outline: thin dotted \9; /* IE6-9 */
         
     | 
| 
       80 
     | 
    
         
            -
                @include single-transition(border, 0.2s, linear)
         
     | 
| 
       81 
     | 
    
         
            -
              }
         
     | 
| 
       82 
     | 
    
         
            -
            }
         
     | 
| 
       83 
     | 
    
         
            -
             
     | 
| 
       84 
     | 
    
         
            -
            //Input sizes
         
     | 
| 
       85 
     | 
    
         
            -
            .input-mini { 
         
     | 
| 
       86 
     | 
    
         
            -
              width: 16.667%; 
         
     | 
| 
       87 
     | 
    
         
            -
            }
         
     | 
| 
       88 
     | 
    
         
            -
             
     | 
| 
       89 
     | 
    
         
            -
            .input-small { 
         
     | 
| 
       90 
     | 
    
         
            -
              width: 33.34%; 
         
     | 
| 
       91 
     | 
    
         
            -
            }
         
     | 
| 
       92 
     | 
    
         
            -
             
     | 
| 
       93 
     | 
    
         
            -
            .input-medium { 
         
     | 
| 
       94 
     | 
    
         
            -
              width: 50%; 
         
     | 
| 
       95 
     | 
    
         
            -
            }
         
     | 
| 
       96 
     | 
    
         
            -
             
     | 
| 
       97 
     | 
    
         
            -
            .input-large { 
         
     | 
| 
       98 
     | 
    
         
            -
              width: 66.668%; 
         
     | 
| 
       99 
     | 
    
         
            -
            }
         
     | 
| 
       100 
     | 
    
         
            -
             
     | 
| 
       101 
     | 
    
         
            -
            .input-xlarge {
         
     | 
| 
       102 
     | 
    
         
            -
              width: 83.335%; 
         
     | 
| 
       103 
     | 
    
         
            -
            }
         
     | 
| 
       104 
     | 
    
         
            -
             
     | 
| 
       105 
     | 
    
         
            -
            .input-block {
         
     | 
| 
       106 
     | 
    
         
            -
              width: 100%;
         
     | 
| 
       107 
     | 
    
         
            -
            }
         
     | 
| 
       108 
     | 
    
         
            -
             
     | 
| 
       109 
     | 
    
         
            -
            /* Inline Forms */
         
     | 
| 
       110 
     | 
    
         
            -
            /* ------------ */
         
     | 
| 
       111 
     | 
    
         
            -
            .inline-form,
         
     | 
| 
       112 
     | 
    
         
            -
            .horizontal-form {
         
     | 
| 
       113 
     | 
    
         
            -
              input,
         
     | 
| 
       114 
     | 
    
         
            -
              textarea,
         
     | 
| 
       115 
     | 
    
         
            -
              select,
         
     | 
| 
       116 
     | 
    
         
            -
              .form-fields,
         
     | 
| 
       117 
     | 
    
         
            -
              .checkbox-fields {
         
     | 
| 
       118 
     | 
    
         
            -
                display: inline-block;
         
     | 
| 
       119 
     | 
    
         
            -
                margin-bottom: 0;
         
     | 
| 
       120 
     | 
    
         
            -
                vertical-align: middle;
         
     | 
| 
       121 
     | 
    
         
            -
              }
         
     | 
| 
       122 
     | 
    
         
            -
             
     | 
| 
       123 
     | 
    
         
            -
              .form-fields {
         
     | 
| 
       124 
     | 
    
         
            -
                margin-top: 4px;
         
     | 
| 
       125 
     | 
    
         
            -
              }
         
     | 
| 
       126 
     | 
    
         
            -
             
     | 
| 
       127 
     | 
    
         
            -
              label {
         
     | 
| 
       128 
     | 
    
         
            -
                display: inline-block;
         
     | 
| 
       129 
     | 
    
         
            -
              }
         
     | 
| 
       130 
     | 
    
         
            -
             
     | 
| 
       131 
     | 
    
         
            -
              // Re-hide hidden elements due to specifity
         
     | 
| 
       132 
     | 
    
         
            -
              .hide {
         
     | 
| 
       133 
     | 
    
         
            -
                display: none;
         
     | 
| 
       134 
     | 
    
         
            -
              }
         
     | 
| 
       135 
     | 
    
         
            -
            }
         
     | 
| 
       136 
     | 
    
         
            -
             
     | 
| 
       137 
     | 
    
         
            -
            /* Horizontal form */
         
     | 
| 
       138 
     | 
    
         
            -
            /* --------------- */
         
     | 
| 
       139 
     | 
    
         
            -
            .horizontal-form {
         
     | 
| 
       140 
     | 
    
         
            -
              .form-fields {
         
     | 
| 
       141 
     | 
    
         
            -
                display: block;
         
     | 
| 
       142 
     | 
    
         
            -
                margin-bottom: 10px;
         
     | 
| 
       143 
     | 
    
         
            -
             
     | 
| 
       144 
     | 
    
         
            -
                label {
         
     | 
| 
       145 
     | 
    
         
            -
                  width: 160px;
         
     | 
| 
       146 
     | 
    
         
            -
                  margin-right: 20px;
         
     | 
| 
       147 
     | 
    
         
            -
                  text-align: right;
         
     | 
| 
       148 
     | 
    
         
            -
                }
         
     | 
| 
       149 
     | 
    
         
            -
              }
         
     | 
| 
       150 
     | 
    
         
            -
             
     | 
| 
       151 
     | 
    
         
            -
              .form-actions {
         
     | 
| 
       152 
     | 
    
         
            -
                margin-left: 184px;
         
     | 
| 
       153 
     | 
    
         
            -
              }
         
     | 
| 
       154 
     | 
    
         
            -
            }
         
     | 
| 
       155 
     | 
    
         
            -
             
     | 
| 
       156 
     | 
    
         
            -
            /* Centered forms */
         
     | 
| 
       157 
     | 
    
         
            -
            /* -------------- */
         
     | 
| 
       158 
     | 
    
         
            -
            .centered-form {
         
     | 
| 
       159 
     | 
    
         
            -
              @include center-block;
         
     | 
| 
       160 
     | 
    
         
            -
            }
         
     | 
| 
       161 
     | 
    
         
            -
             
     | 
| 
       162 
     | 
    
         
            -
            /* Level up the label on for checkboxes */
         
     | 
| 
       163 
     | 
    
         
            -
            /* ------------------------------------ */
         
     | 
| 
       164 
     | 
    
         
            -
            label.checkbox-label {
         
     | 
| 
       165 
     | 
    
         
            -
              display: inline-block;
         
     | 
| 
       166 
     | 
    
         
            -
              position: relative;
         
     | 
| 
       167 
     | 
    
         
            -
              top: -4px;
         
     | 
| 
       168 
     | 
    
         
            -
              margin-left: 5px;
         
     | 
| 
       169 
     | 
    
         
            -
              margin-right: 5px;
         
     | 
| 
       170 
     | 
    
         
            -
            }
         
     | 
| 
       171 
     | 
    
         
            -
             
     | 
| 
       172 
     | 
    
         
            -
            label.radiobutton-label {
         
     | 
| 
       173 
     | 
    
         
            -
              @extend .checkbox-label;
         
     | 
| 
       174 
     | 
    
         
            -
            }
         
     | 
| 
       175 
     | 
    
         
            -
             
     | 
| 
       176 
     | 
    
         
            -
            label {
         
     | 
| 
       177 
     | 
    
         
            -
              @include touch-callout;
         
     | 
| 
       178 
     | 
    
         
            -
            }
         
     | 
| 
       179 
     | 
    
         
            -
             
     | 
| 
       180 
     | 
    
         
            -
            /* Uneditable inputs */
         
     | 
| 
       181 
     | 
    
         
            -
            /* ----------------- */
         
     | 
| 
       182 
     | 
    
         
            -
             
     | 
| 
       183 
     | 
    
         
            -
            input[disabled],
         
     | 
| 
       184 
     | 
    
         
            -
            textarea[disabled] {
         
     | 
| 
       185 
     | 
    
         
            -
              color: $light-gray;
         
     | 
| 
       186 
     | 
    
         
            -
              cursor: not-allowed;
         
     | 
| 
       187 
     | 
    
         
            -
              overflow: hidden;
         
     | 
| 
       188 
     | 
    
         
            -
              white-space: nowrap;
         
     | 
| 
       189 
     | 
    
         
            -
              background: #EEE;
         
     | 
| 
       190 
     | 
    
         
            -
            }
         
     | 
| 
       191 
     | 
    
         
            -
             
     | 
| 
       192 
     | 
    
         
            -
            /* Input states */
         
     | 
| 
       193 
     | 
    
         
            -
            /* ------------ */
         
     | 
| 
       194 
     | 
    
         
            -
            .form-fields-success{
         
     | 
| 
       195 
     | 
    
         
            -
             
     | 
| 
       196 
     | 
    
         
            -
              .form-fields {
         
     | 
| 
       197 
     | 
    
         
            -
                color: $dark-green;
         
     | 
| 
       198 
     | 
    
         
            -
              }
         
     | 
| 
       199 
     | 
    
         
            -
             
     | 
| 
       200 
     | 
    
         
            -
              textarea,
         
     | 
| 
       201 
     | 
    
         
            -
              input[type="text"],
         
     | 
| 
       202 
     | 
    
         
            -
              input[type="password"],
         
     | 
| 
       203 
     | 
    
         
            -
              input[type="datetime"],
         
     | 
| 
       204 
     | 
    
         
            -
              input[type="datetime-local"],
         
     | 
| 
       205 
     | 
    
         
            -
              input[type="date"],
         
     | 
| 
       206 
     | 
    
         
            -
              input[type="month"],
         
     | 
| 
       207 
     | 
    
         
            -
              input[type="time"],
         
     | 
| 
       208 
     | 
    
         
            -
              input[type="week"],
         
     | 
| 
       209 
     | 
    
         
            -
              input[type="number"],
         
     | 
| 
       210 
     | 
    
         
            -
              input[type="email"],
         
     | 
| 
       211 
     | 
    
         
            -
              input[type="url"],
         
     | 
| 
       212 
     | 
    
         
            -
              input[type="search"],
         
     | 
| 
       213 
     | 
    
         
            -
              input[type="tel"],
         
     | 
| 
       214 
     | 
    
         
            -
              input[type="color"]  {
         
     | 
| 
       215 
     | 
    
         
            -
                color: $dark-green;
         
     | 
| 
       216 
     | 
    
         
            -
                border: 1px solid $dark-green;
         
     | 
| 
       217 
     | 
    
         
            -
              }
         
     | 
| 
       218 
     | 
    
         
            -
            }
         
     | 
| 
       219 
     | 
    
         
            -
            .form-fields-warning{
         
     | 
| 
       220 
     | 
    
         
            -
              .form-fields {
         
     | 
| 
       221 
     | 
    
         
            -
                color: $dark-orange;
         
     | 
| 
       222 
     | 
    
         
            -
              }
         
     | 
| 
       223 
     | 
    
         
            -
              textarea,
         
     | 
| 
       224 
     | 
    
         
            -
              input[type="text"],
         
     | 
| 
       225 
     | 
    
         
            -
              input[type="password"],
         
     | 
| 
       226 
     | 
    
         
            -
              input[type="datetime"],
         
     | 
| 
       227 
     | 
    
         
            -
              input[type="datetime-local"],
         
     | 
| 
       228 
     | 
    
         
            -
              input[type="date"],
         
     | 
| 
       229 
     | 
    
         
            -
              input[type="month"],
         
     | 
| 
       230 
     | 
    
         
            -
              input[type="time"],
         
     | 
| 
       231 
     | 
    
         
            -
              input[type="week"],
         
     | 
| 
       232 
     | 
    
         
            -
              input[type="number"],
         
     | 
| 
       233 
     | 
    
         
            -
              input[type="email"],
         
     | 
| 
       234 
     | 
    
         
            -
              input[type="url"],
         
     | 
| 
       235 
     | 
    
         
            -
              input[type="search"],
         
     | 
| 
       236 
     | 
    
         
            -
              input[type="tel"],
         
     | 
| 
       237 
     | 
    
         
            -
              input[type="color"]  {
         
     | 
| 
       238 
     | 
    
         
            -
                color: $dark-orange;
         
     | 
| 
       239 
     | 
    
         
            -
                border: 1px solid $dark-orange;
         
     | 
| 
       240 
     | 
    
         
            -
              }
         
     | 
| 
       241 
     | 
    
         
            -
            }
         
     | 
| 
       242 
     | 
    
         
            -
            .form-fields-error{
         
     | 
| 
       243 
     | 
    
         
            -
              .form-fields {
         
     | 
| 
       244 
     | 
    
         
            -
                color: $dark-red;
         
     | 
| 
       245 
     | 
    
         
            -
              }
         
     | 
| 
       246 
     | 
    
         
            -
              
         
     | 
| 
       247 
     | 
    
         
            -
               textarea,
         
     | 
| 
       248 
     | 
    
         
            -
              input[type="text"],
         
     | 
| 
       249 
     | 
    
         
            -
              input[type="password"],
         
     | 
| 
       250 
     | 
    
         
            -
              input[type="datetime"],
         
     | 
| 
       251 
     | 
    
         
            -
              input[type="datetime-local"],
         
     | 
| 
       252 
     | 
    
         
            -
              input[type="date"],
         
     | 
| 
       253 
     | 
    
         
            -
              input[type="month"],
         
     | 
| 
       254 
     | 
    
         
            -
              input[type="time"],
         
     | 
| 
       255 
     | 
    
         
            -
              input[type="week"],
         
     | 
| 
       256 
     | 
    
         
            -
              input[type="number"],
         
     | 
| 
       257 
     | 
    
         
            -
              input[type="email"],
         
     | 
| 
       258 
     | 
    
         
            -
              input[type="url"],
         
     | 
| 
       259 
     | 
    
         
            -
              input[type="search"],
         
     | 
| 
       260 
     | 
    
         
            -
              input[type="tel"],
         
     | 
| 
       261 
     | 
    
         
            -
              input[type="color"]  {
         
     | 
| 
       262 
     | 
    
         
            -
                color: $dark-red;
         
     | 
| 
       263 
     | 
    
         
            -
                border: 1px solid $dark-red;
         
     | 
| 
       264 
     | 
    
         
            -
              }
         
     | 
| 
       265 
     | 
    
         
            -
            }
         
     | 
| 
       266 
     | 
    
         
            -
             
     | 
| 
       267 
     | 
    
         
            -
            /* Form controls */
         
     | 
| 
       268 
     | 
    
         
            -
            /* ------------- */
         
     | 
| 
       269 
     | 
    
         
            -
             
     | 
| 
       270 
     | 
    
         
            -
            .form-fields {
         
     | 
| 
       271 
     | 
    
         
            -
              margin: 8px 0;
         
     | 
| 
       272 
     | 
    
         
            -
             
     | 
| 
       273 
     | 
    
         
            -
              .help-hint {
         
     | 
| 
       274 
     | 
    
         
            -
                display: inline-block;
         
     | 
| 
       275 
     | 
    
         
            -
              }
         
     | 
| 
       276 
     | 
    
         
            -
             
     | 
| 
       277 
     | 
    
         
            -
             
     | 
| 
       278 
     | 
    
         
            -
              label {
         
     | 
| 
       279 
     | 
    
         
            -
                font-weight: bold;
         
     | 
| 
       280 
     | 
    
         
            -
              }
         
     | 
| 
       281 
     | 
    
         
            -
            }
         
     | 
| 
       282 
     | 
    
         
            -
             
     | 
| 
       283 
     | 
    
         
            -
            .checkbox-fields {
         
     | 
| 
       284 
     | 
    
         
            -
              vertical-align: middle;
         
     | 
| 
       285 
     | 
    
         
            -
              margin: 8px 0 15px 0;
         
     | 
| 
       286 
     | 
    
         
            -
             
     | 
| 
       287 
     | 
    
         
            -
             
     | 
| 
       288 
     | 
    
         
            -
              input[type="checkbox"] {
         
     | 
| 
       289 
     | 
    
         
            -
                margin-right: 5px;
         
     | 
| 
       290 
     | 
    
         
            -
              }
         
     | 
| 
       291 
     | 
    
         
            -
            }
         
     | 
| 
       292 
     | 
    
         
            -
             
     | 
| 
       293 
     | 
    
         
            -
             
     | 
| 
       294 
     | 
    
         
            -
            @media only screen and (max-width: 768px) {
         
     | 
| 
       295 
     | 
    
         
            -
              .horizontal-form {
         
     | 
| 
       296 
     | 
    
         
            -
                .form-fields {
         
     | 
| 
       297 
     | 
    
         
            -
                  label {
         
     | 
| 
       298 
     | 
    
         
            -
                    display: block;
         
     | 
| 
       299 
     | 
    
         
            -
                    text-align: left;
         
     | 
| 
       300 
     | 
    
         
            -
                  }
         
     | 
| 
       301 
     | 
    
         
            -
                }
         
     | 
| 
       302 
     | 
    
         
            -
             
     | 
| 
       303 
     | 
    
         
            -
                .form-actions {
         
     | 
| 
       304 
     | 
    
         
            -
                  margin-left: 0;
         
     | 
| 
       305 
     | 
    
         
            -
                }
         
     | 
| 
       306 
     | 
    
         
            -
              }
         
     | 
| 
       307 
     | 
    
         
            -
            }
         
     | 
| 
         @@ -1,60 +0,0 @@ 
     | 
|
| 
       1 
     | 
    
         
            -
            /*------------------------------------*\
         
     | 
| 
       2 
     | 
    
         
            -
                $GRID
         
     | 
| 
       3 
     | 
    
         
            -
            \*------------------------------------*/
         
     | 
| 
       4 
     | 
    
         
            -
            /**
         
     | 
| 
       5 
     | 
    
         
            -
             * Grid definition based on the bootstrap grid. 
         
     | 
| 
       6 
     | 
    
         
            -
             * http://twitter.github.io/bootstrap/scaffolding.html#gridSystem
         
     | 
| 
       7 
     | 
    
         
            -
             * 
         
     | 
| 
       8 
     | 
    
         
            -
             * Designed and built @kurenn based
         
     | 
| 
       9 
     | 
    
         
            -
             */
         
     | 
| 
       10 
     | 
    
         
            -
             
     | 
| 
       11 
     | 
    
         
            -
             
     | 
| 
       12 
     | 
    
         
            -
            // Reset utility classes due to specificity
         
     | 
| 
       13 
     | 
    
         
            -
            [class*="col-"].hide,
         
     | 
| 
       14 
     | 
    
         
            -
            .row [class*="col-"].hide {
         
     | 
| 
       15 
     | 
    
         
            -
              display: none;
         
     | 
| 
       16 
     | 
    
         
            -
            }
         
     | 
| 
       17 
     | 
    
         
            -
             
     | 
| 
       18 
     | 
    
         
            -
            [class*="col-"].pull-right,
         
     | 
| 
       19 
     | 
    
         
            -
            .row [class*="col-"].pull-right {
         
     | 
| 
       20 
     | 
    
         
            -
              float: right;
         
     | 
| 
       21 
     | 
    
         
            -
            }
         
     | 
| 
       22 
     | 
    
         
            -
             
     | 
| 
       23 
     | 
    
         
            -
            .row {
         
     | 
| 
       24 
     | 
    
         
            -
              text-rendering: optimizespeed;
         
     | 
| 
       25 
     | 
    
         
            -
              @include clearfix();
         
     | 
| 
       26 
     | 
    
         
            -
             
     | 
| 
       27 
     | 
    
         
            -
              [class*="col-"]:first-child {
         
     | 
| 
       28 
     | 
    
         
            -
                margin-left: 0px;
         
     | 
| 
       29 
     | 
    
         
            -
              }
         
     | 
| 
       30 
     | 
    
         
            -
            }
         
     | 
| 
       31 
     | 
    
         
            -
             
     | 
| 
       32 
     | 
    
         
            -
            .row + .row {
         
     | 
| 
       33 
     | 
    
         
            -
              margin-top: 2px;
         
     | 
| 
       34 
     | 
    
         
            -
            }
         
     | 
| 
       35 
     | 
    
         
            -
             
     | 
| 
       36 
     | 
    
         
            -
            //Borders and paddings are applied inside the div element
         
     | 
| 
       37 
     | 
    
         
            -
            //This prevents the columns to stack by a border or padding
         
     | 
| 
       38 
     | 
    
         
            -
            [class*="col-"] {
         
     | 
| 
       39 
     | 
    
         
            -
              zoom: 1;
         
     | 
| 
       40 
     | 
    
         
            -
              letter-spacing: normal;
         
     | 
| 
       41 
     | 
    
         
            -
              word-spacing: normal;
         
     | 
| 
       42 
     | 
    
         
            -
              vertical-align: top;
         
     | 
| 
       43 
     | 
    
         
            -
              text-rendering: auto;
         
     | 
| 
       44 
     | 
    
         
            -
              float: left;
         
     | 
| 
       45 
     | 
    
         
            -
              padding: 8px;
         
     | 
| 
       46 
     | 
    
         
            -
            }
         
     | 
| 
       47 
     | 
    
         
            -
             
     | 
| 
       48 
     | 
    
         
            -
            @include build-column-grids;
         
     | 
| 
       49 
     | 
    
         
            -
             
     | 
| 
       50 
     | 
    
         
            -
            @media (max-width: 767px) {
         
     | 
| 
       51 
     | 
    
         
            -
              .row > [class *= "col-"] {
         
     | 
| 
       52 
     | 
    
         
            -
                width: 100%;
         
     | 
| 
       53 
     | 
    
         
            -
                margin-left: 0;
         
     | 
| 
       54 
     | 
    
         
            -
                margin-bottom: 2px;
         
     | 
| 
       55 
     | 
    
         
            -
              }
         
     | 
| 
       56 
     | 
    
         
            -
             
     | 
| 
       57 
     | 
    
         
            -
              .container-center {
         
     | 
| 
       58 
     | 
    
         
            -
                width: 95%;
         
     | 
| 
       59 
     | 
    
         
            -
              }
         
     | 
| 
       60 
     | 
    
         
            -
            }
         
     | 
| 
         @@ -1,64 +0,0 @@ 
     | 
|
| 
       1 
     | 
    
         
            -
            /*------------------------------------*\
         
     | 
| 
       2 
     | 
    
         
            -
                $IMAGES
         
     | 
| 
       3 
     | 
    
         
            -
            \*------------------------------------*/
         
     | 
| 
       4 
     | 
    
         
            -
            /**
         
     | 
| 
       5 
     | 
    
         
            -
             * Images definition. 
         
     | 
| 
       6 
     | 
    
         
            -
             * 
         
     | 
| 
       7 
     | 
    
         
            -
             * Designed and built @kurenn  
         
     | 
| 
       8 
     | 
    
         
            -
             */
         
     | 
| 
       9 
     | 
    
         
            -
             
     | 
| 
       10 
     | 
    
         
            -
             
     | 
| 
       11 
     | 
    
         
            -
            .img {
         
     | 
| 
       12 
     | 
    
         
            -
              max-width: 100%;
         
     | 
| 
       13 
     | 
    
         
            -
              height: auto;
         
     | 
| 
       14 
     | 
    
         
            -
              vertical-align: middle;
         
     | 
| 
       15 
     | 
    
         
            -
            }
         
     | 
| 
       16 
     | 
    
         
            -
             
     | 
| 
       17 
     | 
    
         
            -
            .img-block {
         
     | 
| 
       18 
     | 
    
         
            -
              width: 100%;
         
     | 
| 
       19 
     | 
    
         
            -
            }
         
     | 
| 
       20 
     | 
    
         
            -
             
     | 
| 
       21 
     | 
    
         
            -
            .img-hover {
         
     | 
| 
       22 
     | 
    
         
            -
              @include transition(all .4s ease);
         
     | 
| 
       23 
     | 
    
         
            -
              &:hover {
         
     | 
| 
       24 
     | 
    
         
            -
                border: 1px solid rgba($img-border, 1);
         
     | 
| 
       25 
     | 
    
         
            -
              }
         
     | 
| 
       26 
     | 
    
         
            -
            }
         
     | 
| 
       27 
     | 
    
         
            -
             
     | 
| 
       28 
     | 
    
         
            -
            .img-circular {
         
     | 
| 
       29 
     | 
    
         
            -
              @include border-radius(50%);
         
     | 
| 
       30 
     | 
    
         
            -
            }
         
     | 
| 
       31 
     | 
    
         
            -
             
     | 
| 
       32 
     | 
    
         
            -
            .img-well {
         
     | 
| 
       33 
     | 
    
         
            -
              @include border-radius(2%);
         
     | 
| 
       34 
     | 
    
         
            -
            }
         
     | 
| 
       35 
     | 
    
         
            -
             
     | 
| 
       36 
     | 
    
         
            -
            .img-polaroid {
         
     | 
| 
       37 
     | 
    
         
            -
              padding: 4px;
         
     | 
| 
       38 
     | 
    
         
            -
              border: 1px solid rgba(#000, 0.2);
         
     | 
| 
       39 
     | 
    
         
            -
              background: #FFF;
         
     | 
| 
       40 
     | 
    
         
            -
            }
         
     | 
| 
       41 
     | 
    
         
            -
             
     | 
| 
       42 
     | 
    
         
            -
            .img-frame {
         
     | 
| 
       43 
     | 
    
         
            -
              display: inline-block;
         
     | 
| 
       44 
     | 
    
         
            -
              border: 1px solid #ccc;
         
     | 
| 
       45 
     | 
    
         
            -
             
     | 
| 
       46 
     | 
    
         
            -
              img {
         
     | 
| 
       47 
     | 
    
         
            -
                @extend .img;
         
     | 
| 
       48 
     | 
    
         
            -
                margin: 5px;
         
     | 
| 
       49 
     | 
    
         
            -
              }
         
     | 
| 
       50 
     | 
    
         
            -
             
     | 
| 
       51 
     | 
    
         
            -
              &.img-circular {
         
     | 
| 
       52 
     | 
    
         
            -
                img {
         
     | 
| 
       53 
     | 
    
         
            -
                  @extend .img-circular;
         
     | 
| 
       54 
     | 
    
         
            -
                }
         
     | 
| 
       55 
     | 
    
         
            -
              }
         
     | 
| 
       56 
     | 
    
         
            -
             
     | 
| 
       57 
     | 
    
         
            -
              &.img-selected {
         
     | 
| 
       58 
     | 
    
         
            -
                @extend .img-selected;
         
     | 
| 
       59 
     | 
    
         
            -
                img {
         
     | 
| 
       60 
     | 
    
         
            -
                  margin: 0;
         
     | 
| 
       61 
     | 
    
         
            -
                }
         
     | 
| 
       62 
     | 
    
         
            -
              }
         
     | 
| 
       63 
     | 
    
         
            -
             
     | 
| 
       64 
     | 
    
         
            -
            }
         
     |