access-styles 0.1.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 +7 -0
 - data/README.md +5 -0
 - data/Rakefile +34 -0
 - data/app/assets/javascripts/access-styles/data_confirm.js.coffee +36 -0
 - data/app/assets/javascripts/access-styles/forms.js.coffee +13 -0
 - data/app/assets/stylesheets/access-styles/bootstrap.css.scss +63 -0
 - data/app/assets/stylesheets/access-styles/color.css.scss +50 -0
 - data/app/assets/stylesheets/access-styles/foundation.css.scss +0 -0
 - data/app/assets/stylesheets/access-styles/layout.css.scss +60 -0
 - data/app/assets/stylesheets/access-styles/loading-animation.css.scss +182 -0
 - data/app/assets/stylesheets/access-styles/mixins.css.scss +33 -0
 - data/app/assets/stylesheets/access-styles/typography.css.scss +19 -0
 - data/lib/access-styles/engine.rb +4 -0
 - data/lib/access-styles/version.rb +3 -0
 - data/lib/access-styles.rb +2 -0
 - data/test/access_styles_test.rb +7 -0
 - data/test/dummy/README.rdoc +28 -0
 - data/test/dummy/Rakefile +6 -0
 - data/test/dummy/app/assets/javascripts/application.js +13 -0
 - data/test/dummy/app/assets/stylesheets/application.css +15 -0
 - data/test/dummy/app/controllers/application_controller.rb +5 -0
 - data/test/dummy/app/helpers/application_helper.rb +2 -0
 - data/test/dummy/app/views/layouts/application.html.erb +14 -0
 - data/test/dummy/bin/bundle +3 -0
 - data/test/dummy/bin/rails +4 -0
 - data/test/dummy/bin/rake +4 -0
 - data/test/dummy/config/application.rb +23 -0
 - data/test/dummy/config/boot.rb +5 -0
 - data/test/dummy/config/database.yml +25 -0
 - data/test/dummy/config/environment.rb +5 -0
 - data/test/dummy/config/environments/development.rb +37 -0
 - data/test/dummy/config/environments/production.rb +78 -0
 - data/test/dummy/config/environments/test.rb +39 -0
 - data/test/dummy/config/initializers/assets.rb +8 -0
 - data/test/dummy/config/initializers/backtrace_silencers.rb +7 -0
 - data/test/dummy/config/initializers/cookies_serializer.rb +3 -0
 - data/test/dummy/config/initializers/filter_parameter_logging.rb +4 -0
 - data/test/dummy/config/initializers/inflections.rb +16 -0
 - data/test/dummy/config/initializers/mime_types.rb +4 -0
 - data/test/dummy/config/initializers/session_store.rb +3 -0
 - data/test/dummy/config/initializers/wrap_parameters.rb +14 -0
 - data/test/dummy/config/locales/en.yml +23 -0
 - data/test/dummy/config/routes.rb +56 -0
 - data/test/dummy/config/secrets.yml +22 -0
 - data/test/dummy/config.ru +4 -0
 - data/test/dummy/public/404.html +67 -0
 - data/test/dummy/public/422.html +67 -0
 - data/test/dummy/public/500.html +66 -0
 - data/test/dummy/public/favicon.ico +0 -0
 - data/test/integration/navigation_test.rb +10 -0
 - data/test/test_helper.rb +15 -0
 - metadata +180 -0
 
    
        checksums.yaml
    ADDED
    
    | 
         @@ -0,0 +1,7 @@ 
     | 
|
| 
      
 1 
     | 
    
         
            +
            ---
         
     | 
| 
      
 2 
     | 
    
         
            +
            SHA1:
         
     | 
| 
      
 3 
     | 
    
         
            +
              metadata.gz: ca890c2bd4759b8d0c06aa44fcfd0198652e3e9e
         
     | 
| 
      
 4 
     | 
    
         
            +
              data.tar.gz: eb8243f6bb6c598d5d3adbdf370426f37eafea77
         
     | 
| 
      
 5 
     | 
    
         
            +
            SHA512:
         
     | 
| 
      
 6 
     | 
    
         
            +
              metadata.gz: 4205d867628d7de7efa4d0b42009cd6b6284c29bb46dbb75d09e96bee8c4149dc6d621ed1b3999c3821ab62a5cf3b2e3aaf8659a471c481dcc87dd6043af07b7
         
     | 
| 
      
 7 
     | 
    
         
            +
              data.tar.gz: 2bc64bf288422ecd6ff7e43307b5019d82bc9a15fcd324c6d98c6666605d7a1e6bf6dd469a9b9693232902435607a4ef1f201df9fa04f11f6d269495f6b988c2
         
     | 
    
        data/README.md
    ADDED
    
    
    
        data/Rakefile
    ADDED
    
    | 
         @@ -0,0 +1,34 @@ 
     | 
|
| 
      
 1 
     | 
    
         
            +
            begin
         
     | 
| 
      
 2 
     | 
    
         
            +
              require 'bundler/setup'
         
     | 
| 
      
 3 
     | 
    
         
            +
            rescue LoadError
         
     | 
| 
      
 4 
     | 
    
         
            +
              puts 'You must `gem install bundler` and `bundle install` to run rake tasks'
         
     | 
| 
      
 5 
     | 
    
         
            +
            end
         
     | 
| 
      
 6 
     | 
    
         
            +
             
     | 
| 
      
 7 
     | 
    
         
            +
            require 'rdoc/task'
         
     | 
| 
      
 8 
     | 
    
         
            +
             
     | 
| 
      
 9 
     | 
    
         
            +
            RDoc::Task.new(:rdoc) do |rdoc|
         
     | 
| 
      
 10 
     | 
    
         
            +
              rdoc.rdoc_dir = 'rdoc'
         
     | 
| 
      
 11 
     | 
    
         
            +
              rdoc.title    = 'AccessStyles'
         
     | 
| 
      
 12 
     | 
    
         
            +
              rdoc.options << '--line-numbers'
         
     | 
| 
      
 13 
     | 
    
         
            +
              rdoc.rdoc_files.include('README.rdoc')
         
     | 
| 
      
 14 
     | 
    
         
            +
              rdoc.rdoc_files.include('lib/**/*.rb')
         
     | 
| 
      
 15 
     | 
    
         
            +
            end
         
     | 
| 
      
 16 
     | 
    
         
            +
             
     | 
| 
      
 17 
     | 
    
         
            +
            APP_RAKEFILE = File.expand_path("../test/dummy/Rakefile", __FILE__)
         
     | 
| 
      
 18 
     | 
    
         
            +
            load 'rails/tasks/engine.rake'
         
     | 
| 
      
 19 
     | 
    
         
            +
             
     | 
| 
      
 20 
     | 
    
         
            +
             
     | 
| 
      
 21 
     | 
    
         
            +
             
     | 
| 
      
 22 
     | 
    
         
            +
            Bundler::GemHelper.install_tasks
         
     | 
| 
      
 23 
     | 
    
         
            +
             
     | 
| 
      
 24 
     | 
    
         
            +
            require 'rake/testtask'
         
     | 
| 
      
 25 
     | 
    
         
            +
             
     | 
| 
      
 26 
     | 
    
         
            +
            Rake::TestTask.new(:test) do |t|
         
     | 
| 
      
 27 
     | 
    
         
            +
              t.libs << 'lib'
         
     | 
| 
      
 28 
     | 
    
         
            +
              t.libs << 'test'
         
     | 
| 
      
 29 
     | 
    
         
            +
              t.pattern = 'test/**/*_test.rb'
         
     | 
| 
      
 30 
     | 
    
         
            +
              t.verbose = false
         
     | 
| 
      
 31 
     | 
    
         
            +
            end
         
     | 
| 
      
 32 
     | 
    
         
            +
             
     | 
| 
      
 33 
     | 
    
         
            +
             
     | 
| 
      
 34 
     | 
    
         
            +
            task default: :test
         
     | 
| 
         @@ -0,0 +1,36 @@ 
     | 
