ustyle 1.3.6
Sign up to get free protection for your applications and to get access to all the features.
- checksums.yaml +7 -0
- data/.gitignore +23 -0
- data/.rbenv-gemsets +1 -0
- data/.ruby-version +1 -0
- data/CONTRIBUTING.md +68 -0
- data/Gemfile +4 -0
- data/Gruntfile.js +189 -0
- data/JAVASCRIPT_STANDARDS.md +88 -0
- data/LICENSE.txt +13 -0
- data/README.md +93 -0
- data/Rakefile +6 -0
- data/bower.json +54 -0
- data/config/.jscsrc +76 -0
- data/config/autoprefixer.yml +6 -0
- data/config/scss-lint.yml +54 -0
- data/dist/ustyle-content.css +1 -0
- data/dist/ustyle-icons.css +1 -0
- data/dist/ustyle-latest.css +1 -0
- data/dist/ustyle.js +799 -0
- data/dist/ustyle.json +1 -0
- data/grunt/modules/dss-helper.js +117 -0
- data/grunt/modules/file.js +26 -0
- data/grunt/modules/templates.js +59 -0
- data/grunt/tasks/browser-sync.js +19 -0
- data/grunt/tasks/builder.js +72 -0
- data/grunt/tasks/styleguide.js +290 -0
- data/grunt/tasks/svg2png.js +57 -0
- data/lib/ustyle/deploy.rb +31 -0
- data/lib/ustyle/engine.rb +24 -0
- data/lib/ustyle/hash.rb +44 -0
- data/lib/ustyle/icons.rb +13 -0
- data/lib/ustyle/sass_functions.rb +104 -0
- data/lib/ustyle/sinatra.rb +34 -0
- data/lib/ustyle/sprockets.rb +6 -0
- data/lib/ustyle/utils.rb +40 -0
- data/lib/ustyle/version.rb +4 -0
- data/lib/ustyle.rb +54 -0
- data/package.json +74 -0
- data/styleguide/CNAME +1 -0
- data/styleguide/assets/images/bower-logo.png +0 -0
- data/styleguide/assets/images/cloudfront-logo.png +0 -0
- data/styleguide/assets/images/illustration-01.png +0 -0
- data/styleguide/assets/images/illustration-02.png +0 -0
- data/styleguide/assets/images/illustration-03.png +0 -0
- data/styleguide/assets/images/illustration-04.png +0 -0
- data/styleguide/assets/images/illustration-05.png +0 -0
- data/styleguide/assets/images/illustration-06.png +0 -0
- data/styleguide/assets/images/illustration-07.png +0 -0
- data/styleguide/assets/images/illustration-08.png +0 -0
- data/styleguide/assets/images/infographic-01.png +0 -0
- data/styleguide/assets/images/infographic-02.png +0 -0
- data/styleguide/assets/images/lifestyle-photography-01.png +0 -0
- data/styleguide/assets/images/lifestyle-photography-02.png +0 -0
- data/styleguide/assets/images/lifestyle-photography-03.png +0 -0
- data/styleguide/assets/images/lifestyle-photography-04.png +0 -0
- data/styleguide/assets/images/lifestyle-photography-05.png +0 -0
- data/styleguide/assets/images/lifestyle-photography-06.png +0 -0
- data/styleguide/assets/images/lifestyle-photography-07.png +0 -0
- data/styleguide/assets/images/lifestyle-photography-08.png +0 -0
- data/styleguide/assets/images/npm-logo.png +0 -0
- data/styleguide/assets/images/object-photography-01.png +0 -0
- data/styleguide/assets/images/object-photography-02.png +0 -0
- data/styleguide/assets/images/object-photography-03.png +0 -0
- data/styleguide/assets/images/object-photography-04.png +0 -0
- data/styleguide/assets/images/object-photography-05.png +0 -0
- data/styleguide/assets/images/object-photography-06.png +0 -0
- data/styleguide/assets/images/object-photography-07.png +0 -0
- data/styleguide/assets/images/object-photography-08.png +0 -0
- data/styleguide/assets/images/ruby-logo.png +0 -0
- data/styleguide/assets/images/ustyle.svg +73 -0
- data/styleguide/assets/javascripts/app.js +91 -0
- data/styleguide/assets/javascripts/modules/cleanWhiteSpace.js +34 -0
- data/styleguide/assets/javascripts/modules/stats.js +51 -0
- data/styleguide/assets/javascripts/vendor/highlight.js +1 -0
- data/styleguide/assets/sass/main.scss +152 -0
- data/styleguide/assets/sass/modules/_code.scss +8 -0
- data/styleguide/assets/sass/modules/_colours.scss +25 -0
- data/styleguide/assets/sass/modules/_copyright.scss +4 -0
- data/styleguide/assets/sass/modules/_grid.scss +12 -0
- data/styleguide/assets/sass/modules/_home.scss +5 -0
- data/styleguide/assets/sass/modules/_links.scss +3 -0
- data/styleguide/assets/sass/modules/_logo.scss +56 -0
- data/styleguide/assets/sass/modules/_made-at.scss +6 -0
- data/styleguide/assets/sass/modules/_markdown.scss +7 -0
- data/styleguide/assets/sass/modules/_nav-mobile.scss +72 -0
- data/styleguide/assets/sass/modules/_nav.scss +32 -0
- data/styleguide/assets/sass/modules/_sidebar.scss +94 -0
- data/styleguide/assets/sass/modules/_states.scss +4 -0
- data/styleguide/assets/sass/modules/_styleguide.scss +134 -0
- data/styleguide/assets/sass/modules/_table.scss +3 -0
- data/styleguide/assets/sass/modules/_tooltip.scss +9 -0
- data/styleguide/assets/sass/modules/_typography.scss +14 -0
- data/styleguide/assets/sass/modules/_version.scss +11 -0
- data/styleguide/assets/sass/structure/_base.scss +18 -0
- data/styleguide/assets/sass/structure/_header.scss +12 -0
- data/styleguide/assets/sass/vendor/_highlight.scss +139 -0
- data/styleguide/assets/sass/vendor/_pure-table.scss +75 -0
- data/styleguide/content/brand/index.md +47 -0
- data/styleguide/content/brand/language.md +102 -0
- data/styleguide/content/brand/logo.tpl +102 -0
- data/styleguide/content/design/index.tpl +79 -0
- data/styleguide/content/design/typography.md +30 -0
- data/styleguide/content/index.tpl +44 -0
- data/styleguide/content/pattern-library/grid.tpl +64 -0
- data/styleguide/content/pattern-library/index.tpl +92 -0
- data/styleguide/partials/_footer.tpl +8 -0
- data/styleguide/partials/_head.tpl +20 -0
- data/styleguide/partials/_header.tpl +7 -0
- data/styleguide/partials/_sidebar.tpl +22 -0
- data/styleguide/partials/colour.tpl +24 -0
- data/styleguide/partials/icons.tpl +28 -0
- data/styleguide/partials/style_block.tpl +44 -0
- data/styleguide/templates/simple.tpl +15 -0
- data/styleguide/templates/stats.tpl +50 -0
- data/styleguide/templates/styleguide.tpl +33 -0
- data/tasks/publish.rake +65 -0
- data/ustyle.gemspec +34 -0
- data/vendor/assets/images/icons/16px/alarm.png +0 -0
- data/vendor/assets/images/icons/16px/android.png +0 -0
- data/vendor/assets/images/icons/16px/angry.png +0 -0
- data/vendor/assets/images/icons/16px/apple.png +0 -0
- data/vendor/assets/images/icons/16px/arrow-circle.png +0 -0
- data/vendor/assets/images/icons/16px/arrow-up-left.png +0 -0
- data/vendor/assets/images/icons/16px/arrow-up.png +0 -0
- data/vendor/assets/images/icons/16px/barchart.png +0 -0
- data/vendor/assets/images/icons/16px/blackberry.png +0 -0
- data/vendor/assets/images/icons/16px/book.png +0 -0
- data/vendor/assets/images/icons/16px/bookmark.png +0 -0
- data/vendor/assets/images/icons/16px/breadcrumb.png +0 -0
- data/vendor/assets/images/icons/16px/calculator.png +0 -0
- data/vendor/assets/images/icons/16px/calendar.png +0 -0
- data/vendor/assets/images/icons/16px/car.png +0 -0
- data/vendor/assets/images/icons/16px/checkbox-tick.png +0 -0
- data/vendor/assets/images/icons/16px/clock.png +0 -0
- data/vendor/assets/images/icons/16px/close.png +0 -0
- data/vendor/assets/images/icons/16px/cog.png +0 -0
- data/vendor/assets/images/icons/16px/controller.png +0 -0
- data/vendor/assets/images/icons/16px/credit-card.png +0 -0
- data/vendor/assets/images/icons/16px/cross.png +0 -0
- data/vendor/assets/images/icons/16px/desktop.png +0 -0
- data/vendor/assets/images/icons/16px/doc.png +0 -0
- data/vendor/assets/images/icons/16px/down-arrow.png +0 -0
- data/vendor/assets/images/icons/16px/dual-fuel.png +0 -0
- data/vendor/assets/images/icons/16px/electric-light.png +0 -0
- data/vendor/assets/images/icons/16px/envelope.png +0 -0
- data/vendor/assets/images/icons/16px/exit-noexit.png +0 -0
- data/vendor/assets/images/icons/16px/facebook.png +0 -0
- data/vendor/assets/images/icons/16px/filter.png +0 -0
- data/vendor/assets/images/icons/16px/fixed-variable.png +0 -0
- data/vendor/assets/images/icons/16px/gas.png +0 -0
- data/vendor/assets/images/icons/16px/gauge.png +0 -0
- data/vendor/assets/images/icons/16px/github.png +0 -0
- data/vendor/assets/images/icons/16px/google.png +0 -0
- data/vendor/assets/images/icons/16px/graph-up.png +0 -0
- data/vendor/assets/images/icons/16px/happy.png +0 -0
- data/vendor/assets/images/icons/16px/home.png +0 -0
- data/vendor/assets/images/icons/16px/hot.png +0 -0
- data/vendor/assets/images/icons/16px/info.png +0 -0
- data/vendor/assets/images/icons/16px/kettle.png +0 -0
- data/vendor/assets/images/icons/16px/key.png +0 -0
- data/vendor/assets/images/icons/16px/laptop.png +0 -0
- data/vendor/assets/images/icons/16px/lock.png +0 -0
- data/vendor/assets/images/icons/16px/magnify-in.png +0 -0
- data/vendor/assets/images/icons/16px/magnify-out.png +0 -0
- data/vendor/assets/images/icons/16px/magnify.png +0 -0
- data/vendor/assets/images/icons/16px/menu.png +0 -0
- data/vendor/assets/images/icons/16px/message.png +0 -0
- data/vendor/assets/images/icons/16px/mobile.png +0 -0
- data/vendor/assets/images/icons/16px/monthly-dd.png +0 -0
- data/vendor/assets/images/icons/16px/neutral.png +0 -0
- data/vendor/assets/images/icons/16px/no-exit.png +0 -0
- data/vendor/assets/images/icons/16px/pdf.png +0 -0
- data/vendor/assets/images/icons/16px/pencil.png +0 -0
- data/vendor/assets/images/icons/16px/person-add.png +0 -0
- data/vendor/assets/images/icons/16px/person.png +0 -0
- data/vendor/assets/images/icons/16px/phone.png +0 -0
- data/vendor/assets/images/icons/16px/piggy-bank.png +0 -0
- data/vendor/assets/images/icons/16px/pin.png +0 -0
- data/vendor/assets/images/icons/16px/play.png +0 -0
- data/vendor/assets/images/icons/16px/pound-circle.png +0 -0
- data/vendor/assets/images/icons/16px/pound-note.png +0 -0
- data/vendor/assets/images/icons/16px/power.png +0 -0
- data/vendor/assets/images/icons/16px/present.png +0 -0
- data/vendor/assets/images/icons/16px/print.png +0 -0
- data/vendor/assets/images/icons/16px/quarterly-dd.png +0 -0
- data/vendor/assets/images/icons/16px/question-circle.png +0 -0
- data/vendor/assets/images/icons/16px/question.png +0 -0
- data/vendor/assets/images/icons/16px/quote.png +0 -0
- data/vendor/assets/images/icons/16px/recycle.png +0 -0
- data/vendor/assets/images/icons/16px/remove.png +0 -0
- data/vendor/assets/images/icons/16px/renewable.png +0 -0
- data/vendor/assets/images/icons/16px/results.png +0 -0
- data/vendor/assets/images/icons/16px/sad.png +0 -0
- data/vendor/assets/images/icons/16px/save.png +0 -0
- data/vendor/assets/images/icons/16px/share.png +0 -0
- data/vendor/assets/images/icons/16px/sim.png +0 -0
- data/vendor/assets/images/icons/16px/smiley.png +0 -0
- data/vendor/assets/images/icons/16px/sort.png +0 -0
- data/vendor/assets/images/icons/16px/speech-circle.png +0 -0
- data/vendor/assets/images/icons/16px/speech.png +0 -0
- data/vendor/assets/images/icons/16px/spinner 2.png +0 -0
- data/vendor/assets/images/icons/16px/spinner.png +0 -0
- data/vendor/assets/images/icons/16px/star-half.png +0 -0
- data/vendor/assets/images/icons/16px/star.png +0 -0
- data/vendor/assets/images/icons/16px/starline-half.png +0 -0
- data/vendor/assets/images/icons/16px/starline.png +0 -0
- data/vendor/assets/images/icons/16px/tablet.png +0 -0
- data/vendor/assets/images/icons/16px/talk.png +0 -0
- data/vendor/assets/images/icons/16px/tick-circle.png +0 -0
- data/vendor/assets/images/icons/16px/tick.png +0 -0
- data/vendor/assets/images/icons/16px/tv.png +0 -0
- data/vendor/assets/images/icons/16px/twitter.png +0 -0
- data/vendor/assets/images/icons/16px/ustyle.png +0 -0
- data/vendor/assets/images/icons/16px/uswitch.png +0 -0
- data/vendor/assets/images/icons/16px/variable.png +0 -0
- data/vendor/assets/images/icons/16px/warning-circle.png +0 -0
- data/vendor/assets/images/icons/16px/warning.png +0 -0
- data/vendor/assets/images/icons/16px/wifi.png +0 -0
- data/vendor/assets/images/icons/16px/wiki.png +0 -0
- data/vendor/assets/images/icons/16px/windows.png +0 -0
- data/vendor/assets/images/icons/16px/wondering.png +0 -0
- data/vendor/assets/images/icons/16px/world.png +0 -0
- data/vendor/assets/images/icons/16px/xml.png +0 -0
- data/vendor/assets/images/icons/32px/alarm.png +0 -0
- data/vendor/assets/images/icons/32px/android.png +0 -0
- data/vendor/assets/images/icons/32px/angry.png +0 -0
- data/vendor/assets/images/icons/32px/apple.png +0 -0
- data/vendor/assets/images/icons/32px/arrow-circle.png +0 -0
- data/vendor/assets/images/icons/32px/arrow-up-left.png +0 -0
- data/vendor/assets/images/icons/32px/arrow-up.png +0 -0
- data/vendor/assets/images/icons/32px/barchart.png +0 -0
- data/vendor/assets/images/icons/32px/blackberry.png +0 -0
- data/vendor/assets/images/icons/32px/book.png +0 -0
- data/vendor/assets/images/icons/32px/bookmark.png +0 -0
- data/vendor/assets/images/icons/32px/breadcrumb.png +0 -0
- data/vendor/assets/images/icons/32px/calculator.png +0 -0
- data/vendor/assets/images/icons/32px/calendar.png +0 -0
- data/vendor/assets/images/icons/32px/car.png +0 -0
- data/vendor/assets/images/icons/32px/checkbox-tick.png +0 -0
- data/vendor/assets/images/icons/32px/clock.png +0 -0
- data/vendor/assets/images/icons/32px/close.png +0 -0
- data/vendor/assets/images/icons/32px/cog.png +0 -0
- data/vendor/assets/images/icons/32px/controller.png +0 -0
- data/vendor/assets/images/icons/32px/credit-card.png +0 -0
- data/vendor/assets/images/icons/32px/cross.png +0 -0
- data/vendor/assets/images/icons/32px/desktop.png +0 -0
- data/vendor/assets/images/icons/32px/doc.png +0 -0
- data/vendor/assets/images/icons/32px/down-arrow.png +0 -0
- data/vendor/assets/images/icons/32px/dual-fuel.png +0 -0
- data/vendor/assets/images/icons/32px/electric-light.png +0 -0
- data/vendor/assets/images/icons/32px/envelope.png +0 -0
- data/vendor/assets/images/icons/32px/exit-noexit.png +0 -0
- data/vendor/assets/images/icons/32px/facebook.png +0 -0
- data/vendor/assets/images/icons/32px/filter.png +0 -0
- data/vendor/assets/images/icons/32px/fixed-variable.png +0 -0
- data/vendor/assets/images/icons/32px/gas.png +0 -0
- data/vendor/assets/images/icons/32px/gauge.png +0 -0
- data/vendor/assets/images/icons/32px/github.png +0 -0
- data/vendor/assets/images/icons/32px/google.png +0 -0
- data/vendor/assets/images/icons/32px/graph-up.png +0 -0
- data/vendor/assets/images/icons/32px/happy.png +0 -0
- data/vendor/assets/images/icons/32px/home.png +0 -0
- data/vendor/assets/images/icons/32px/hot.png +0 -0
- data/vendor/assets/images/icons/32px/info.png +0 -0
- data/vendor/assets/images/icons/32px/kettle.png +0 -0
- data/vendor/assets/images/icons/32px/key.png +0 -0
- data/vendor/assets/images/icons/32px/laptop.png +0 -0
- data/vendor/assets/images/icons/32px/lock.png +0 -0
- data/vendor/assets/images/icons/32px/magnify-in.png +0 -0
- data/vendor/assets/images/icons/32px/magnify-out.png +0 -0
- data/vendor/assets/images/icons/32px/magnify.png +0 -0
- data/vendor/assets/images/icons/32px/menu.png +0 -0
- data/vendor/assets/images/icons/32px/message.png +0 -0
- data/vendor/assets/images/icons/32px/mobile.png +0 -0
- data/vendor/assets/images/icons/32px/monthly-dd.png +0 -0
- data/vendor/assets/images/icons/32px/neutral.png +0 -0
- data/vendor/assets/images/icons/32px/no-exit.png +0 -0
- data/vendor/assets/images/icons/32px/pdf.png +0 -0
- data/vendor/assets/images/icons/32px/pencil.png +0 -0
- data/vendor/assets/images/icons/32px/person-add.png +0 -0
- data/vendor/assets/images/icons/32px/person.png +0 -0
- data/vendor/assets/images/icons/32px/phone.png +0 -0
- data/vendor/assets/images/icons/32px/piggy-bank.png +0 -0
- data/vendor/assets/images/icons/32px/pin.png +0 -0
- data/vendor/assets/images/icons/32px/play.png +0 -0
- data/vendor/assets/images/icons/32px/pound-circle.png +0 -0
- data/vendor/assets/images/icons/32px/pound-note.png +0 -0
- data/vendor/assets/images/icons/32px/power.png +0 -0
- data/vendor/assets/images/icons/32px/present.png +0 -0
- data/vendor/assets/images/icons/32px/print.png +0 -0
- data/vendor/assets/images/icons/32px/quarterly-dd.png +0 -0
- data/vendor/assets/images/icons/32px/question-circle.png +0 -0
- data/vendor/assets/images/icons/32px/question.png +0 -0
- data/vendor/assets/images/icons/32px/quote.png +0 -0
- data/vendor/assets/images/icons/32px/recycle.png +0 -0
- data/vendor/assets/images/icons/32px/remove.png +0 -0
- data/vendor/assets/images/icons/32px/renewable.png +0 -0
- data/vendor/assets/images/icons/32px/results.png +0 -0
- data/vendor/assets/images/icons/32px/sad.png +0 -0
- data/vendor/assets/images/icons/32px/save.png +0 -0
- data/vendor/assets/images/icons/32px/share.png +0 -0
- data/vendor/assets/images/icons/32px/sim.png +0 -0
- data/vendor/assets/images/icons/32px/smiley.png +0 -0
- data/vendor/assets/images/icons/32px/sort.png +0 -0
- data/vendor/assets/images/icons/32px/speech-circle.png +0 -0
- data/vendor/assets/images/icons/32px/speech.png +0 -0
- data/vendor/assets/images/icons/32px/spinner 2.png +0 -0
- data/vendor/assets/images/icons/32px/spinner.png +0 -0
- data/vendor/assets/images/icons/32px/star-half.png +0 -0
- data/vendor/assets/images/icons/32px/star.png +0 -0
- data/vendor/assets/images/icons/32px/starline-half.png +0 -0
- data/vendor/assets/images/icons/32px/starline.png +0 -0
- data/vendor/assets/images/icons/32px/tablet.png +0 -0
- data/vendor/assets/images/icons/32px/talk.png +0 -0
- data/vendor/assets/images/icons/32px/tick-circle.png +0 -0
- data/vendor/assets/images/icons/32px/tick.png +0 -0
- data/vendor/assets/images/icons/32px/tv.png +0 -0
- data/vendor/assets/images/icons/32px/twitter.png +0 -0
- data/vendor/assets/images/icons/32px/ustyle.png +0 -0
- data/vendor/assets/images/icons/32px/uswitch.png +0 -0
- data/vendor/assets/images/icons/32px/variable.png +0 -0
- data/vendor/assets/images/icons/32px/warning-circle.png +0 -0
- data/vendor/assets/images/icons/32px/warning.png +0 -0
- data/vendor/assets/images/icons/32px/wifi.png +0 -0
- data/vendor/assets/images/icons/32px/wiki.png +0 -0
- data/vendor/assets/images/icons/32px/windows.png +0 -0
- data/vendor/assets/images/icons/32px/wondering.png +0 -0
- data/vendor/assets/images/icons/32px/world.png +0 -0
- data/vendor/assets/images/icons/32px/xml.png +0 -0
- data/vendor/assets/images/icons/64px/alarm.png +0 -0
- data/vendor/assets/images/icons/64px/android.png +0 -0
- data/vendor/assets/images/icons/64px/angry.png +0 -0
- data/vendor/assets/images/icons/64px/apple.png +0 -0
- data/vendor/assets/images/icons/64px/arrow-circle.png +0 -0
- data/vendor/assets/images/icons/64px/arrow-up-left.png +0 -0
- data/vendor/assets/images/icons/64px/arrow-up.png +0 -0
- data/vendor/assets/images/icons/64px/barchart.png +0 -0
- data/vendor/assets/images/icons/64px/blackberry.png +0 -0
- data/vendor/assets/images/icons/64px/book.png +0 -0
- data/vendor/assets/images/icons/64px/bookmark.png +0 -0
- data/vendor/assets/images/icons/64px/breadcrumb.png +0 -0
- data/vendor/assets/images/icons/64px/calculator.png +0 -0
- data/vendor/assets/images/icons/64px/calendar.png +0 -0
- data/vendor/assets/images/icons/64px/car.png +0 -0
- data/vendor/assets/images/icons/64px/checkbox-tick.png +0 -0
- data/vendor/assets/images/icons/64px/clock.png +0 -0
- data/vendor/assets/images/icons/64px/close.png +0 -0
- data/vendor/assets/images/icons/64px/cog.png +0 -0
- data/vendor/assets/images/icons/64px/controller.png +0 -0
- data/vendor/assets/images/icons/64px/credit-card.png +0 -0
- data/vendor/assets/images/icons/64px/cross.png +0 -0
- data/vendor/assets/images/icons/64px/desktop.png +0 -0
- data/vendor/assets/images/icons/64px/doc.png +0 -0
- data/vendor/assets/images/icons/64px/down-arrow.png +0 -0
- data/vendor/assets/images/icons/64px/dual-fuel.png +0 -0
- data/vendor/assets/images/icons/64px/electric-light.png +0 -0
- data/vendor/assets/images/icons/64px/envelope.png +0 -0
- data/vendor/assets/images/icons/64px/exit-noexit.png +0 -0
- data/vendor/assets/images/icons/64px/facebook.png +0 -0
- data/vendor/assets/images/icons/64px/filter.png +0 -0
- data/vendor/assets/images/icons/64px/fixed-variable.png +0 -0
- data/vendor/assets/images/icons/64px/gas.png +0 -0
- data/vendor/assets/images/icons/64px/gauge.png +0 -0
- data/vendor/assets/images/icons/64px/github.png +0 -0
- data/vendor/assets/images/icons/64px/google.png +0 -0
- data/vendor/assets/images/icons/64px/graph-up.png +0 -0
- data/vendor/assets/images/icons/64px/happy.png +0 -0
- data/vendor/assets/images/icons/64px/home.png +0 -0
- data/vendor/assets/images/icons/64px/hot.png +0 -0
- data/vendor/assets/images/icons/64px/info.png +0 -0
- data/vendor/assets/images/icons/64px/kettle.png +0 -0
- data/vendor/assets/images/icons/64px/key.png +0 -0
- data/vendor/assets/images/icons/64px/laptop.png +0 -0
- data/vendor/assets/images/icons/64px/lock.png +0 -0
- data/vendor/assets/images/icons/64px/magnify-in.png +0 -0
- data/vendor/assets/images/icons/64px/magnify-out.png +0 -0
- data/vendor/assets/images/icons/64px/magnify.png +0 -0
- data/vendor/assets/images/icons/64px/menu.png +0 -0
- data/vendor/assets/images/icons/64px/message.png +0 -0
- data/vendor/assets/images/icons/64px/mobile.png +0 -0
- data/vendor/assets/images/icons/64px/monthly-dd.png +0 -0
- data/vendor/assets/images/icons/64px/neutral.png +0 -0
- data/vendor/assets/images/icons/64px/no-exit.png +0 -0
- data/vendor/assets/images/icons/64px/pdf.png +0 -0
- data/vendor/assets/images/icons/64px/pencil.png +0 -0
- data/vendor/assets/images/icons/64px/person-add.png +0 -0
- data/vendor/assets/images/icons/64px/person.png +0 -0
- data/vendor/assets/images/icons/64px/phone.png +0 -0
- data/vendor/assets/images/icons/64px/piggy-bank.png +0 -0
- data/vendor/assets/images/icons/64px/pin.png +0 -0
- data/vendor/assets/images/icons/64px/play.png +0 -0
- data/vendor/assets/images/icons/64px/pound-circle.png +0 -0
- data/vendor/assets/images/icons/64px/pound-note.png +0 -0
- data/vendor/assets/images/icons/64px/power.png +0 -0
- data/vendor/assets/images/icons/64px/present.png +0 -0
- data/vendor/assets/images/icons/64px/print.png +0 -0
- data/vendor/assets/images/icons/64px/quarterly-dd.png +0 -0
- data/vendor/assets/images/icons/64px/question-circle.png +0 -0
- data/vendor/assets/images/icons/64px/question.png +0 -0
- data/vendor/assets/images/icons/64px/quote.png +0 -0
- data/vendor/assets/images/icons/64px/recycle.png +0 -0
- data/vendor/assets/images/icons/64px/remove.png +0 -0
- data/vendor/assets/images/icons/64px/renewable.png +0 -0
- data/vendor/assets/images/icons/64px/results.png +0 -0
- data/vendor/assets/images/icons/64px/sad.png +0 -0
- data/vendor/assets/images/icons/64px/save.png +0 -0
- data/vendor/assets/images/icons/64px/share.png +0 -0
- data/vendor/assets/images/icons/64px/sim.png +0 -0
- data/vendor/assets/images/icons/64px/smiley.png +0 -0
- data/vendor/assets/images/icons/64px/sort.png +0 -0
- data/vendor/assets/images/icons/64px/speech-circle.png +0 -0
- data/vendor/assets/images/icons/64px/speech.png +0 -0
- data/vendor/assets/images/icons/64px/spinner 2.png +0 -0
- data/vendor/assets/images/icons/64px/spinner.png +0 -0
- data/vendor/assets/images/icons/64px/star-half.png +0 -0
- data/vendor/assets/images/icons/64px/star.png +0 -0
- data/vendor/assets/images/icons/64px/starline-half.png +0 -0
- data/vendor/assets/images/icons/64px/starline.png +0 -0
- data/vendor/assets/images/icons/64px/tablet.png +0 -0
- data/vendor/assets/images/icons/64px/talk.png +0 -0
- data/vendor/assets/images/icons/64px/tick-circle.png +0 -0
- data/vendor/assets/images/icons/64px/tick.png +0 -0
- data/vendor/assets/images/icons/64px/tv.png +0 -0
- data/vendor/assets/images/icons/64px/twitter.png +0 -0
- data/vendor/assets/images/icons/64px/ustyle.png +0 -0
- data/vendor/assets/images/icons/64px/uswitch.png +0 -0
- data/vendor/assets/images/icons/64px/variable.png +0 -0
- data/vendor/assets/images/icons/64px/warning-circle.png +0 -0
- data/vendor/assets/images/icons/64px/warning.png +0 -0
- data/vendor/assets/images/icons/64px/wifi.png +0 -0
- data/vendor/assets/images/icons/64px/wiki.png +0 -0
- data/vendor/assets/images/icons/64px/windows.png +0 -0
- data/vendor/assets/images/icons/64px/wondering.png +0 -0
- data/vendor/assets/images/icons/64px/world.png +0 -0
- data/vendor/assets/images/icons/64px/xml.png +0 -0
- data/vendor/assets/images/icons/alarm.svg +1 -0
- data/vendor/assets/images/icons/android.svg +1 -0
- data/vendor/assets/images/icons/angry.svg +1 -0
- data/vendor/assets/images/icons/apple.svg +1 -0
- data/vendor/assets/images/icons/arrow-circle.svg +1 -0
- data/vendor/assets/images/icons/arrow-up-left.svg +1 -0
- data/vendor/assets/images/icons/arrow-up.svg +1 -0
- data/vendor/assets/images/icons/barchart.svg +1 -0
- data/vendor/assets/images/icons/blackberry.svg +1 -0
- data/vendor/assets/images/icons/book.svg +1 -0
- data/vendor/assets/images/icons/bookmark.svg +1 -0
- data/vendor/assets/images/icons/breadcrumb.svg +1 -0
- data/vendor/assets/images/icons/calculator.svg +1 -0
- data/vendor/assets/images/icons/calendar.svg +1 -0
- data/vendor/assets/images/icons/car.svg +1 -0
- data/vendor/assets/images/icons/checkbox-tick.svg +1 -0
- data/vendor/assets/images/icons/clock.svg +1 -0
- data/vendor/assets/images/icons/close.svg +1 -0
- data/vendor/assets/images/icons/cog.svg +1 -0
- data/vendor/assets/images/icons/controller.svg +1 -0
- data/vendor/assets/images/icons/credit-card.svg +1 -0
- data/vendor/assets/images/icons/cross.svg +1 -0
- data/vendor/assets/images/icons/desktop.svg +1 -0
- data/vendor/assets/images/icons/doc.svg +1 -0
- data/vendor/assets/images/icons/down-arrow.svg +1 -0
- data/vendor/assets/images/icons/dual-fuel.svg +1 -0
- data/vendor/assets/images/icons/electric-light.svg +1 -0
- data/vendor/assets/images/icons/envelope.svg +1 -0
- data/vendor/assets/images/icons/exit-noexit.svg +1 -0
- data/vendor/assets/images/icons/facebook.svg +1 -0
- data/vendor/assets/images/icons/filter.svg +1 -0
- data/vendor/assets/images/icons/fixed-variable.svg +1 -0
- data/vendor/assets/images/icons/gas.svg +1 -0
- data/vendor/assets/images/icons/gauge.svg +1 -0
- data/vendor/assets/images/icons/github.svg +1 -0
- data/vendor/assets/images/icons/google.svg +1 -0
- data/vendor/assets/images/icons/graph-up.svg +1 -0
- data/vendor/assets/images/icons/happy.svg +1 -0
- data/vendor/assets/images/icons/home.svg +1 -0
- data/vendor/assets/images/icons/hot.svg +1 -0
- data/vendor/assets/images/icons/info.svg +1 -0
- data/vendor/assets/images/icons/kettle.svg +1 -0
- data/vendor/assets/images/icons/key.svg +1 -0
- data/vendor/assets/images/icons/laptop.svg +1 -0
- data/vendor/assets/images/icons/lock.svg +1 -0
- data/vendor/assets/images/icons/magnify-in.svg +1 -0
- data/vendor/assets/images/icons/magnify-out.svg +1 -0
- data/vendor/assets/images/icons/magnify.svg +1 -0
- data/vendor/assets/images/icons/menu.svg +1 -0
- data/vendor/assets/images/icons/message.svg +1 -0
- data/vendor/assets/images/icons/mobile.svg +1 -0
- data/vendor/assets/images/icons/monthly-dd.svg +1 -0
- data/vendor/assets/images/icons/neutral.svg +1 -0
- data/vendor/assets/images/icons/no-exit.svg +1 -0
- data/vendor/assets/images/icons/pdf.svg +1 -0
- data/vendor/assets/images/icons/pencil.svg +1 -0
- data/vendor/assets/images/icons/person-add.svg +1 -0
- data/vendor/assets/images/icons/person.svg +1 -0
- data/vendor/assets/images/icons/phone.svg +1 -0
- data/vendor/assets/images/icons/piggy-bank.svg +1 -0
- data/vendor/assets/images/icons/pin.svg +1 -0
- data/vendor/assets/images/icons/play.svg +1 -0
- data/vendor/assets/images/icons/pound-circle.svg +1 -0
- data/vendor/assets/images/icons/pound-note.svg +1 -0
- data/vendor/assets/images/icons/power.svg +1 -0
- data/vendor/assets/images/icons/present.svg +1 -0
- data/vendor/assets/images/icons/print.svg +1 -0
- data/vendor/assets/images/icons/quarterly-dd.svg +1 -0
- data/vendor/assets/images/icons/question-circle.svg +1 -0
- data/vendor/assets/images/icons/question.svg +1 -0
- data/vendor/assets/images/icons/quote.svg +1 -0
- data/vendor/assets/images/icons/recycle.svg +1 -0
- data/vendor/assets/images/icons/remove.svg +1 -0
- data/vendor/assets/images/icons/renewable.svg +1 -0
- data/vendor/assets/images/icons/results.svg +1 -0
- data/vendor/assets/images/icons/sad.svg +1 -0
- data/vendor/assets/images/icons/save.svg +1 -0
- data/vendor/assets/images/icons/share.svg +1 -0
- data/vendor/assets/images/icons/sim.svg +1 -0
- data/vendor/assets/images/icons/smiley.svg +1 -0
- data/vendor/assets/images/icons/sort.svg +1 -0
- data/vendor/assets/images/icons/speech-circle.svg +1 -0
- data/vendor/assets/images/icons/speech.svg +1 -0
- data/vendor/assets/images/icons/spinner 2.svg +1 -0
- data/vendor/assets/images/icons/spinner.svg +1 -0
- data/vendor/assets/images/icons/spinner_fallback.gif +0 -0
- data/vendor/assets/images/icons/star-half.svg +1 -0
- data/vendor/assets/images/icons/star.svg +1 -0
- data/vendor/assets/images/icons/starline-half.svg +1 -0
- data/vendor/assets/images/icons/starline.svg +1 -0
- data/vendor/assets/images/icons/tablet.svg +1 -0
- data/vendor/assets/images/icons/talk.svg +1 -0
- data/vendor/assets/images/icons/tick-circle.svg +1 -0
- data/vendor/assets/images/icons/tick.svg +1 -0
- data/vendor/assets/images/icons/tv.svg +1 -0
- data/vendor/assets/images/icons/twitter.svg +1 -0
- data/vendor/assets/images/icons/ustyle.svg +1 -0
- data/vendor/assets/images/icons/uswitch.svg +1 -0
- data/vendor/assets/images/icons/variable.svg +1 -0
- data/vendor/assets/images/icons/warning-circle.svg +1 -0
- data/vendor/assets/images/icons/warning.svg +1 -0
- data/vendor/assets/images/icons/wifi.svg +1 -0
- data/vendor/assets/images/icons/wiki.svg +1 -0
- data/vendor/assets/images/icons/windows.svg +1 -0
- data/vendor/assets/images/icons/wondering.svg +1 -0
- data/vendor/assets/images/icons/world.svg +1 -0
- data/vendor/assets/images/icons/xml.svg +1 -0
- data/vendor/assets/javascripts/ustyle/anchor.js +300 -0
- data/vendor/assets/javascripts/ustyle/backdrop.js +56 -0
- data/vendor/assets/javascripts/ustyle/classtoggler.js +58 -0
- data/vendor/assets/javascripts/ustyle/login/login.js +165 -0
- data/vendor/assets/javascripts/ustyle/login/password-helper.js +151 -0
- data/vendor/assets/javascripts/ustyle/overlay.js +125 -0
- data/vendor/assets/javascripts/ustyle/radioToggle.js +28 -0
- data/vendor/assets/javascripts/ustyle/tabs.js +120 -0
- data/vendor/assets/javascripts/ustyle/utils.js +106 -0
- data/vendor/assets/javascripts/ustyle.js +7 -0
- data/vendor/assets/stylesheets/ustyle/_all.scss +50 -0
- data/vendor/assets/stylesheets/ustyle/_content.scss +5 -0
- data/vendor/assets/stylesheets/ustyle/_global.scss +24 -0
- data/vendor/assets/stylesheets/ustyle/_icons.scss +20 -0
- data/vendor/assets/stylesheets/ustyle/articles/_base.scss +88 -0
- data/vendor/assets/stylesheets/ustyle/articles/_guide.scss +57 -0
- data/vendor/assets/stylesheets/ustyle/articles/_more.scss +31 -0
- data/vendor/assets/stylesheets/ustyle/articles/_news.scss +214 -0
- data/vendor/assets/stylesheets/ustyle/articles/_related.scss +74 -0
- data/vendor/assets/stylesheets/ustyle/basics/_extends.scss +69 -0
- data/vendor/assets/stylesheets/ustyle/basics/_font-face-ie.scss +31 -0
- data/vendor/assets/stylesheets/ustyle/basics/_font-face.scss +31 -0
- data/vendor/assets/stylesheets/ustyle/basics/_fonts.scss +27 -0
- data/vendor/assets/stylesheets/ustyle/basics/_functions.scss +78 -0
- data/vendor/assets/stylesheets/ustyle/basics/_grid.scss +86 -0
- data/vendor/assets/stylesheets/ustyle/basics/_typography.scss +123 -0
- data/vendor/assets/stylesheets/ustyle/basics/_variables.scss +188 -0
- data/vendor/assets/stylesheets/ustyle/basics/variables/_colors.scss +95 -0
- data/vendor/assets/stylesheets/ustyle/basics/variables/_forms.scss +65 -0
- data/vendor/assets/stylesheets/ustyle/basics/variables/_icons.scss +166 -0
- data/vendor/assets/stylesheets/ustyle/components/_anchor.scss +134 -0
- data/vendor/assets/stylesheets/ustyle/components/_backdrop.scss +19 -0
- data/vendor/assets/stylesheets/ustyle/components/_breadcrumbs.scss +59 -0
- data/vendor/assets/stylesheets/ustyle/components/_button.scss +184 -0
- data/vendor/assets/stylesheets/ustyle/components/_content-group.scss +33 -0
- data/vendor/assets/stylesheets/ustyle/components/_cta.scss +64 -0
- data/vendor/assets/stylesheets/ustyle/components/_featured.scss +112 -0
- data/vendor/assets/stylesheets/ustyle/components/_grid-classes.scss +52 -0
- data/vendor/assets/stylesheets/ustyle/components/_hero.scss +42 -0
- data/vendor/assets/stylesheets/ustyle/components/_links.scss +30 -0
- data/vendor/assets/stylesheets/ustyle/components/_lists-li.scss +89 -0
- data/vendor/assets/stylesheets/ustyle/components/_lists.scss +46 -0
- data/vendor/assets/stylesheets/ustyle/components/_loader.scss +142 -0
- data/vendor/assets/stylesheets/ustyle/components/_overlay.scss +183 -0
- data/vendor/assets/stylesheets/ustyle/components/_progress.scss +126 -0
- data/vendor/assets/stylesheets/ustyle/components/_tabs.scss +239 -0
- data/vendor/assets/stylesheets/ustyle/components/_tooltip.scss +244 -0
- data/vendor/assets/stylesheets/ustyle/components/_usp.scss +69 -0
- data/vendor/assets/stylesheets/ustyle/content/_base.scss +195 -0
- data/vendor/assets/stylesheets/ustyle/content/_c-header.scss +30 -0
- data/vendor/assets/stylesheets/ustyle/content/_c-social.scss +10 -0
- data/vendor/assets/stylesheets/ustyle/content/_c-tabs.scss +30 -0
- data/vendor/assets/stylesheets/ustyle/forms/_base.scss +9 -0
- data/vendor/assets/stylesheets/ustyle/forms/_fields.scss +75 -0
- data/vendor/assets/stylesheets/ustyle/forms/_input-group.scss +101 -0
- data/vendor/assets/stylesheets/ustyle/forms/_input.scss +63 -0
- data/vendor/assets/stylesheets/ustyle/forms/_radio-checkbox.scss +133 -0
- data/vendor/assets/stylesheets/ustyle/forms/_reset.scss +23 -0
- data/vendor/assets/stylesheets/ustyle/forms/_select.scss +125 -0
- data/vendor/assets/stylesheets/ustyle/forms/_textarea.scss +33 -0
- data/vendor/assets/stylesheets/ustyle/forms/_toggle.scss +125 -0
- data/vendor/assets/stylesheets/ustyle/forms/_validation.scss +104 -0
- data/vendor/assets/stylesheets/ustyle/icons/_base.scss +239 -0
- data/vendor/assets/stylesheets/ustyle/icons/_png.scss +37 -0
- data/vendor/assets/stylesheets/ustyle/icons/_svg.scss +29 -0
- data/vendor/assets/stylesheets/ustyle/login/_base.scss +81 -0
- data/vendor/assets/stylesheets/ustyle/login/_password-help.scss +61 -0
- data/vendor/assets/stylesheets/ustyle/login/_social.scss +63 -0
- data/vendor/assets/stylesheets/ustyle/mixins/_arrow.scss +51 -0
- data/vendor/assets/stylesheets/ustyle/mixins/_base.scss +8 -0
- data/vendor/assets/stylesheets/ustyle/mixins/_baseline.scss +41 -0
- data/vendor/assets/stylesheets/ustyle/mixins/_forms.scss +62 -0
- data/vendor/assets/stylesheets/ustyle/mixins/_general.scss +24 -0
- data/vendor/assets/stylesheets/ustyle/mixins/_link-colors.scss +44 -0
- data/vendor/assets/stylesheets/ustyle/mixins/_media-query.scss +116 -0
- data/vendor/assets/stylesheets/ustyle/mixins/_rgba-inline.scss +18 -0
- data/vendor/assets/stylesheets/ustyle/mixins/_typography.scss +98 -0
- data/vendor/assets/stylesheets/ustyle/tables/_base.scss +4 -0
- data/vendor/assets/stylesheets/ustyle/tables/_tables-basic.scss +72 -0
- data/vendor/assets/stylesheets/ustyle/tables/_tables-sortable.scss +72 -0
- data/vendor/assets/stylesheets/ustyle/tables/_tables-with-key-cells.scss +18 -0
- data/vendor/assets/stylesheets/ustyle/tables/_variables.scss +15 -0
- data/vendor/assets/stylesheets/ustyle/utilities/_general.scss +106 -0
- data/vendor/assets/stylesheets/ustyle/utilities/_grid.scss +13 -0
- data/vendor/assets/stylesheets/ustyle/utilities/_images.scss +34 -0
- data/vendor/assets/stylesheets/ustyle/utilities/_responsive.scss +101 -0
- data/vendor/assets/stylesheets/ustyle/utilities/_spacing.scss +74 -0
- data/vendor/assets/stylesheets/ustyle/vendor/normalize.scss +427 -0
- data/vendor/assets/stylesheets/ustyle-content.scss +2 -0
- data/vendor/assets/stylesheets/ustyle-icons.scss +1 -0
- data/vendor/assets/stylesheets/ustyle.scss +1 -0
- metadata +822 -0
@@ -0,0 +1,166 @@
|
|
1
|
+
//
|
2
|
+
// These are the default icon variables to set up the uStyle SVG/PNG icons
|
3
|
+
//
|
4
|
+
|
5
|
+
$icons: (
|
6
|
+
alarm
|
7
|
+
android
|
8
|
+
angry
|
9
|
+
apple
|
10
|
+
arrow-circle
|
11
|
+
arrow-up-left
|
12
|
+
arrow-up
|
13
|
+
barchart
|
14
|
+
blackberry
|
15
|
+
book
|
16
|
+
bookmark
|
17
|
+
breadcrumb
|
18
|
+
calculator
|
19
|
+
calendar
|
20
|
+
car
|
21
|
+
checkbox-tick
|
22
|
+
clock
|
23
|
+
close
|
24
|
+
cog
|
25
|
+
credit-card
|
26
|
+
cross
|
27
|
+
desktop
|
28
|
+
doc
|
29
|
+
down-arrow
|
30
|
+
dual-fuel
|
31
|
+
electric-light
|
32
|
+
envelope
|
33
|
+
exit-noexit
|
34
|
+
facebook
|
35
|
+
filter
|
36
|
+
fixed-variable
|
37
|
+
gas
|
38
|
+
gauge
|
39
|
+
github
|
40
|
+
google
|
41
|
+
graph-up
|
42
|
+
happy
|
43
|
+
home
|
44
|
+
hot
|
45
|
+
info
|
46
|
+
kettle
|
47
|
+
key
|
48
|
+
laptop
|
49
|
+
lock
|
50
|
+
magnify-in
|
51
|
+
magnify-out
|
52
|
+
magnify
|
53
|
+
menu
|
54
|
+
message
|
55
|
+
mobile
|
56
|
+
monthly-dd
|
57
|
+
neutral
|
58
|
+
no-exit
|
59
|
+
pdf
|
60
|
+
pencil
|
61
|
+
person-add
|
62
|
+
person
|
63
|
+
phone
|
64
|
+
piggy-bank
|
65
|
+
pin
|
66
|
+
pound-note
|
67
|
+
power
|
68
|
+
present
|
69
|
+
print
|
70
|
+
quarterly-dd
|
71
|
+
question-circle
|
72
|
+
question
|
73
|
+
quote
|
74
|
+
recycle
|
75
|
+
remove
|
76
|
+
renewable
|
77
|
+
results
|
78
|
+
sad
|
79
|
+
save
|
80
|
+
share
|
81
|
+
sim
|
82
|
+
smiley
|
83
|
+
sort
|
84
|
+
speech-circle
|
85
|
+
speech
|
86
|
+
spinner
|
87
|
+
star-half
|
88
|
+
star
|
89
|
+
starline-half
|
90
|
+
starline
|
91
|
+
tablet
|
92
|
+
talk
|
93
|
+
tick-circle
|
94
|
+
tick
|
95
|
+
tv
|
96
|
+
twitter
|
97
|
+
uswitch
|
98
|
+
variable
|
99
|
+
warning-circle
|
100
|
+
warning
|
101
|
+
wifi
|
102
|
+
wiki
|
103
|
+
windows
|
104
|
+
wondering
|
105
|
+
world
|
106
|
+
xml
|
107
|
+
play
|
108
|
+
controller
|
109
|
+
pound-circle
|
110
|
+
) !default;
|
111
|
+
|
112
|
+
/// If set to `true` it will load **all** the icons within the uStyle repository. Use with care unless
|
113
|
+
/// you're modifying the icon set
|
114
|
+
///
|
115
|
+
/// @group Icons
|
116
|
+
/// @type Boolean
|
117
|
+
|
118
|
+
$load-icons: false !default;
|
119
|
+
|
120
|
+
/// Default path for the icons. Is relative for sprockets, may be different for other projects
|
121
|
+
///
|
122
|
+
/// @group Icons
|
123
|
+
/// @type String
|
124
|
+
|
125
|
+
$base-icon-path: "icons/" !default;
|
126
|
+
|
127
|
+
/// If this is set then SVGs are loaded first with the `$png-support-class` being the
|
128
|
+
/// fallback top level HTML class for loading in the PNGs.
|
129
|
+
///
|
130
|
+
/// @group Icons
|
131
|
+
/// @type Bool
|
132
|
+
|
133
|
+
$svg-first: true !default;
|
134
|
+
|
135
|
+
/// Default support class fir SVG support. An SVG detection system is needed for this to
|
136
|
+
/// be implemented. Feature detection like modernizr will do the trick.
|
137
|
+
///
|
138
|
+
/// @group Icons
|
139
|
+
/// @type String
|
140
|
+
|
141
|
+
$svg-support-class: ".svg-on" !default;
|
142
|
+
|
143
|
+
/// Same as the `$svg-support-class` but applicable if `$svg-first` is set to `true`
|
144
|
+
///
|
145
|
+
/// @group Icons
|
146
|
+
/// @type String
|
147
|
+
|
148
|
+
$png-support-class: ".svg-off" !default;
|
149
|
+
|
150
|
+
/// List of the supported SVG sprite colours
|
151
|
+
///
|
152
|
+
/// @group Icons
|
153
|
+
/// @type List
|
154
|
+
|
155
|
+
$icon-colors: "white", "typegrey", "inputgrey", "typecyan", "custom" !default;
|
156
|
+
|
157
|
+
/// List of the icon sizes and their respective names
|
158
|
+
///
|
159
|
+
/// @group Icons
|
160
|
+
/// @type List
|
161
|
+
|
162
|
+
$icon-sizes: (
|
163
|
+
(small, 16px, 16px),
|
164
|
+
(medium, 32px, 32px),
|
165
|
+
(large, 64px, 64px)
|
166
|
+
) !default;
|
@@ -0,0 +1,134 @@
|
|
1
|
+
// @page Pattern Library/JavaScript
|
2
|
+
// @name Anchor
|
3
|
+
//
|
4
|
+
// @description
|
5
|
+
// Anchor is a naive implementation of Tether by HubSpot. It creates an independent dropdown that is "anchored" to the bottom of the target element.
|
6
|
+
// We've decided to only support IE9+, as the uses of Anchor throughout uSwitch are for progressive enhancement.
|
7
|
+
//
|
8
|
+
// @javascript
|
9
|
+
// var anchor = new Anchor({
|
10
|
+
// classPrefix: "us-anchor"
|
11
|
+
// openEvent: "click"
|
12
|
+
// showClose: true
|
13
|
+
// isAjax: false
|
14
|
+
// });
|
15
|
+
//
|
16
|
+
// @markup
|
17
|
+
// <span class='us-btn js-example-anchor'>Click me!</span>
|
18
|
+
// <div class='us-anchor__target js-example-anchor__target'>
|
19
|
+
// <p>Kielbasa tenderloin spare ribs, andouille doner brisket chuck drumstick bresaola short loin pork t-bone ground round jowl. Ball tip pork loin doner tongue filet mignon biltong hamburger leberkas. Filet mignon kielbasa kevin short ribs, drumstick chuck shankle spare ribs tri-tip.</p>
|
20
|
+
// </div>
|
21
|
+
|
22
|
+
@keyframes anchor-show {
|
23
|
+
0% {
|
24
|
+
transform: scale(0) translateZ(0);
|
25
|
+
}
|
26
|
+
|
27
|
+
100% {
|
28
|
+
transform: scale(1) translateZ(0);
|
29
|
+
}
|
30
|
+
}
|
31
|
+
|
32
|
+
.us-anchor,
|
33
|
+
.us-anchor__target {
|
34
|
+
display: none;
|
35
|
+
}
|
36
|
+
|
37
|
+
.us-anchor {
|
38
|
+
right: 0;
|
39
|
+
opacity: .999;
|
40
|
+
transform: translateZ(0);
|
41
|
+
transition: opacity 300ms;
|
42
|
+
|
43
|
+
@include respond-to(small-tablet) {
|
44
|
+
right: auto;
|
45
|
+
}
|
46
|
+
|
47
|
+
.us-anchor__target {
|
48
|
+
display: block;
|
49
|
+
}
|
50
|
+
}
|
51
|
+
|
52
|
+
.us-anchor--open {
|
53
|
+
display: block;
|
54
|
+
|
55
|
+
.us-anchor__content {
|
56
|
+
animation: anchor-show 300ms forwards;
|
57
|
+
}
|
58
|
+
}
|
59
|
+
|
60
|
+
.us-anchor--after-open {
|
61
|
+
opacity: 1;
|
62
|
+
transition: none;
|
63
|
+
}
|
64
|
+
|
65
|
+
.us-anchor__content {
|
66
|
+
@include normal-font;
|
67
|
+
position: relative;
|
68
|
+
max-width: 98%;
|
69
|
+
padding: $gutter-width / 2 $gutter-width / 2 $gutter-width;
|
70
|
+
margin-right: 1%;
|
71
|
+
margin-left: 1%;
|
72
|
+
background-color: #fff;
|
73
|
+
border: 1px solid $c-typegrey;
|
74
|
+
border-radius: 8px;
|
75
|
+
transition: transform 300ms 100ms;
|
76
|
+
transform-origin: 50%, -12px;
|
77
|
+
|
78
|
+
@include respond-to(small-tablet, true) {
|
79
|
+
padding: $gutter-width / 1.25 $gutter-width / 1.5 $gutter-width;
|
80
|
+
margin: 0;
|
81
|
+
}
|
82
|
+
|
83
|
+
.us-anchor--bottom & {
|
84
|
+
transform-origin: 50%, calc(100% + -12px);
|
85
|
+
}
|
86
|
+
}
|
87
|
+
|
88
|
+
.us-anchor__arrow {
|
89
|
+
position: absolute;
|
90
|
+
z-index: 5;
|
91
|
+
margin-left: -17.5px;
|
92
|
+
|
93
|
+
.us-anchor--top & {
|
94
|
+
@include arrow(35px, 15px, up, $c-typegrey);
|
95
|
+
top: -15px;
|
96
|
+
}
|
97
|
+
|
98
|
+
.us-anchor--bottom & {
|
99
|
+
@include arrow(35px, 15px, down, $c-typegrey);
|
100
|
+
bottom: -15px;
|
101
|
+
}
|
102
|
+
}
|
103
|
+
|
104
|
+
.us-anchor__arrow-inner {
|
105
|
+
position: absolute;
|
106
|
+
left: -17px;
|
107
|
+
|
108
|
+
.us-anchor--top & {
|
109
|
+
@include arrow(35px, 15px, up, #fff);
|
110
|
+
top: 2px;
|
111
|
+
}
|
112
|
+
|
113
|
+
.us-anchor--bottom & {
|
114
|
+
@include arrow(35px, 15px, down, #fff);
|
115
|
+
bottom: 2px;
|
116
|
+
}
|
117
|
+
}
|
118
|
+
|
119
|
+
.us-anchor__close-button {
|
120
|
+
@include link-colors(#fff, #fff, #fff, #fff);
|
121
|
+
position: absolute;
|
122
|
+
top: -7.5px;
|
123
|
+
right: -7.5px;
|
124
|
+
width: 25px;
|
125
|
+
height: 25px;
|
126
|
+
text-align: center;
|
127
|
+
background-color: #000;
|
128
|
+
border-radius: 50%;
|
129
|
+
|
130
|
+
&:before {
|
131
|
+
font-size: 2em;
|
132
|
+
content: "\00d7";
|
133
|
+
}
|
134
|
+
}
|
@@ -0,0 +1,19 @@
|
|
1
|
+
.us-backdrop {
|
2
|
+
position: fixed;
|
3
|
+
top: 0;
|
4
|
+
right: 0;
|
5
|
+
bottom: 0;
|
6
|
+
left: 0;
|
7
|
+
z-index: 1002;
|
8
|
+
background: rgba-inline(rgba($c-blue, .5), 100);
|
9
|
+
opacity: 0;
|
10
|
+
visibility: hidden;
|
11
|
+
}
|
12
|
+
|
13
|
+
.us-backdrop--visible {
|
14
|
+
visibility: visible;
|
15
|
+
}
|
16
|
+
|
17
|
+
.us-backdrop--active {
|
18
|
+
opacity: 1;
|
19
|
+
}
|
@@ -0,0 +1,59 @@
|
|
1
|
+
// @page Pattern Library/Components
|
2
|
+
// @name Breadcrumbs
|
3
|
+
//
|
4
|
+
// @description
|
5
|
+
// Breadcrumbs are used to provide signposting of a users location and to enable quick navigation around the site. They are only to be used as a secondary means of navigation however. Pages should also be navigable through other means.
|
6
|
+
//
|
7
|
+
// @markup
|
8
|
+
// <ul class="us-crumbs">
|
9
|
+
// <li class="us-crumbs__item"><a href="/" class="us-crumbs__link">uSwitch.com</a></li>
|
10
|
+
// <li class="us-crumbs__item"><a class="us-crumbs__link" href="http://www.uswitch.com/credit-reports/">Credit report</a></li>
|
11
|
+
// <li class="us-crumbs__item"><a class="us-crumbs__link" href="http://www.uswitch.com/credit-reports/guides/">Credit reports guides</a></li>
|
12
|
+
// <li class="us-crumbs__item">Statutory credit reports</li>
|
13
|
+
// </ul>
|
14
|
+
|
15
|
+
.us-crumbs {
|
16
|
+
@extend %reset-box-model;
|
17
|
+
@extend %clearfix;
|
18
|
+
@extend %small-font;
|
19
|
+
margin-top: 1em;
|
20
|
+
margin-bottom: 1em;
|
21
|
+
list-style: none;
|
22
|
+
}
|
23
|
+
|
24
|
+
.us-crumbs__item {
|
25
|
+
@extend %float-left;
|
26
|
+
margin-bottom: 0;
|
27
|
+
color: $c-typegrey;
|
28
|
+
|
29
|
+
&:before {
|
30
|
+
display: inline-block;
|
31
|
+
margin: 0 .35em;
|
32
|
+
font-size: 1.4em;
|
33
|
+
font-weight: normal;
|
34
|
+
content: "\203A";
|
35
|
+
}
|
36
|
+
|
37
|
+
&:first-child:before {
|
38
|
+
width: 0;
|
39
|
+
margin: 0;
|
40
|
+
color: transparent;
|
41
|
+
}
|
42
|
+
|
43
|
+
&:last-child {
|
44
|
+
font-weight: bold;
|
45
|
+
}
|
46
|
+
}
|
47
|
+
|
48
|
+
.us-crumbs__link {
|
49
|
+
color: $c-typegrey;
|
50
|
+
|
51
|
+
&:visited {
|
52
|
+
color: $c-typegrey;
|
53
|
+
}
|
54
|
+
|
55
|
+
&:hover {
|
56
|
+
color: $c-typegrey;
|
57
|
+
text-decoration: underline;
|
58
|
+
}
|
59
|
+
}
|
@@ -0,0 +1,184 @@
|
|
1
|
+
// @page Pattern Library/Components
|
2
|
+
// @name Buttons
|
3
|
+
//
|
4
|
+
// @description
|
5
|
+
// Our buttons used across the site. The states give different use cases. Both `<a>` and `<button>` tags are supported. Please use `role='button'` when using in a `<a>` tag.
|
6
|
+
//
|
7
|
+
// @state .us-btn--primary - Used a save/update button
|
8
|
+
// @state .us-btn--action - Navigational button
|
9
|
+
// @state .us-btn--secondary - Secondary
|
10
|
+
// @state .us-btn--hero - Navy outline used for buttons on hero banners
|
11
|
+
// @state .us-btn--reversed - White outline for dark backgrounds
|
12
|
+
// @state .us-btn--large - Larger button for heros
|
13
|
+
// @state .us-btn--small - Smaller button for mobile tables
|
14
|
+
// @state .us-btn--blocked - Full width button
|
15
|
+
// @state .us-btn--link - link style button
|
16
|
+
// @state .us-btn--stronger - Emphasis button
|
17
|
+
// @state .us-btn--disabled - Disabled styling (can also be styled with :disabled)
|
18
|
+
//
|
19
|
+
// @markup
|
20
|
+
// <a href="#" class="us-btn {$modifiers}" role="button">Link Button</a>
|
21
|
+
// <button class="us-btn {$modifiers}">Button Element</button>
|
22
|
+
|
23
|
+
$button-bg--base : $c-keylinegrey !default;
|
24
|
+
$button-bg--base-hover: $c-typecyan !default;
|
25
|
+
$button-bg--primary : $c-red !default;
|
26
|
+
$button-bg--secondary : $c-typecyan !default;
|
27
|
+
$button-bg--action : $c-green !default;
|
28
|
+
$button-bg--hero : $c-navy !default;
|
29
|
+
$button-bg--reversed : #fff !default;
|
30
|
+
|
31
|
+
$button-text--light: #fff !default;
|
32
|
+
$button-text--dark: $c-typegrey !default;
|
33
|
+
|
34
|
+
$button-styles: (
|
35
|
+
("primary", $button-bg--primary, $button-text--light),
|
36
|
+
("secondary", $button-bg--secondary, $button-text--light),
|
37
|
+
("action", $button-bg--action, $button-text--light)
|
38
|
+
) !default;
|
39
|
+
|
40
|
+
$outline-button-styles: (
|
41
|
+
("hero", $button-bg--hero, $button-bg--hero),
|
42
|
+
("reversed", $button-bg--reversed, $button-bg--reversed)
|
43
|
+
) !default;
|
44
|
+
|
45
|
+
@mixin button-style($name, $outlined: false) {
|
46
|
+
@if $outlined {
|
47
|
+
&,
|
48
|
+
&:visited {
|
49
|
+
color: nth($name, 3);
|
50
|
+
background-color: transparent;
|
51
|
+
border-color: nth($name, 2);
|
52
|
+
}
|
53
|
+
} @else {
|
54
|
+
&,
|
55
|
+
&:visited {
|
56
|
+
color: nth($name, 3);
|
57
|
+
background-color: nth($name, 2);
|
58
|
+
border-color: shade(nth($name, 2), 20%);
|
59
|
+
}
|
60
|
+
}
|
61
|
+
|
62
|
+
&:hover,
|
63
|
+
&:focus {
|
64
|
+
@if $outlined {
|
65
|
+
color: nth($name, 2);
|
66
|
+
border-color: nth($name, 2);
|
67
|
+
@if nth($name, 2) == #fff {
|
68
|
+
@include rgba-inline(transparentize(nth($name, 2), .8));
|
69
|
+
} @else {
|
70
|
+
background-color: tint(nth($name, 2), 90%);
|
71
|
+
}
|
72
|
+
} @else {
|
73
|
+
color: nth($name, 3);
|
74
|
+
background-color: shade(nth($name, 2), 20%);
|
75
|
+
border-color: shade(nth($name, 2), 20%);
|
76
|
+
}
|
77
|
+
}
|
78
|
+
|
79
|
+
&:active {
|
80
|
+
@if $outlined {
|
81
|
+
@if nth($name, 2) == #fff {
|
82
|
+
color: $button-text--dark;
|
83
|
+
} @else {
|
84
|
+
color: #fff;
|
85
|
+
}
|
86
|
+
background-color: nth($name, 2);
|
87
|
+
border-color: nth($name, 2);
|
88
|
+
} @else {
|
89
|
+
color: #fff;
|
90
|
+
background-color: shade(nth($name, 2), 50%);
|
91
|
+
border-color: shade(nth($name, 2), 50%);
|
92
|
+
}
|
93
|
+
}
|
94
|
+
}
|
95
|
+
|
96
|
+
%btn,
|
97
|
+
.us-btn {
|
98
|
+
@extend %reset-box-model;
|
99
|
+
@extend %input-background--normalise;
|
100
|
+
@include normal-font;
|
101
|
+
display: inline-block;
|
102
|
+
padding: .63em 1.25em;
|
103
|
+
font-size: 1em;
|
104
|
+
line-height: 1em;
|
105
|
+
color: $c-typegrey;
|
106
|
+
text-align: center;
|
107
|
+
text-decoration: none;
|
108
|
+
white-space: nowrap;
|
109
|
+
vertical-align: middle;
|
110
|
+
cursor: pointer;
|
111
|
+
background-color: $button-bg--base;
|
112
|
+
border: 1px solid shade($button-bg--base, 20%);
|
113
|
+
border-radius: 3px;
|
114
|
+
outline: 0;
|
115
|
+
transition: none;
|
116
|
+
|
117
|
+
&:visited {
|
118
|
+
color: $c-typegrey;
|
119
|
+
}
|
120
|
+
|
121
|
+
&:hover,
|
122
|
+
&:focus {
|
123
|
+
color: $button-bg--base-hover;
|
124
|
+
background-color: tint($button-bg--base-hover, 90%);
|
125
|
+
border-color: $button-bg--base-hover;
|
126
|
+
}
|
127
|
+
|
128
|
+
&:active {
|
129
|
+
color: #fff;
|
130
|
+
background-color: $button-bg--base-hover;
|
131
|
+
}
|
132
|
+
}
|
133
|
+
|
134
|
+
.us-btn--stronger {
|
135
|
+
@include heading-font;
|
136
|
+
}
|
137
|
+
|
138
|
+
.us-btn--large {
|
139
|
+
font-size: 1.2em;
|
140
|
+
}
|
141
|
+
|
142
|
+
.us-btn--small {
|
143
|
+
padding: .4em .65em;
|
144
|
+
}
|
145
|
+
|
146
|
+
.us-btn--blocked {
|
147
|
+
display: block;
|
148
|
+
width: 100%;
|
149
|
+
padding-right: 0;
|
150
|
+
padding-left: 0;
|
151
|
+
}
|
152
|
+
|
153
|
+
.us-btn--link {
|
154
|
+
padding: 0;
|
155
|
+
line-height: $base-line-ratio;
|
156
|
+
color: $c-blue;
|
157
|
+
background-color: transparent;
|
158
|
+
border: 0;
|
159
|
+
|
160
|
+
&:hover {
|
161
|
+
color: $c-navy;
|
162
|
+
text-decoration: underline;
|
163
|
+
background-color: transparent;
|
164
|
+
}
|
165
|
+
}
|
166
|
+
|
167
|
+
.us-btn--disabled,
|
168
|
+
.us-btn:disabled {
|
169
|
+
pointer-events: none;
|
170
|
+
opacity: .5;
|
171
|
+
}
|
172
|
+
|
173
|
+
@each $button-style in $button-styles {
|
174
|
+
%btn--#{nth($button-style, 1)},
|
175
|
+
.us-btn--#{nth($button-style, 1)} {
|
176
|
+
@include button-style($button-style);
|
177
|
+
}
|
178
|
+
}
|
179
|
+
@each $button-style in $outline-button-styles {
|
180
|
+
%btn--#{nth($button-style, 1)},
|
181
|
+
.us-btn--#{nth($button-style, 1)} {
|
182
|
+
@include button-style($button-style, true);
|
183
|
+
}
|
184
|
+
}
|
@@ -0,0 +1,33 @@
|
|
1
|
+
// @page Pattern Library/Components
|
2
|
+
// @name Content group
|
3
|
+
//
|
4
|
+
// @description
|
5
|
+
// The `.us-content-group` is a separator element for content groupings. Ideal to split up landing pages with reasonable padding.
|
6
|
+
//
|
7
|
+
// @state .mobile-bordered - Adds a smaller border and padding to mobile devices.
|
8
|
+
//
|
9
|
+
// @markup
|
10
|
+
// <div class='us-content-group {$modifiers}'>
|
11
|
+
// <p>
|
12
|
+
// Swat at dog intrigued by the shower missing until dinner time and run in circles use lap as chair.
|
13
|
+
// </p>
|
14
|
+
// </div>
|
15
|
+
|
16
|
+
$content-group-border-color: $c-keylinegrey !default;
|
17
|
+
|
18
|
+
.us-content-group,
|
19
|
+
%us-content-group {
|
20
|
+
@include respond-to($default-grid-breakpoint, true) {
|
21
|
+
padding-top: 50px;
|
22
|
+
padding-bottom: 50px;
|
23
|
+
border-bottom: 1px solid $content-group-border-color;
|
24
|
+
}
|
25
|
+
|
26
|
+
&.mobile-bordered {
|
27
|
+
@include respond-to(to-#{$default-grid-breakpoint}) {
|
28
|
+
padding-top: 15px;
|
29
|
+
padding-bottom: 15px;
|
30
|
+
border-bottom: 1px solid $content-group-border-color;
|
31
|
+
}
|
32
|
+
}
|
33
|
+
}
|
@@ -0,0 +1,64 @@
|
|
1
|
+
// @page Pattern Library/Components
|
2
|
+
// @name CTAs
|
3
|
+
//
|
4
|
+
// @description
|
5
|
+
// Used within guide and news articles, these CTAs are intended to not interupt the content but to integrate in more subtle means.
|
6
|
+
//
|
7
|
+
// @markup
|
8
|
+
// <section class="us-cta cta cta-column">
|
9
|
+
// <form>
|
10
|
+
// <h3 class="us-cta__title">It’s your report</h3>
|
11
|
+
// <p>Join the campaign to fight for free annual credit reports for everyone</p>
|
12
|
+
// <a href="/money/itsmyreport/" class="us-btn us-btn--primary" rel="nofollow">Sign the petition</a>
|
13
|
+
// </form>
|
14
|
+
// </section>
|
15
|
+
|
16
|
+
.us-cta {
|
17
|
+
padding: $gutter-width / 2;
|
18
|
+
margin-bottom: 1.5em;
|
19
|
+
background-color: tint($c-typegrey, 90%);
|
20
|
+
border-bottom: 10px solid $c-navy;
|
21
|
+
|
22
|
+
@include respond-to(tablet, true) {
|
23
|
+
padding: $gutter-width / 1.5;
|
24
|
+
border-bottom: 0;
|
25
|
+
border-left: 10px solid $c-navy;
|
26
|
+
}
|
27
|
+
|
28
|
+
label {
|
29
|
+
display: block;
|
30
|
+
|
31
|
+
@include respond-to(desktop, true) {
|
32
|
+
display: inline-block;
|
33
|
+
}
|
34
|
+
}
|
35
|
+
}
|
36
|
+
|
37
|
+
.us-cta__title.us-cta__title {
|
38
|
+
@include heading-font;
|
39
|
+
margin-top: 0;
|
40
|
+
font-size: 16px;
|
41
|
+
font-size: rem($base-font-size);
|
42
|
+
|
43
|
+
@include respond-to(tablet) {
|
44
|
+
@include heading(4, $extend: false);
|
45
|
+
}
|
46
|
+
|
47
|
+
@include respond-to(desktop, true) {
|
48
|
+
@include heading(3, $extend: false);
|
49
|
+
}
|
50
|
+
}
|
51
|
+
|
52
|
+
.us-cta--side {
|
53
|
+
padding: $gutter-width / 2;
|
54
|
+
border-bottom: 10px solid $c-navy;
|
55
|
+
border-left: 0;
|
56
|
+
|
57
|
+
@include respond-to(desktop, true) {
|
58
|
+
padding: $gutter-width / 1.5;
|
59
|
+
}
|
60
|
+
|
61
|
+
.us-form-input {
|
62
|
+
width: 100%;
|
63
|
+
}
|
64
|
+
}
|