|
| 
      
 1 
     | 
    
         
            +
            $.rails.allowAction = (link) ->
         
     | 
| 
      
 2 
     | 
    
         
            +
              return true unless link.attr('data-confirm')
         
     | 
| 
      
 3 
     | 
    
         
            +
              $.rails.showConfirmDialog(link) # look bellow for implementations
         
     | 
| 
      
 4 
     | 
    
         
            +
              false # always stops the action since code runs asynchronously
         
     | 
| 
      
 5 
     | 
    
         
            +
             
     | 
| 
      
 6 
     | 
    
         
            +
            $.rails.confirmed = (link) ->
         
     | 
| 
      
 7 
     | 
    
         
            +
              link.removeAttr('data-confirm')
         
     | 
| 
      
 8 
     | 
    
         
            +
              link.trigger('click.rails')
         
     | 
| 
      
 9 
     | 
    
         
            +
             
     | 
| 
      
 10 
     | 
    
         
            +
            $.rails.showConfirmDialog = (link) ->
         
     | 
| 
      
 11 
     | 
    
         
            +
              message = link.attr 'data-confirm'
         
     | 
| 
      
 12 
     | 
    
         
            +
              confirm_text = link.attr 'data-confirm-text'
         
     | 
| 
      
 13 
     | 
    
         
            +
              confirm_text = "Ok" unless confirm_text
         
     | 
| 
      
 14 
     | 
    
         
            +
              cancel_text = link.attr 'data-cancel-text'
         
     | 
| 
      
 15 
     | 
    
         
            +
              cancel_text = "Cancel" unless cancel_text
         
     | 
| 
      
 16 
     | 
    
         
            +
             
     | 
| 
      
 17 
     | 
    
         
            +
              html =  """
         
     | 
| 
      
 18 
     | 
    
         
            +
                      <div class="modal" id="confirmationDialog">
         
     | 
| 
      
 19 
     | 
    
         
            +
                        <div class="modal-dialog">
         
     | 
| 
      
 20 
     | 
    
         
            +
                          <div class="modal-content">
         
     | 
| 
      
 21 
     | 
    
         
            +
                            <p class='pad-10 text-right'><a class="close" data-dismiss="modal">×</a></p>
         
     | 
| 
      
 22 
     | 
    
         
            +
                            <div class="modal-body text-center">
         
     | 
| 
      
 23 
     | 
    
         
            +
                              #{message}
         
     | 
| 
      
 24 
     | 
    
         
            +
                            </div>
         
     | 
| 
      
 25 
     | 
    
         
            +
                            <div class="modal-footer">
         
     | 
| 
      
 26 
     | 
    
         
            +
                              <p class='text-center'>
         
     | 
| 
      
 27 
     | 
    
         
            +
                                <a data-dismiss="modal" class="btn btn-default">#{cancel_text}</a>
         
     | 
| 
      
 28 
     | 
    
         
            +
                                <a data-dismiss="modal" class="btn btn-success confirm">#{confirm_text}</a>
         
     | 
| 
      
 29 
     | 
    
         
            +
                              </p>
         
     | 
| 
      
 30 
     | 
    
         
            +
                            </div>
         
     | 
| 
      
 31 
     | 
    
         
            +
                          </div>
         
     | 
| 
      
 32 
     | 
    
         
            +
                        </div>
         
     | 
| 
      
 33 
     | 
    
         
            +
                      </div>
         
     | 
| 
      
 34 
     | 
    
         
            +
                      """
         
     | 
| 
      
 35 
     | 
    
         
            +
              $(html).modal()
         
     | 
| 
      
 36 
     | 
    
         
            +
              $('#confirmationDialog .confirm').on 'click', -> $.rails.confirmed(link)
         
     | 
| 
         @@ -0,0 +1,13 @@ 
     | 
|
| 
      
 1 
     | 
    
         
            +
            $ ->
         
     | 
| 
      
 2 
     | 
    
         
            +
              $(".show-password").focus ->
         
     | 
| 
      
 3 
     | 
    
         
            +
                $(".show-password").each (index, input) ->
         
     | 
| 
      
 4 
     | 
    
         
            +
                  $input = $(input)
         
     | 
| 
      
 5 
     | 
    
         
            +
                  $('.show-password-label').remove()
         
     | 
| 
      
 6 
     | 
    
         
            +
                  $("<label class=\"show-password-label margin-top-10  medium\"/>").append($("<input type='checkbox' class='show-passwordcheckbox' />").click(->
         
     | 
| 
      
 7 
     | 
    
         
            +
                    change = (if $(this).is(":checked") then "text" else "password")
         
     | 
| 
      
 8 
     | 
    
         
            +
                    rep = $("<input type='" + change + "' />").attr("id", $input.attr("id")).attr("name", $input.attr("name")).attr("class", $input.attr("class")).val($input.val()).insertBefore($input)
         
     | 
| 
      
 9 
     | 
    
         
            +
                    $input.remove()
         
     | 
| 
      
 10 
     | 
    
         
            +
                    $input = rep
         
     | 
| 
      
 11 
     | 
    
         
            +
                  )).append($("<span/>").html("<span class='margin-left-5'>Show password</span>")).insertAfter $input
         
     | 
| 
      
 12 
     | 
    
         
            +
              $("abbr[title]").attr('title': "Required").tooltip title: "Required", placement: "left"
         
     | 
| 
      
 13 
     | 
    
         
            +
             
     | 
| 
         @@ -0,0 +1,63 @@ 
     | 
|
| 
      
 1 
     | 
    
         
            +
            $brand-primary:       $blue;
         
     | 
| 
      
 2 
     | 
    
         
            +
            $brand-success:       $green;
         
     | 
| 
      
 3 
     | 
    
         
            +
            $brand-info:          $sky-blue;
         
     | 
| 
      
 4 
     | 
    
         
            +
            $brand-warning:       $yellow;
         
     | 
| 
      
 5 
     | 
    
         
            +
            $brand-danger:        $red;
         
     | 
| 
      
 6 
     | 
    
         
            +
             
     | 
| 
      
 7 
     | 
    
         
            +
            // $tooltip-bg: $brand-danger;
         
     | 
| 
      
 8 
     | 
    
         
            +
            // $headings-font-family: "bebas-neue";
         
     | 
| 
      
 9 
     | 
    
         
            +
            // $font-family-base:     "proxima-nova";
         
     | 
| 
      
 10 
     | 
    
         
            +
             
     | 
| 
      
 11 
     | 
    
         
            +
            // $modal-backdrop-opacity: 0.7;
         
     | 
| 
      
 12 
     | 
    
         
            +
             
     | 
| 
      
 13 
     | 
    
         
            +
            // $state-success-text:    "";
         
     | 
| 
      
 14 
     | 
    
         
            +
            // $state-success-bg:      $brand-success;
         
     | 
| 
      
 15 
     | 
    
         
            +
            // $state-success-border:  "";
         
     | 
| 
      
 16 
     | 
    
         
            +
            // $state-info-text:       "";
         
     | 
| 
      
 17 
     | 
    
         
            +
            // $state-info-bg:         $brand-info;
         
     | 
| 
      
 18 
     | 
    
         
            +
            // $state-info-border:     "";
         
     | 
| 
      
 19 
     | 
    
         
            +
            // $state-warning-text:    "";
         
     | 
| 
      
 20 
     | 
    
         
            +
            // $state-warning-bg:      $brand-warning;
         
     | 
| 
      
 21 
     | 
    
         
            +
            // $state-warning-border:  "";
         
     | 
| 
      
 22 
     | 
    
         
            +
            // $state-danger-text:     $gray-darker;
         
     | 
| 
      
 23 
     | 
    
         
            +
            // $state-danger-bg:       $lighter-red;
         
     | 
| 
      
 24 
     | 
    
         
            +
            // $state-danger-border:   "";
         
     | 
| 
      
 25 
     | 
    
         
            +
             
     | 
| 
      
 26 
     | 
    
         
            +
            // $navbar-height: "";
         
     | 
| 
      
 27 
     | 
    
         
            +
            // $navbar-margin-bottom: "";
         
     | 
| 
      
 28 
     | 
    
         
            +
            // $navbar-border-radius: 0;
         
     | 
| 
      
 29 
     | 
    
         
            +
            // $navbar-padding-horizontal: "";
         
     | 
| 
      
 30 
     | 
    
         
            +
            // $navbar-padding-vertical: "";
         
     | 
| 
      
 31 
     | 
    
         
            +
            // $navbar-collapse-max-height: "";
         
     | 
| 
      
 32 
     | 
    
         
            +
            // $navbar-default-color: "";
         
     | 
| 
      
 33 
     | 
    
         
            +
            // $navbar-default-bg: $blue;
         
     | 
| 
      
 34 
     | 
    
         
            +
            // $navbar-default-border: "";
         
     | 
| 
      
 35 
     | 
    
         
            +
            // $navbar-default-link-color: $white;
         
     | 
| 
      
 36 
     | 
    
         
            +
            // $navbar-default-link-hover-color: $sky-blue;
         
     | 
| 
      
 37 
     | 
    
         
            +
            // $navbar-default-link-hover-bg: "";
         
     | 
| 
      
 38 
     | 
    
         
            +
            // $navbar-default-link-active-color: "";
         
     | 
| 
      
 39 
     | 
    
         
            +
            // $navbar-default-link-active-bg: "";
         
     | 
| 
      
 40 
     | 
    
         
            +
            // $navbar-default-link-disabled-color: "";
         
     | 
| 
      
 41 
     | 
    
         
            +
            // $navbar-default-link-disabled-bg: "";
         
     | 
| 
      
 42 
     | 
    
         
            +
            // $navbar-default-brand-color: $white;
         
     | 
| 
      
 43 
     | 
    
         
            +
            // $navbar-default-brand-hover-color: "";
         
     | 
| 
      
 44 
     | 
    
         
            +
            // $navbar-default-brand-hover-bg: "";
         
     | 
| 
      
 45 
     | 
    
         
            +
            // $navbar-default-toggle-hover-bg: "";
         
     | 
| 
      
 46 
     | 
    
         
            +
            // $navbar-default-toggle-icon-bar-bg: "";
         
     | 
| 
      
 47 
     | 
    
         
            +
            // $navbar-default-toggle-border-color: "";
         
     | 
| 
      
 48 
     | 
    
         
            +
            // $navbar-inverse-color: "";
         
     | 
| 
      
 49 
     | 
    
         
            +
            // $navbar-inverse-bg: "";
         
     | 
| 
      
 50 
     | 
    
         
            +
            // $navbar-inverse-border: "";
         
     | 
| 
      
 51 
     | 
    
         
            +
            // $navbar-inverse-link-color: "";
         
     | 
| 
      
 52 
     | 
    
         
            +
            // $navbar-inverse-link-hover-color: "";
         
     | 
| 
      
 53 
     | 
    
         
            +
            // $navbar-inverse-link-hover-bg: "";
         
     | 
| 
      
 54 
     | 
    
         
            +
            // $navbar-inverse-link-active-color: "";
         
     | 
| 
      
 55 
     | 
    
         
            +
            // $navbar-inverse-link-active-bg: "";
         
     | 
| 
      
 56 
     | 
    
         
            +
            // $navbar-inverse-link-disabled-color: "";
         
     | 
| 
      
 57 
     | 
    
         
            +
            // $navbar-inverse-link-disabled-bg: "";
         
     | 
| 
      
 58 
     | 
    
         
            +
            // $navbar-inverse-brand-color: "";
         
     | 
| 
      
 59 
     | 
    
         
            +
            // $navbar-inverse-brand-hover-color: "";
         
     | 
| 
      
 60 
     | 
    
         
            +
            // $navbar-inverse-brand-hover-bg: "";
         
     | 
| 
      
 61 
     | 
    
         
            +
            // $navbar-inverse-toggle-hover-bg: "";
         
     | 
| 
      
 62 
     | 
    
         
            +
            // $navbar-inverse-toggle-icon-bar-bg: "";
         
     | 
| 
      
 63 
     | 
    
         
            +
            // $navbar-inverse-toggle-border-color: "";
         
     | 
| 
         @@ -0,0 +1,50 @@ 
     | 
|
| 
      
 1 
     | 
    
         
            +
            // * * * * * * * * * * * * * * * * * * * * * * * * * * VARIALBES
         
     | 
| 
      
 2 
     | 
    
         
            +
            $red:            #e54729;
         
     | 
| 
      
 3 
     | 
    
         
            +
            $sky-blue:       invert($red);
         
     | 
| 
      
 4 
     | 
    
         
            +
            $blue:           #002e62;
         
     | 
| 
      
 5 
     | 
    
         
            +
            $yellow:         #ffcc00;
         
     | 
| 
      
 6 
     | 
    
         
            +
            $green:          lighten(#55a602,8.5%);
         
     | 
| 
      
 7 
     | 
    
         
            +
             
     | 
| 
      
 8 
     | 
    
         
            +
            $black:          #000;
         
     | 
| 
      
 9 
     | 
    
         
            +
            $white:          #fff;
         
     | 
| 
      
 10 
     | 
    
         
            +
            $mid-tone:       #9ea7ad;
         
     | 
| 
      
 11 
     | 
    
         
            +
            $lighter-tone:   lighten($mid-tone, 30%);
         
     | 
| 
      
 12 
     | 
    
         
            +
            $light-tone:     lighten($mid-tone, 15%);
         
     | 
| 
      
 13 
     | 
    
         
            +
            $dark-tone:      darken($mid-tone, 30%);
         
     | 
| 
      
 14 
     | 
    
         
            +
            $darker-tone:    darken($mid-tone, 45%);
         
     | 
| 
      
 15 
     | 
    
         
            +
             
     | 
| 
      
 16 
     | 
    
         
            +
             
     | 
| 
      
 17 
     | 
    
         
            +
             
     | 
| 
      
 18 
     | 
    
         
            +
             
     | 
| 
      
 19 
     | 
    
         
            +
            // * * * * * * * * * * * * * * * * * * * * * * * * * * COLOR HELPERS
         
     | 
| 
      
 20 
     | 
    
         
            +
            .bg-red{background: $red;}
         
     | 
| 
      
 21 
     | 
    
         
            +
            .bg-sky-blue{background: $sky-blue;}
         
     | 
| 
      
 22 
     | 
    
         
            +
            .bg-blue{background: $blue;}
         
     | 
| 
      
 23 
     | 
    
         
            +
            .bg-yellow{background: $yellow;}
         
     | 
| 
      
 24 
     | 
    
         
            +
            .bg-green{background: $green;}
         
     | 
| 
      
 25 
     | 
    
         
            +
             
     | 
| 
      
 26 
     | 
    
         
            +
            .text-red{color: $red;}
         
     | 
| 
      
 27 
     | 
    
         
            +
            .text-sky-blue{color: $sky-blue;}
         
     | 
| 
      
 28 
     | 
    
         
            +
            .text-blue{color: $blue;}
         
     | 
| 
      
 29 
     | 
    
         
            +
            .text-yellow{color: $yellow;}
         
     | 
| 
      
 30 
     | 
    
         
            +
            .text-green{color: $green;}
         
     | 
| 
      
 31 
     | 
    
         
            +
             
     | 
| 
      
 32 
     | 
    
         
            +
             
     | 
| 
      
 33 
     | 
    
         
            +
             
     | 
| 
      
 34 
     | 
    
         
            +
             
     | 
| 
      
 35 
     | 
    
         
            +
            // * * * * * * * * * * * * * * * * * * * * * * * * * * TONE HELPERS
         
     | 
| 
      
 36 
     | 
    
         
            +
            .bg-white{background: $white;}
         
     | 
| 
      
 37 
     | 
    
         
            +
            .bg-black{background: $black;}
         
     | 
| 
      
 38 
     | 
    
         
            +
            .bg-lighter-tone{background: $lighter-tone;}
         
     | 
| 
      
 39 
     | 
    
         
            +
            .bg-light-tone{background: $light-tone;}
         
     | 
| 
      
 40 
     | 
    
         
            +
            .bg-mid-tone{background: $mid-tone;}
         
     | 
| 
      
 41 
     | 
    
         
            +
            .bg-dark-tone{background: $dark-tone;}
         
     | 
| 
      
 42 
     | 
    
         
            +
            .bg-darker-tone{background: $darker-tone;}
         
     | 
| 
      
 43 
     | 
    
         
            +
             
     | 
| 
      
 44 
     | 
    
         
            +
            .text-white{color: $white;}
         
     | 
| 
      
 45 
     | 
    
         
            +
            .text-black{color: $black;}
         
     | 
| 
      
 46 
     | 
    
         
            +
            .text-lighter-tone{color: $lighter-tone;}
         
     | 
| 
      
 47 
     | 
    
         
            +
            .text-light-tone{color: $light-tone;}
         
     | 
| 
      
 48 
     | 
    
         
            +
            .text-mid-tone{color: $mid-tone;}
         
     | 
| 
      
 49 
     | 
    
         
            +
            .text-dark-tone{color: $dark-tone;}
         
     | 
| 
      
 50 
     | 
    
         
            +
            .text-darker-tone{color: $darker-tone;}
         
     | 
| 
         
            File without changes
         
     | 
| 
         @@ -0,0 +1,60 @@ 
     | 
|
| 
      
 1 
     | 
    
         
            +
            .section-xl {margin: 100px 0}
         
     | 
| 
      
 2 
     | 
    
         
            +
            .section-l {margin: 80px 0}
         
     | 
| 
      
 3 
     | 
    
         
            +
            .section-m {margin: 40px 0}
         
     | 
| 
      
 4 
     | 
    
         
            +
            .section-s {margin: 20px 0}
         
     | 
| 
      
 5 
     | 
    
         
            +
             
     | 
| 
      
 6 
     | 
    
         
            +
            @for $i from 0 to 31 {
         
     | 
| 
      
 7 
     | 
    
         
            +
              $multiplier: $i * 5;
         
     | 
| 
      
 8 
     | 
    
         
            +
              .pad-#{$multiplier} {
         
     | 
| 
      
 9 
     | 
    
         
            +
                padding: #{$multiplier}px;
         
     | 
| 
      
 10 
     | 
    
         
            +
              }
         
     | 
| 
      
 11 
     | 
    
         
            +
              .pad-horizontal-#{$multiplier} {
         
     | 
| 
      
 12 
     | 
    
         
            +
                padding-left: #{$multiplier}px;
         
     | 
| 
      
 13 
     | 
    
         
            +
                padding-right: #{$multiplier}px;
         
     | 
| 
      
 14 
     | 
    
         
            +
              }
         
     | 
| 
      
 15 
     | 
    
         
            +
              .pad-vertical-#{$multiplier} {
         
     | 
| 
      
 16 
     | 
    
         
            +
                padding-top: #{$multiplier}px;
         
     | 
| 
      
 17 
     | 
    
         
            +
                padding-bottom: #{$multiplier}px;
         
     | 
| 
      
 18 
     | 
    
         
            +
              }
         
     | 
| 
      
 19 
     | 
    
         
            +
              .pad-top-#{$multiplier} {
         
     | 
| 
      
 20 
     | 
    
         
            +
                padding-top: #{$multiplier}px;
         
     | 
| 
      
 21 
     | 
    
         
            +
              }
         
     | 
| 
      
 22 
     | 
    
         
            +
              .pad-bottom-#{$multiplier} {
         
     | 
| 
      
 23 
     | 
    
         
            +
                padding-bottom: #{$multiplier}px;
         
     | 
| 
      
 24 
     | 
    
         
            +
              }
         
     | 
| 
      
 25 
     | 
    
         
            +
              .pad-left-#{$multiplier} {
         
     | 
| 
      
 26 
     | 
    
         
            +
                padding-left: #{$multiplier}px;
         
     | 
| 
      
 27 
     | 
    
         
            +
              }
         
     | 
| 
      
 28 
     | 
    
         
            +
              .pad-right-#{$multiplier} {
         
     | 
| 
      
 29 
     | 
    
         
            +
                padding-right: #{$multiplier}px;
         
     | 
| 
      
 30 
     | 
    
         
            +
              }
         
     | 
| 
      
 31 
     | 
    
         
            +
              .margin-#{$multiplier} {
         
     | 
| 
      
 32 
     | 
    
         
            +
                margin: #{$multiplier}px;
         
     | 
| 
      
 33 
     | 
    
         
            +
              }
         
     | 
| 
      
 34 
     | 
    
         
            +
              .margin-horizontal-#{$multiplier} {
         
     | 
| 
      
 35 
     | 
    
         
            +
                margin-left: #{$multiplier}px;
         
     | 
| 
      
 36 
     | 
    
         
            +
                margin-right: #{$multiplier}px;
         
     | 
| 
      
 37 
     | 
    
         
            +
              }
         
     | 
| 
      
 38 
     | 
    
         
            +
              .margin-vertical-#{$multiplier} {
         
     | 
| 
      
 39 
     | 
    
         
            +
                margin-top: #{$multiplier}px;
         
     | 
| 
      
 40 
     | 
    
         
            +
                margin-bottom: #{$multiplier}px;
         
     | 
| 
      
 41 
     | 
    
         
            +
              }
         
     | 
| 
      
 42 
     | 
    
         
            +
              .margin-top-#{$multiplier} {
         
     | 
| 
      
 43 
     | 
    
         
            +
                margin-top: #{$multiplier}px;
         
     | 
| 
      
 44 
     | 
    
         
            +
              }
         
     | 
| 
      
 45 
     | 
    
         
            +
              .margin-left-#{$multiplier} {
         
     | 
| 
      
 46 
     | 
    
         
            +
                margin-left: #{$multiplier}px;
         
     | 
| 
      
 47 
     | 
    
         
            +
              }
         
     | 
| 
      
 48 
     | 
    
         
            +
              .margin-right-#{$multiplier} {
         
     | 
| 
      
 49 
     | 
    
         
            +
                margin-right: #{$multiplier}px;
         
     | 
| 
      
 50 
     | 
    
         
            +
              }
         
     | 
| 
      
 51 
     | 
    
         
            +
              .margin-bottom-#{$multiplier} {
         
     | 
| 
      
 52 
     | 
    
         
            +
                margin-bottom: #{$multiplier}px;
         
     | 
| 
      
 53 
     | 
    
         
            +
              }
         
     | 
| 
      
 54 
     | 
    
         
            +
              .negative-top-#{$multiplier} {
         
     | 
| 
      
 55 
     | 
    
         
            +
                margin-top: -#{$multiplier}px !important;
         
     | 
| 
      
 56 
     | 
    
         
            +
              }
         
     | 
| 
      
 57 
     | 
    
         
            +
              .negative-bottom-#{$multiplier} {
         
     | 
| 
      
 58 
     | 
    
         
            +
                margin-bottom: -#{$multiplier}px !important;
         
     | 
| 
      
 59 
     | 
    
         
            +
              }
         
     | 
| 
      
 60 
     | 
    
         
            +
            }
         
     | 
| 
         @@ -0,0 +1,182 @@ 
     | 
|
| 
      
 1 
     | 
    
         
            +
             
     | 
| 
      
 2 
     | 
    
         
            +
            .loading-animation{
         
     | 
| 
      
 3 
     | 
    
         
            +
              position:relative;
         
     | 
| 
      
 4 
     | 
    
         
            +
              padding-top:25px;
         
     | 
| 
      
 5 
     | 
    
         
            +
              padding-bottom: 25px;
         
     | 
| 
      
 6 
     | 
    
         
            +
              right:0;
         
     | 
| 
      
 7 
     | 
    
         
            +
              bottom:0;
         
     | 
| 
      
 8 
     | 
    
         
            +
              background:#002e62;
         
     | 
| 
      
 9 
     | 
    
         
            +
            }
         
     | 
| 
      
 10 
     | 
    
         
            +
             
     | 
| 
      
 11 
     | 
    
         
            +
            .first_div{
         
     | 
| 
      
 12 
     | 
    
         
            +
              background-color:#e2e2e2;
         
     | 
| 
      
 13 
     | 
    
         
            +
              width:200px; height:200px;
         
     | 
| 
      
 14 
     | 
    
         
            +
              padding: 10px;
         
     | 
| 
      
 15 
     | 
    
         
            +
              border-radius:50%;
         
     | 
| 
      
 16 
     | 
    
         
            +
              -webkit-animation: anim 0.7s 1 ease;
         
     | 
| 
      
 17 
     | 
    
         
            +
              -moz-animation: anim 0.7s 1 ease;
         
     | 
| 
      
 18 
     | 
    
         
            +
              -ms-animation: anim 0.7s 1 ease;
         
     | 
| 
      
 19 
     | 
    
         
            +
              animation: anim 0.7s 1 ease;
         
     | 
| 
      
 20 
     | 
    
         
            +
            }
         
     | 
| 
      
 21 
     | 
    
         
            +
             
     | 
| 
      
 22 
     | 
    
         
            +
            .second_div{
         
     | 
| 
      
 23 
     | 
    
         
            +
              width:198px; height:198px;
         
     | 
| 
      
 24 
     | 
    
         
            +
              border:1px solid #4597df;
         
     | 
| 
      
 25 
     | 
    
         
            +
              border-radius:50%;
         
     | 
| 
      
 26 
     | 
    
         
            +
              -webkit-animation:anim 1s 1 ease;
         
     | 
| 
      
 27 
     | 
    
         
            +
              -moz-animation:anim 1s 1 ease;
         
     | 
| 
      
 28 
     | 
    
         
            +
              -ms-animation:anim 1s 1 ease;
         
     | 
| 
      
 29 
     | 
    
         
            +
              animation:anim 1s 1 ease;
         
     | 
| 
      
 30 
     | 
    
         
            +
            }
         
     | 
| 
      
 31 
     | 
    
         
            +
             
     | 
| 
      
 32 
     | 
    
         
            +
            .img_div{
         
     | 
| 
      
 33 
     | 
    
         
            +
              position: relative;
         
     | 
| 
      
 34 
     | 
    
         
            +
              bottom: 10px;
         
     | 
| 
      
 35 
     | 
    
         
            +
              width:200px;
         
     | 
| 
      
 36 
     | 
    
         
            +
              height:200px;
         
     | 
| 
      
 37 
     | 
    
         
            +
              -webkit-animation:animuser 1s 1 ease;
         
     | 
| 
      
 38 
     | 
    
         
            +
              -moz-animation:animuser 1s 1 ease;
         
     | 
| 
      
 39 
     | 
    
         
            +
              -ms-animation:animuser 1s 1 ease;
         
     | 
| 
      
 40 
     | 
    
         
            +
              animation:animuser 1s 1 ease;
         
     | 
| 
      
 41 
     | 
    
         
            +
            }
         
     | 
| 
      
 42 
     | 
    
         
            +
             
     | 
| 
      
 43 
     | 
    
         
            +
            .txt_welcome{
         
     | 
| 
      
 44 
     | 
    
         
            +
              font-family:'Roboto';
         
     | 
| 
      
 45 
     | 
    
         
            +
              font-size: 46px;
         
     | 
| 
      
 46 
     | 
    
         
            +
              font-weight: 300;
         
     | 
| 
      
 47 
     | 
    
         
            +
              color: #ffffff;
         
     | 
| 
      
 48 
     | 
    
         
            +
              padding-top: 25px;
         
     | 
| 
      
 49 
     | 
    
         
            +
              -webkit-animation: animwelcome 1.7s 1 ease-in;
         
     | 
| 
      
 50 
     | 
    
         
            +
              -moz-animation: animwelcome 1.7s 1 ease-in;
         
     | 
| 
      
 51 
     | 
    
         
            +
              -ms-animation: animwelcome 1.7s 1 ease-in;
         
     | 
| 
      
 52 
     | 
    
         
            +
              animation: animwelcome 1.7s 1 ease-in;
         
     | 
| 
      
 53 
     | 
    
         
            +
            }
         
     | 
| 
      
 54 
     | 
    
         
            +
             
     | 
| 
      
 55 
     | 
    
         
            +
            .txt_user{
         
     | 
| 
      
 56 
     | 
    
         
            +
              font-family:'Roboto';
         
     | 
| 
      
 57 
     | 
    
         
            +
              font-size: 22px;
         
     | 
| 
      
 58 
     | 
    
         
            +
              font-weight: 100;
         
     | 
| 
      
 59 
     | 
    
         
            +
              color: #ffffff;
         
     | 
| 
      
 60 
     | 
    
         
            +
              -webkit-animation: animuser 1.9s 1 ease-in;
         
     | 
| 
      
 61 
     | 
    
         
            +
              -moz-animation: animuser 1.9s 1 ease-in;
         
     | 
| 
      
 62 
     | 
    
         
            +
              -ms-animation: animuser 1.9s 1 ease-in;
         
     | 
| 
      
 63 
     | 
    
         
            +
              animation: animuser 1.9s 1 ease-in;
         
     | 
| 
      
 64 
     | 
    
         
            +
            }
         
     | 
| 
      
 65 
     | 
    
         
            +
             
     | 
| 
      
 66 
     | 
    
         
            +
            .first_circle{
         
     | 
| 
      
 67 
     | 
    
         
            +
              width: 220px; height: 220px; border-radius:50%;
         
     | 
| 
      
 68 
     | 
    
         
            +
              padding: 10px; margin-top: -12px;
         
     | 
| 
      
 69 
     | 
    
         
            +
              position: absolute; left: 50%; margin-left: -122px;
         
     | 
| 
      
 70 
     | 
    
         
            +
              border-top:2px solid $red;
         
     | 
| 
      
 71 
     | 
    
         
            +
              border-right:2px solid $red;
         
     | 
| 
      
 72 
     | 
    
         
            +
              border-bottom:2px solid $red;
         
     | 
| 
      
 73 
     | 
    
         
            +
              border-left:2px solid #ffffff;
         
     | 
| 
      
 74 
     | 
    
         
            +
              -webkit-animation:anim_wifeo 1.4s infinite linear;
         
     | 
| 
      
 75 
     | 
    
         
            +
              -moz-animation:anim_wifeo 1.4s infinite linear;
         
     | 
| 
      
 76 
     | 
    
         
            +
              -ms-animation:anim_wifeo 1.4s infinite linear;
         
     | 
| 
      
 77 
     | 
    
         
            +
              animation:anim_wifeo 1.4s infinite linear;
         
     | 
| 
      
 78 
     | 
    
         
            +
            }
         
     | 
| 
      
 79 
     | 
    
         
            +
             
     | 
| 
      
 80 
     | 
    
         
            +
            @-webkit-keyframes anim{
         
     | 
| 
      
 81 
     | 
    
         
            +
              0%{-webkit-transform:scale(0);}
         
     | 
| 
      
 82 
     | 
    
         
            +
              50%{-webkit-transform:scale(1.7);}
         
     | 
| 
      
 83 
     | 
    
         
            +
              100%{-webkit-transform:scale(1);}
         
     | 
| 
      
 84 
     | 
    
         
            +
            }
         
     | 
| 
      
 85 
     | 
    
         
            +
             
     | 
| 
      
 86 
     | 
    
         
            +
            @-moz-keyframes anim{
         
     | 
| 
      
 87 
     | 
    
         
            +
              0%{-moz-transform:scale(0);}
         
     | 
| 
      
 88 
     | 
    
         
            +
              50%{-moz-transform:scale(1.7);}
         
     | 
| 
      
 89 
     | 
    
         
            +
              100%{-moz-transform:scale(1);}
         
     | 
| 
      
 90 
     | 
    
         
            +
            }
         
     | 
| 
      
 91 
     | 
    
         
            +
             
     | 
| 
      
 92 
     | 
    
         
            +
            @-ms-keyframes anim{
         
     | 
| 
      
 93 
     | 
    
         
            +
              0%{-ms-transform:scale(0);}
         
     | 
| 
      
 94 
     | 
    
         
            +
              50%{-ms-transform:scale(1.7);}
         
     | 
| 
      
 95 
     | 
    
         
            +
              100%{-ms-transform:scale(1);}
         
     | 
| 
      
 96 
     | 
    
         
            +
            }
         
     | 
| 
      
 97 
     | 
    
         
            +
             
     | 
| 
      
 98 
     | 
    
         
            +
            @keyframes anim{
         
     | 
| 
      
 99 
     | 
    
         
            +
              0%{transform:scale(0);}
         
     | 
| 
      
 100 
     | 
    
         
            +
              50%{transform:scale(1.7);}
         
     | 
| 
      
 101 
     | 
    
         
            +
              100%{transform:scale(1);}
         
     | 
| 
      
 102 
     | 
    
         
            +
            }
         
     | 
| 
      
 103 
     | 
    
         
            +
             
     | 
| 
      
 104 
     | 
    
         
            +
            @-webkit-keyframes animwelcome{
         
     | 
| 
      
 105 
     | 
    
         
            +
              0%{-webkit-transform:scale(0);}
         
     | 
| 
      
 106 
     | 
    
         
            +
              50%{-webkit-transform:scale(0);}
         
     | 
| 
      
 107 
     | 
    
         
            +
              75%{-webkit-transform:scale(1.4);}
         
     | 
| 
      
 108 
     | 
    
         
            +
              100%{-webkit-transform:scale(1);}
         
     | 
| 
      
 109 
     | 
    
         
            +
            }
         
     | 
| 
      
 110 
     | 
    
         
            +
             
     | 
| 
      
 111 
     | 
    
         
            +
            @-moz-keyframes animwelcome{
         
     | 
| 
      
 112 
     | 
    
         
            +
              0%{-moz-transform:scale(0);}
         
     | 
| 
      
 113 
     | 
    
         
            +
              50%{-moz-transform:scale(0);}
         
     | 
| 
      
 114 
     | 
    
         
            +
              75%{-moz-transform:scale(1.4);}
         
     | 
| 
      
 115 
     | 
    
         
            +
              100%{-moz-transform:scale(1);}
         
     | 
| 
      
 116 
     | 
    
         
            +
            }
         
     | 
| 
      
 117 
     | 
    
         
            +
             
     | 
| 
      
 118 
     | 
    
         
            +
            @-ms-keyframes animwelcome{
         
     | 
| 
      
 119 
     | 
    
         
            +
              0%{-ms-transform:scale(0);}
         
     | 
| 
      
 120 
     | 
    
         
            +
              50%{-ms-transform:scale(0);}
         
     | 
| 
      
 121 
     | 
    
         
            +
              75%{-ms-transform:scale(1.4);}
         
     | 
| 
      
 122 
     | 
    
         
            +
              100%{-ms-transform:scale(1);}
         
     | 
| 
      
 123 
     | 
    
         
            +
            }
         
     | 
| 
      
 124 
     | 
    
         
            +
             
     | 
| 
      
 125 
     | 
    
         
            +
            @keyframes animwelcome{
         
     | 
| 
      
 126 
     | 
    
         
            +
              0%{transform:scale(0);}
         
     | 
| 
      
 127 
     | 
    
         
            +
              50%{transform:scale(0);}
         
     | 
| 
      
 128 
     | 
    
         
            +
              75%{transform:scale(1.4);}
         
     | 
| 
      
 129 
     | 
    
         
            +
              100%{transform:scale(1);}
         
     | 
| 
      
 130 
     | 
    
         
            +
            }
         
     | 
| 
      
 131 
     | 
    
         
            +
             
     | 
| 
      
 132 
     | 
    
         
            +
            @-webkit-keyframes animuser{
         
     | 
| 
      
 133 
     | 
    
         
            +
              0%{-webkit-transform:scale(0);}
         
     | 
| 
      
 134 
     | 
    
         
            +
              50%{-webkit-transform:scale(0);}
         
     | 
| 
      
 135 
     | 
    
         
            +
              75%{-webkit-transform:scale(1.4);}
         
     | 
| 
      
 136 
     | 
    
         
            +
              100%{-webkit-transform:scale(1);}
         
     | 
| 
      
 137 
     | 
    
         
            +
            }
         
     | 
| 
      
 138 
     | 
    
         
            +
             
     | 
| 
      
 139 
     | 
    
         
            +
            @-moz-keyframes animuser{
         
     | 
| 
      
 140 
     | 
    
         
            +
              0%{-moz-transform:scale(0);}
         
     | 
| 
      
 141 
     | 
    
         
            +
              50%{-moz-transform:scale(0);}
         
     | 
| 
      
 142 
     | 
    
         
            +
              75%{-moz-transform:scale(1.4);}
         
     | 
| 
      
 143 
     | 
    
         
            +
              100%{-moz-transform:scale(1);}
         
     | 
| 
      
 144 
     | 
    
         
            +
            }
         
     | 
| 
      
 145 
     | 
    
         
            +
             
     | 
| 
      
 146 
     | 
    
         
            +
            @-ms-keyframes animuser{
         
     | 
| 
      
 147 
     | 
    
         
            +
              0%{-ms-transform:scale(0);}
         
     | 
| 
      
 148 
     | 
    
         
            +
              50%{-ms-transform:scale(0);}
         
     | 
| 
      
 149 
     | 
    
         
            +
              75%{-ms-transform:scale(1.4);}
         
     | 
| 
      
 150 
     | 
    
         
            +
              100%{-ms-transform:scale(1);}
         
     | 
| 
      
 151 
     | 
    
         
            +
            }
         
     | 
| 
      
 152 
     | 
    
         
            +
             
     | 
| 
      
 153 
     | 
    
         
            +
            @keyframes animuser{
         
     | 
| 
      
 154 
     | 
    
         
            +
              0%{transform:scale(0);}
         
     | 
| 
      
 155 
     | 
    
         
            +
              50%{transform:scale(0);}
         
     | 
| 
      
 156 
     | 
    
         
            +
              75%{transform:scale(1.4);}
         
     | 
| 
      
 157 
     | 
    
         
            +
              100%{transform:scale(1);}
         
     | 
| 
      
 158 
     | 
    
         
            +
            }
         
     | 
| 
      
 159 
     | 
    
         
            +
             
     | 
| 
      
 160 
     | 
    
         
            +
            @-webkit-keyframes anim_wifeo{
         
     | 
| 
      
 161 
     | 
    
         
            +
              0%{-webkit-transform:rotate(0deg);}
         
     | 
| 
      
 162 
     | 
    
         
            +
              50%{-webkit-transform:rotate(360deg);}
         
     | 
| 
      
 163 
     | 
    
         
            +
              100%{-webkit-transform:rotate(720deg);}
         
     | 
| 
      
 164 
     | 
    
         
            +
            }
         
     | 
| 
      
 165 
     | 
    
         
            +
             
     | 
| 
      
 166 
     | 
    
         
            +
            @-moz-keyframes anim_wifeo{
         
     | 
| 
      
 167 
     | 
    
         
            +
              0%{-moz-transform:rotate(0deg);}
         
     | 
| 
      
 168 
     | 
    
         
            +
              50%{-moz-transform:rotate(360deg);}
         
     | 
| 
      
 169 
     | 
    
         
            +
              100%{-moz-transform:rotate(720deg);}
         
     | 
| 
      
 170 
     | 
    
         
            +
            }
         
     | 
| 
      
 171 
     | 
    
         
            +
             
     | 
| 
      
 172 
     | 
    
         
            +
            @-ms-keyframes anim_wifeo{
         
     | 
| 
      
 173 
     | 
    
         
            +
              0%{-ms-transform:rotate(0deg);}
         
     | 
| 
      
 174 
     | 
    
         
            +
              50%{-ms-transform:rotate(360deg);}
         
     | 
| 
      
 175 
     | 
    
         
            +
              100%{-ms-transform:rotate(720deg);}
         
     | 
| 
      
 176 
     | 
    
         
            +
            }
         
     | 
| 
      
 177 
     | 
    
         
            +
             
     | 
| 
      
 178 
     | 
    
         
            +
            @keyframes anim_wifeo{
         
     | 
| 
      
 179 
     | 
    
         
            +
              0%{transform:rotate(0deg);}
         
     | 
| 
      
 180 
     | 
    
         
            +
              50%{transform:rotate(360deg);}
         
     | 
| 
      
 181 
     | 
    
         
            +
              100%{transform:rotate(720deg);}
         
     | 
| 
      
 182 
     | 
    
         
            +
            }
         
     | 
| 
         @@ -0,0 +1,33 @@ 
     | 
|
| 
      
 1 
     | 
    
         
            +
            @mixin white-link{
         
     | 
| 
      
 2 
     | 
    
         
            +
              text-shadow: 0px 1px 2px #1d1d1d;
         
     | 
| 
      
 3 
     | 
    
         
            +
              color: #fff;
         
     | 
| 
      
 4 
     | 
    
         
            +
              &:hover{
         
     | 
| 
      
 5 
     | 
    
         
            +
                color: #fff !important;
         
     | 
| 
      
 6 
     | 
    
         
            +
              }
         
     | 
| 
      
 7 
     | 
    
         
            +
            }
         
     | 
| 
      
 8 
     | 
    
         
            +
             
     | 
| 
      
 9 
     | 
    
         
            +
            @mixin shadow($radius: 20px) {
         
     | 
| 
      
 10 
     | 
    
         
            +
              -webkit-box-shadow: 0px 0px $radius rgba(0,0,0,0.5);
         
     | 
| 
      
 11 
     | 
    
         
            +
              -moz-box-shadow: 0px 0px $radius rgba(0,0,0,0.5);
         
     | 
| 
      
 12 
     | 
    
         
            +
              -o-box-shadow: 0px 0px $radius rgba(0,0,0,0.5);
         
     | 
| 
      
 13 
     | 
    
         
            +
              box-shadow: 0px 0px $radius rgba(0,0,0,0.5);
         
     | 
| 
      
 14 
     | 
    
         
            +
            }
         
     | 
| 
      
 15 
     | 
    
         
            +
             
     | 
| 
      
 16 
     | 
    
         
            +
            @mixin text-shadow($radius: 5px) {
         
     | 
| 
      
 17 
     | 
    
         
            +
              -webkit-text-shadow: 0px 0px $radius rgba(0,0,0,0.5);
         
     | 
| 
      
 18 
     | 
    
         
            +
              -moz-text-shadow: 0px 0px $radius rgba(0,0,0,0.5);
         
     | 
| 
      
 19 
     | 
    
         
            +
              -o-text-shadow: 0px 0px $radius rgba(0,0,0,0.5);
         
     | 
| 
      
 20 
     | 
    
         
            +
              text-shadow: 0px 0px $radius rgba(0,0,0,0.5);
         
     | 
| 
      
 21 
     | 
    
         
            +
            }
         
     | 
| 
      
 22 
     | 
    
         
            +
             
     | 
| 
      
 23 
     | 
    
         
            +
            @mixin radius($radius: 6px) {
         
     | 
| 
      
 24 
     | 
    
         
            +
              -wekbit-border-radius: $radius;
         
     | 
| 
      
 25 
     | 
    
         
            +
              -moz-border-radius: $radius;
         
     | 
| 
      
 26 
     | 
    
         
            +
              -o-border-radius: $radius;
         
     | 
| 
      
 27 
     | 
    
         
            +
              -ms-border-radius: $radius;
         
     | 
| 
      
 28 
     | 
    
         
            +
              border-radius: $radius;
         
     | 
| 
      
 29 
     | 
    
         
            +
            }
         
     | 
| 
      
 30 
     | 
    
         
            +
             
     | 
| 
      
 31 
     | 
    
         
            +
            @mixin font-awesome {
         
     | 
| 
      
 32 
     | 
    
         
            +
              font-family: 'FontAwesome';
         
     | 
| 
      
 33 
     | 
    
         
            +
            }
         
     | 
| 
         @@ -0,0 +1,19 @@ 
     | 
|
| 
      
 1 
     | 
    
         
            +
            .primary-header {font-family: bebas-neue, proxima-nova, helvetica, sans-serif;}
         
     | 
| 
      
 2 
     | 
    
         
            +
            .secondary-header {font-family: proxima-nova, helvetica, sans-serif;}
         
     | 
| 
      
 3 
     | 
    
         
            +
             
     | 
| 
      
 4 
     | 
    
         
            +
            .header-xxl {font-size: 4.5rem;}   // 72px
         
     | 
| 
      
 5 
     | 
    
         
            +
            .header-xl {font-size: 2.5rem;}    // 40px
         
     | 
| 
      
 6 
     | 
    
         
            +
            .header-l {font-size: 2rem;}       // 32px
         
     | 
| 
      
 7 
     | 
    
         
            +
            .header-m {font-size: 1.75rem ;}   // 28px
         
     | 
| 
      
 8 
     | 
    
         
            +
            .header-s {font-size: 1.5rem;}     // 24px
         
     | 
| 
      
 9 
     | 
    
         
            +
             
     | 
| 
      
 10 
     | 
    
         
            +
            .text-xxl {font-size: 2rem;}       // 32px
         
     | 
| 
      
 11 
     | 
    
         
            +
            .text-xl {font-size: 1.5rem;}      // 24px
         
     | 
| 
      
 12 
     | 
    
         
            +
            .text-l {font-size: 1.25rem;}      // 20px
         
     | 
| 
      
 13 
     | 
    
         
            +
            .text-m {font-size: 1rem ;}        // 16px
         
     | 
| 
      
 14 
     | 
    
         
            +
            .text-s {font-size: 0.875rem;}     // 14px
         
     | 
| 
      
 15 
     | 
    
         
            +
             
     | 
| 
      
 16 
     | 
    
         
            +
            .text-black {font-weight: 800;}
         
     | 
| 
      
 17 
     | 
    
         
            +
            .text-bold {font-weight: 600;}
         
     | 
| 
      
 18 
     | 
    
         
            +
            .text-book {font-weight: 400;}
         
     | 
| 
      
 19 
     | 
    
         
            +
            .text-light {font-weight: 200;}
         
     | 
| 
         @@ -0,0 +1,28 @@ 
     | 
|
| 
      
 1 
     | 
    
         
            +
            == README
         
     | 
| 
      
 2 
     | 
    
         
            +
             
     | 
| 
      
 3 
     | 
    
         
            +
            This README would normally document whatever steps are necessary to get the
         
     | 
| 
      
 4 
     | 
    
         
            +
            application up and running.
         
     | 
| 
      
 5 
     | 
    
         
            +
             
     | 
| 
      
 6 
     | 
    
         
            +
            Things you may want to cover:
         
     | 
| 
      
 7 
     | 
    
         
            +
             
     | 
| 
      
 8 
     | 
    
         
            +
            * Ruby version
         
     | 
| 
      
 9 
     | 
    
         
            +
             
     | 
| 
      
 10 
     | 
    
         
            +
            * System dependencies
         
     | 
| 
      
 11 
     | 
    
         
            +
             
     | 
| 
      
 12 
     | 
    
         
            +
            * Configuration
         
     | 
| 
      
 13 
     | 
    
         
            +
             
     | 
| 
      
 14 
     | 
    
         
            +
            * Database creation
         
     | 
| 
      
 15 
     | 
    
         
            +
             
     | 
| 
      
 16 
     | 
    
         
            +
            * Database initialization
         
     | 
| 
      
 17 
     | 
    
         
            +
             
     | 
| 
      
 18 
     | 
    
         
            +
            * How to run the test suite
         
     | 
| 
      
 19 
     | 
    
         
            +
             
     | 
| 
      
 20 
     | 
    
         
            +
            * Services (job queues, cache servers, search engines, etc.)
         
     | 
| 
      
 21 
     | 
    
         
            +
             
     | 
| 
      
 22 
     | 
    
         
            +
            * Deployment instructions
         
     | 
| 
      
 23 
     | 
    
         
            +
             
     | 
| 
      
 24 
     | 
    
         
            +
            * ...
         
     | 
| 
      
 25 
     | 
    
         
            +
             
     | 
| 
      
 26 
     | 
    
         
            +
             
     | 
| 
      
 27 
     | 
    
         
            +
            Please feel free to use a different markup language if you do not plan to run
         
     | 
| 
      
 28 
     | 
    
         
            +
            <tt>rake doc:app</tt>.
         
     | 
    
        data/test/dummy/Rakefile
    ADDED
    
    
| 
         @@ -0,0 +1,13 @@ 
     | 
|
| 
      
 1 
     | 
    
         
            +
            // This is a manifest file that'll be compiled into application.js, which will include all the files
         
     | 
| 
      
 2 
     | 
    
         
            +
            // listed below.
         
     | 
| 
      
 3 
     | 
    
         
            +
            //
         
     | 
| 
      
 4 
     | 
    
         
            +
            // Any JavaScript/Coffee file within this directory, lib/assets/javascripts, vendor/assets/javascripts,
         
     | 
| 
      
 5 
     | 
    
         
            +
            // or vendor/assets/javascripts of plugins, if any, can be referenced here using a relative path.
         
     | 
| 
      
 6 
     | 
    
         
            +
            //
         
     | 
| 
      
 7 
     | 
    
         
            +
            // It's not advisable to add code directly here, but if you do, it'll appear at the bottom of the
         
     | 
| 
      
 8 
     | 
    
         
            +
            // compiled file.
         
     | 
| 
      
 9 
     | 
    
         
            +
            //
         
     | 
| 
      
 10 
     | 
    
         
            +
            // Read Sprockets README (https://github.com/sstephenson/sprockets#sprockets-directives) for details
         
     | 
| 
      
 11 
     | 
    
         
            +
            // about supported directives.
         
     | 
| 
      
 12 
     | 
    
         
            +
            //
         
     | 
| 
      
 13 
     | 
    
         
            +
            //= require_tree .
         
     | 
| 
         @@ -0,0 +1,15 @@ 
     | 
|
| 
      
 1 
     | 
    
         
            +
            /*
         
     | 
| 
      
 2 
     | 
    
         
            +
             * This is a manifest file that'll be compiled into application.css, which will include all the files
         
     | 
| 
      
 3 
     | 
    
         
            +
             * listed below.
         
     | 
| 
      
 4 
     | 
    
         
            +
             *
         
     | 
| 
      
 5 
     | 
    
         
            +
             * Any CSS and SCSS file within this directory, lib/assets/stylesheets, vendor/assets/stylesheets,
         
     | 
| 
      
 6 
     | 
    
         
            +
             * or vendor/assets/stylesheets of plugins, if any, can be referenced here using a relative path.
         
     | 
| 
      
 7 
     | 
    
         
            +
             *
         
     | 
| 
      
 8 
     | 
    
         
            +
             * You're free to add application-wide styles to this file and they'll appear at the bottom of the
         
     | 
| 
      
 9 
     | 
    
         
            +
             * compiled file so the styles you add here take precedence over styles defined in any styles
         
     | 
| 
      
 10 
     | 
    
         
            +
             * defined in the other CSS/SCSS files in this directory. It is generally better to create a new
         
     | 
| 
      
 11 
     | 
    
         
            +
             * file per style scope.
         
     | 
| 
      
 12 
     | 
    
         
            +
             *
         
     | 
| 
      
 13 
     | 
    
         
            +
             *= require_tree .
         
     | 
| 
      
 14 
     | 
    
         
            +
             *= require_self
         
     | 
| 
      
 15 
     | 
    
         
            +
             */
         
     | 
| 
         @@ -0,0 +1,14 @@ 
     | 
|
| 
      
 1 
     | 
    
         
            +
            <!DOCTYPE html>
         
     | 
| 
      
 2 
     | 
    
         
            +
            <html>
         
     | 
| 
      
 3 
     | 
    
         
            +
            <head>
         
     | 
| 
      
 4 
     | 
    
         
            +
              <title>Dummy</title>
         
     | 
| 
      
 5 
     | 
    
         
            +
              <%= stylesheet_link_tag    'application', media: 'all', 'data-turbolinks-track' => true %>
         
     | 
| 
      
 6 
     | 
    
         
            +
              <%= javascript_include_tag 'application', 'data-turbolinks-track' => true %>
         
     | 
| 
      
 7 
     | 
    
         
            +
              <%= csrf_meta_tags %>
         
     | 
| 
      
 8 
     | 
    
         
            +
            </head>
         
     | 
| 
      
 9 
     | 
    
         
            +
            <body>
         
     | 
| 
      
 10 
     | 
    
         
            +
             
     | 
| 
      
 11 
     | 
    
         
            +
            <%= yield %>
         
     | 
| 
      
 12 
     | 
    
         
            +
             
     | 
| 
      
 13 
     | 
    
         
            +
            </body>
         
     | 
| 
      
 14 
     | 
    
         
            +
            </html>
         
     | 
    
        data/test/dummy/bin/rake
    ADDED
    
    
| 
         @@ -0,0 +1,23 @@ 
     | 
|
| 
      
 1 
     | 
    
         
            +
            require File.expand_path('../boot', __FILE__)
         
     | 
| 
      
 2 
     | 
    
         
            +
             
     | 
| 
      
 3 
     | 
    
         
            +
            require 'rails/all'
         
     | 
| 
      
 4 
     | 
    
         
            +
             
     | 
| 
      
 5 
     | 
    
         
            +
            Bundler.require(*Rails.groups)
         
     | 
| 
      
 6 
     | 
    
         
            +
            require "access-styles"
         
     | 
| 
      
 7 
     | 
    
         
            +
             
     | 
| 
      
 8 
     | 
    
         
            +
            module Dummy
         
     | 
| 
      
 9 
     | 
    
         
            +
              class Application < Rails::Application
         
     | 
| 
      
 10 
     | 
    
         
            +
                # Settings in config/environments/* take precedence over those specified here.
         
     | 
| 
      
 11 
     | 
    
         
            +
                # Application configuration should go into files in config/initializers
         
     | 
| 
      
 12 
     | 
    
         
            +
                # -- all .rb files in that directory are automatically loaded.
         
     | 
| 
      
 13 
     | 
    
         
            +
             
     | 
| 
      
 14 
     | 
    
         
            +
                # Set Time.zone default to the specified zone and make Active Record auto-convert to this zone.
         
     | 
| 
      
 15 
     | 
    
         
            +
                # Run "rake -D time" for a list of tasks for finding time zone names. Default is UTC.
         
     | 
| 
      
 16 
     | 
    
         
            +
                # config.time_zone = 'Central Time (US & Canada)'
         
     | 
| 
      
 17 
     | 
    
         
            +
             
     | 
| 
      
 18 
     | 
    
         
            +
                # The default locale is :en and all translations from config/locales/*.rb,yml are auto loaded.
         
     | 
| 
      
 19 
     | 
    
         
            +
                # config.i18n.load_path += Dir[Rails.root.join('my', 'locales', '*.{rb,yml}').to_s]
         
     | 
| 
      
 20 
     | 
    
         
            +
                # config.i18n.default_locale = :de
         
     | 
| 
      
 21 
     | 
    
         
            +
              end
         
     | 
| 
      
 22 
     | 
    
         
            +
            end
         
     | 
| 
      
 23 
     | 
    
         
            +
             
     |