ustyle 1.3.6

Sign up to get free protection for your applications and to get access to all the features.
Files changed (634) hide show
  1. checksums.yaml +7 -0
  2. data/.gitignore +23 -0
  3. data/.rbenv-gemsets +1 -0
  4. data/.ruby-version +1 -0
  5. data/CONTRIBUTING.md +68 -0
  6. data/Gemfile +4 -0
  7. data/Gruntfile.js +189 -0
  8. data/JAVASCRIPT_STANDARDS.md +88 -0
  9. data/LICENSE.txt +13 -0
  10. data/README.md +93 -0
  11. data/Rakefile +6 -0
  12. data/bower.json +54 -0
  13. data/config/.jscsrc +76 -0
  14. data/config/autoprefixer.yml +6 -0
  15. data/config/scss-lint.yml +54 -0
  16. data/dist/ustyle-content.css +1 -0
  17. data/dist/ustyle-icons.css +1 -0
  18. data/dist/ustyle-latest.css +1 -0
  19. data/dist/ustyle.js +799 -0
  20. data/dist/ustyle.json +1 -0
  21. data/grunt/modules/dss-helper.js +117 -0
  22. data/grunt/modules/file.js +26 -0
  23. data/grunt/modules/templates.js +59 -0
  24. data/grunt/tasks/browser-sync.js +19 -0
  25. data/grunt/tasks/builder.js +72 -0
  26. data/grunt/tasks/styleguide.js +290 -0
  27. data/grunt/tasks/svg2png.js +57 -0
  28. data/lib/ustyle/deploy.rb +31 -0
  29. data/lib/ustyle/engine.rb +24 -0
  30. data/lib/ustyle/hash.rb +44 -0
  31. data/lib/ustyle/icons.rb +13 -0
  32. data/lib/ustyle/sass_functions.rb +104 -0
  33. data/lib/ustyle/sinatra.rb +34 -0
  34. data/lib/ustyle/sprockets.rb +6 -0
  35. data/lib/ustyle/utils.rb +40 -0
  36. data/lib/ustyle/version.rb +4 -0
  37. data/lib/ustyle.rb +54 -0
  38. data/package.json +74 -0
  39. data/styleguide/CNAME +1 -0
  40. data/styleguide/assets/images/bower-logo.png +0 -0
  41. data/styleguide/assets/images/cloudfront-logo.png +0 -0
  42. data/styleguide/assets/images/illustration-01.png +0 -0
  43. data/styleguide/assets/images/illustration-02.png +0 -0
  44. data/styleguide/assets/images/illustration-03.png +0 -0
  45. data/styleguide/assets/images/illustration-04.png +0 -0
  46. data/styleguide/assets/images/illustration-05.png +0 -0
  47. data/styleguide/assets/images/illustration-06.png +0 -0
  48. data/styleguide/assets/images/illustration-07.png +0 -0
  49. data/styleguide/assets/images/illustration-08.png +0 -0
  50. data/styleguide/assets/images/infographic-01.png +0 -0
  51. data/styleguide/assets/images/infographic-02.png +0 -0
  52. data/styleguide/assets/images/lifestyle-photography-01.png +0 -0
  53. data/styleguide/assets/images/lifestyle-photography-02.png +0 -0
  54. data/styleguide/assets/images/lifestyle-photography-03.png +0 -0
  55. data/styleguide/assets/images/lifestyle-photography-04.png +0 -0
  56. data/styleguide/assets/images/lifestyle-photography-05.png +0 -0
  57. data/styleguide/assets/images/lifestyle-photography-06.png +0 -0
  58. data/styleguide/assets/images/lifestyle-photography-07.png +0 -0
  59. data/styleguide/assets/images/lifestyle-photography-08.png +0 -0
  60. data/styleguide/assets/images/npm-logo.png +0 -0
  61. data/styleguide/assets/images/object-photography-01.png +0 -0
  62. data/styleguide/assets/images/object-photography-02.png +0 -0
  63. data/styleguide/assets/images/object-photography-03.png +0 -0
  64. data/styleguide/assets/images/object-photography-04.png +0 -0
  65. data/styleguide/assets/images/object-photography-05.png +0 -0
  66. data/styleguide/assets/images/object-photography-06.png +0 -0
  67. data/styleguide/assets/images/object-photography-07.png +0 -0
  68. data/styleguide/assets/images/object-photography-08.png +0 -0
  69. data/styleguide/assets/images/ruby-logo.png +0 -0
  70. data/styleguide/assets/images/ustyle.svg +73 -0
  71. data/styleguide/assets/javascripts/app.js +91 -0
  72. data/styleguide/assets/javascripts/modules/cleanWhiteSpace.js +34 -0
  73. data/styleguide/assets/javascripts/modules/stats.js +51 -0
  74. data/styleguide/assets/javascripts/vendor/highlight.js +1 -0
  75. data/styleguide/assets/sass/main.scss +152 -0
  76. data/styleguide/assets/sass/modules/_code.scss +8 -0
  77. data/styleguide/assets/sass/modules/_colours.scss +25 -0
  78. data/styleguide/assets/sass/modules/_copyright.scss +4 -0
  79. data/styleguide/assets/sass/modules/_grid.scss +12 -0
  80. data/styleguide/assets/sass/modules/_home.scss +5 -0
  81. data/styleguide/assets/sass/modules/_links.scss +3 -0
  82. data/styleguide/assets/sass/modules/_logo.scss +56 -0
  83. data/styleguide/assets/sass/modules/_made-at.scss +6 -0
  84. data/styleguide/assets/sass/modules/_markdown.scss +7 -0
  85. data/styleguide/assets/sass/modules/_nav-mobile.scss +72 -0
  86. data/styleguide/assets/sass/modules/_nav.scss +32 -0
  87. data/styleguide/assets/sass/modules/_sidebar.scss +94 -0
  88. data/styleguide/assets/sass/modules/_states.scss +4 -0
  89. data/styleguide/assets/sass/modules/_styleguide.scss +134 -0
  90. data/styleguide/assets/sass/modules/_table.scss +3 -0
  91. data/styleguide/assets/sass/modules/_tooltip.scss +9 -0
  92. data/styleguide/assets/sass/modules/_typography.scss +14 -0
  93. data/styleguide/assets/sass/modules/_version.scss +11 -0
  94. data/styleguide/assets/sass/structure/_base.scss +18 -0
  95. data/styleguide/assets/sass/structure/_header.scss +12 -0
  96. data/styleguide/assets/sass/vendor/_highlight.scss +139 -0
  97. data/styleguide/assets/sass/vendor/_pure-table.scss +75 -0
  98. data/styleguide/content/brand/index.md +47 -0
  99. data/styleguide/content/brand/language.md +102 -0
  100. data/styleguide/content/brand/logo.tpl +102 -0
  101. data/styleguide/content/design/index.tpl +79 -0
  102. data/styleguide/content/design/typography.md +30 -0
  103. data/styleguide/content/index.tpl +44 -0
  104. data/styleguide/content/pattern-library/grid.tpl +64 -0
  105. data/styleguide/content/pattern-library/index.tpl +92 -0
  106. data/styleguide/partials/_footer.tpl +8 -0
  107. data/styleguide/partials/_head.tpl +20 -0
  108. data/styleguide/partials/_header.tpl +7 -0
  109. data/styleguide/partials/_sidebar.tpl +22 -0
  110. data/styleguide/partials/colour.tpl +24 -0
  111. data/styleguide/partials/icons.tpl +28 -0
  112. data/styleguide/partials/style_block.tpl +44 -0
  113. data/styleguide/templates/simple.tpl +15 -0
  114. data/styleguide/templates/stats.tpl +50 -0
  115. data/styleguide/templates/styleguide.tpl +33 -0
  116. data/tasks/publish.rake +65 -0
  117. data/ustyle.gemspec +34 -0
  118. data/vendor/assets/images/icons/16px/alarm.png +0 -0
  119. data/vendor/assets/images/icons/16px/android.png +0 -0
  120. data/vendor/assets/images/icons/16px/angry.png +0 -0
  121. data/vendor/assets/images/icons/16px/apple.png +0 -0
  122. data/vendor/assets/images/icons/16px/arrow-circle.png +0 -0
  123. data/vendor/assets/images/icons/16px/arrow-up-left.png +0 -0
  124. data/vendor/assets/images/icons/16px/arrow-up.png +0 -0
  125. data/vendor/assets/images/icons/16px/barchart.png +0 -0
  126. data/vendor/assets/images/icons/16px/blackberry.png +0 -0
  127. data/vendor/assets/images/icons/16px/book.png +0 -0
  128. data/vendor/assets/images/icons/16px/bookmark.png +0 -0
  129. data/vendor/assets/images/icons/16px/breadcrumb.png +0 -0
  130. data/vendor/assets/images/icons/16px/calculator.png +0 -0
  131. data/vendor/assets/images/icons/16px/calendar.png +0 -0
  132. data/vendor/assets/images/icons/16px/car.png +0 -0
  133. data/vendor/assets/images/icons/16px/checkbox-tick.png +0 -0
  134. data/vendor/assets/images/icons/16px/clock.png +0 -0
  135. data/vendor/assets/images/icons/16px/close.png +0 -0
  136. data/vendor/assets/images/icons/16px/cog.png +0 -0
  137. data/vendor/assets/images/icons/16px/controller.png +0 -0
  138. data/vendor/assets/images/icons/16px/credit-card.png +0 -0
  139. data/vendor/assets/images/icons/16px/cross.png +0 -0
  140. data/vendor/assets/images/icons/16px/desktop.png +0 -0
  141. data/vendor/assets/images/icons/16px/doc.png +0 -0
  142. data/vendor/assets/images/icons/16px/down-arrow.png +0 -0
  143. data/vendor/assets/images/icons/16px/dual-fuel.png +0 -0
  144. data/vendor/assets/images/icons/16px/electric-light.png +0 -0
  145. data/vendor/assets/images/icons/16px/envelope.png +0 -0
  146. data/vendor/assets/images/icons/16px/exit-noexit.png +0 -0
  147. data/vendor/assets/images/icons/16px/facebook.png +0 -0
  148. data/vendor/assets/images/icons/16px/filter.png +0 -0
  149. data/vendor/assets/images/icons/16px/fixed-variable.png +0 -0
  150. data/vendor/assets/images/icons/16px/gas.png +0 -0
  151. data/vendor/assets/images/icons/16px/gauge.png +0 -0
  152. data/vendor/assets/images/icons/16px/github.png +0 -0
  153. data/vendor/assets/images/icons/16px/google.png +0 -0
  154. data/vendor/assets/images/icons/16px/graph-up.png +0 -0
  155. data/vendor/assets/images/icons/16px/happy.png +0 -0
  156. data/vendor/assets/images/icons/16px/home.png +0 -0
  157. data/vendor/assets/images/icons/16px/hot.png +0 -0
  158. data/vendor/assets/images/icons/16px/info.png +0 -0
  159. data/vendor/assets/images/icons/16px/kettle.png +0 -0
  160. data/vendor/assets/images/icons/16px/key.png +0 -0
  161. data/vendor/assets/images/icons/16px/laptop.png +0 -0
  162. data/vendor/assets/images/icons/16px/lock.png +0 -0
  163. data/vendor/assets/images/icons/16px/magnify-in.png +0 -0
  164. data/vendor/assets/images/icons/16px/magnify-out.png +0 -0
  165. data/vendor/assets/images/icons/16px/magnify.png +0 -0
  166. data/vendor/assets/images/icons/16px/menu.png +0 -0
  167. data/vendor/assets/images/icons/16px/message.png +0 -0
  168. data/vendor/assets/images/icons/16px/mobile.png +0 -0
  169. data/vendor/assets/images/icons/16px/monthly-dd.png +0 -0
  170. data/vendor/assets/images/icons/16px/neutral.png +0 -0
  171. data/vendor/assets/images/icons/16px/no-exit.png +0 -0
  172. data/vendor/assets/images/icons/16px/pdf.png +0 -0
  173. data/vendor/assets/images/icons/16px/pencil.png +0 -0
  174. data/vendor/assets/images/icons/16px/person-add.png +0 -0
  175. data/vendor/assets/images/icons/16px/person.png +0 -0
  176. data/vendor/assets/images/icons/16px/phone.png +0 -0
  177. data/vendor/assets/images/icons/16px/piggy-bank.png +0 -0
  178. data/vendor/assets/images/icons/16px/pin.png +0 -0
  179. data/vendor/assets/images/icons/16px/play.png +0 -0
  180. data/vendor/assets/images/icons/16px/pound-circle.png +0 -0
  181. data/vendor/assets/images/icons/16px/pound-note.png +0 -0
  182. data/vendor/assets/images/icons/16px/power.png +0 -0
  183. data/vendor/assets/images/icons/16px/present.png +0 -0
  184. data/vendor/assets/images/icons/16px/print.png +0 -0
  185. data/vendor/assets/images/icons/16px/quarterly-dd.png +0 -0
  186. data/vendor/assets/images/icons/16px/question-circle.png +0 -0
  187. data/vendor/assets/images/icons/16px/question.png +0 -0
  188. data/vendor/assets/images/icons/16px/quote.png +0 -0
  189. data/vendor/assets/images/icons/16px/recycle.png +0 -0
  190. data/vendor/assets/images/icons/16px/remove.png +0 -0
  191. data/vendor/assets/images/icons/16px/renewable.png +0 -0
  192. data/vendor/assets/images/icons/16px/results.png +0 -0
  193. data/vendor/assets/images/icons/16px/sad.png +0 -0
  194. data/vendor/assets/images/icons/16px/save.png +0 -0
  195. data/vendor/assets/images/icons/16px/share.png +0 -0
  196. data/vendor/assets/images/icons/16px/sim.png +0 -0
  197. data/vendor/assets/images/icons/16px/smiley.png +0 -0
  198. data/vendor/assets/images/icons/16px/sort.png +0 -0
  199. data/vendor/assets/images/icons/16px/speech-circle.png +0 -0
  200. data/vendor/assets/images/icons/16px/speech.png +0 -0
  201. data/vendor/assets/images/icons/16px/spinner 2.png +0 -0
  202. data/vendor/assets/images/icons/16px/spinner.png +0 -0
  203. data/vendor/assets/images/icons/16px/star-half.png +0 -0
  204. data/vendor/assets/images/icons/16px/star.png +0 -0
  205. data/vendor/assets/images/icons/16px/starline-half.png +0 -0
  206. data/vendor/assets/images/icons/16px/starline.png +0 -0
  207. data/vendor/assets/images/icons/16px/tablet.png +0 -0
  208. data/vendor/assets/images/icons/16px/talk.png +0 -0
  209. data/vendor/assets/images/icons/16px/tick-circle.png +0 -0
  210. data/vendor/assets/images/icons/16px/tick.png +0 -0
  211. data/vendor/assets/images/icons/16px/tv.png +0 -0
  212. data/vendor/assets/images/icons/16px/twitter.png +0 -0
  213. data/vendor/assets/images/icons/16px/ustyle.png +0 -0
  214. data/vendor/assets/images/icons/16px/uswitch.png +0 -0
  215. data/vendor/assets/images/icons/16px/variable.png +0 -0
  216. data/vendor/assets/images/icons/16px/warning-circle.png +0 -0
  217. data/vendor/assets/images/icons/16px/warning.png +0 -0
  218. data/vendor/assets/images/icons/16px/wifi.png +0 -0
  219. data/vendor/assets/images/icons/16px/wiki.png +0 -0
  220. data/vendor/assets/images/icons/16px/windows.png +0 -0
  221. data/vendor/assets/images/icons/16px/wondering.png +0 -0
  222. data/vendor/assets/images/icons/16px/world.png +0 -0
  223. data/vendor/assets/images/icons/16px/xml.png +0 -0
  224. data/vendor/assets/images/icons/32px/alarm.png +0 -0
  225. data/vendor/assets/images/icons/32px/android.png +0 -0
  226. data/vendor/assets/images/icons/32px/angry.png +0 -0
  227. data/vendor/assets/images/icons/32px/apple.png +0 -0
  228. data/vendor/assets/images/icons/32px/arrow-circle.png +0 -0
  229. data/vendor/assets/images/icons/32px/arrow-up-left.png +0 -0
  230. data/vendor/assets/images/icons/32px/arrow-up.png +0 -0
  231. data/vendor/assets/images/icons/32px/barchart.png +0 -0
  232. data/vendor/assets/images/icons/32px/blackberry.png +0 -0
  233. data/vendor/assets/images/icons/32px/book.png +0 -0
  234. data/vendor/assets/images/icons/32px/bookmark.png +0 -0
  235. data/vendor/assets/images/icons/32px/breadcrumb.png +0 -0
  236. data/vendor/assets/images/icons/32px/calculator.png +0 -0
  237. data/vendor/assets/images/icons/32px/calendar.png +0 -0
  238. data/vendor/assets/images/icons/32px/car.png +0 -0
  239. data/vendor/assets/images/icons/32px/checkbox-tick.png +0 -0
  240. data/vendor/assets/images/icons/32px/clock.png +0 -0
  241. data/vendor/assets/images/icons/32px/close.png +0 -0
  242. data/vendor/assets/images/icons/32px/cog.png +0 -0
  243. data/vendor/assets/images/icons/32px/controller.png +0 -0
  244. data/vendor/assets/images/icons/32px/credit-card.png +0 -0
  245. data/vendor/assets/images/icons/32px/cross.png +0 -0
  246. data/vendor/assets/images/icons/32px/desktop.png +0 -0
  247. data/vendor/assets/images/icons/32px/doc.png +0 -0
  248. data/vendor/assets/images/icons/32px/down-arrow.png +0 -0
  249. data/vendor/assets/images/icons/32px/dual-fuel.png +0 -0
  250. data/vendor/assets/images/icons/32px/electric-light.png +0 -0
  251. data/vendor/assets/images/icons/32px/envelope.png +0 -0
  252. data/vendor/assets/images/icons/32px/exit-noexit.png +0 -0
  253. data/vendor/assets/images/icons/32px/facebook.png +0 -0
  254. data/vendor/assets/images/icons/32px/filter.png +0 -0
  255. data/vendor/assets/images/icons/32px/fixed-variable.png +0 -0
  256. data/vendor/assets/images/icons/32px/gas.png +0 -0
  257. data/vendor/assets/images/icons/32px/gauge.png +0 -0
  258. data/vendor/assets/images/icons/32px/github.png +0 -0
  259. data/vendor/assets/images/icons/32px/google.png +0 -0
  260. data/vendor/assets/images/icons/32px/graph-up.png +0 -0
  261. data/vendor/assets/images/icons/32px/happy.png +0 -0
  262. data/vendor/assets/images/icons/32px/home.png +0 -0
  263. data/vendor/assets/images/icons/32px/hot.png +0 -0
  264. data/vendor/assets/images/icons/32px/info.png +0 -0
  265. data/vendor/assets/images/icons/32px/kettle.png +0 -0
  266. data/vendor/assets/images/icons/32px/key.png +0 -0
  267. data/vendor/assets/images/icons/32px/laptop.png +0 -0
  268. data/vendor/assets/images/icons/32px/lock.png +0 -0
  269. data/vendor/assets/images/icons/32px/magnify-in.png +0 -0
  270. data/vendor/assets/images/icons/32px/magnify-out.png +0 -0
  271. data/vendor/assets/images/icons/32px/magnify.png +0 -0
  272. data/vendor/assets/images/icons/32px/menu.png +0 -0
  273. data/vendor/assets/images/icons/32px/message.png +0 -0
  274. data/vendor/assets/images/icons/32px/mobile.png +0 -0
  275. data/vendor/assets/images/icons/32px/monthly-dd.png +0 -0
  276. data/vendor/assets/images/icons/32px/neutral.png +0 -0
  277. data/vendor/assets/images/icons/32px/no-exit.png +0 -0
  278. data/vendor/assets/images/icons/32px/pdf.png +0 -0
  279. data/vendor/assets/images/icons/32px/pencil.png +0 -0
  280. data/vendor/assets/images/icons/32px/person-add.png +0 -0
  281. data/vendor/assets/images/icons/32px/person.png +0 -0
  282. data/vendor/assets/images/icons/32px/phone.png +0 -0
  283. data/vendor/assets/images/icons/32px/piggy-bank.png +0 -0
  284. data/vendor/assets/images/icons/32px/pin.png +0 -0
  285. data/vendor/assets/images/icons/32px/play.png +0 -0
  286. data/vendor/assets/images/icons/32px/pound-circle.png +0 -0
  287. data/vendor/assets/images/icons/32px/pound-note.png +0 -0
  288. data/vendor/assets/images/icons/32px/power.png +0 -0
  289. data/vendor/assets/images/icons/32px/present.png +0 -0
  290. data/vendor/assets/images/icons/32px/print.png +0 -0
  291. data/vendor/assets/images/icons/32px/quarterly-dd.png +0 -0
  292. data/vendor/assets/images/icons/32px/question-circle.png +0 -0
  293. data/vendor/assets/images/icons/32px/question.png +0 -0
  294. data/vendor/assets/images/icons/32px/quote.png +0 -0
  295. data/vendor/assets/images/icons/32px/recycle.png +0 -0
  296. data/vendor/assets/images/icons/32px/remove.png +0 -0
  297. data/vendor/assets/images/icons/32px/renewable.png +0 -0
  298. data/vendor/assets/images/icons/32px/results.png +0 -0
  299. data/vendor/assets/images/icons/32px/sad.png +0 -0
  300. data/vendor/assets/images/icons/32px/save.png +0 -0
  301. data/vendor/assets/images/icons/32px/share.png +0 -0
  302. data/vendor/assets/images/icons/32px/sim.png +0 -0
  303. data/vendor/assets/images/icons/32px/smiley.png +0 -0
  304. data/vendor/assets/images/icons/32px/sort.png +0 -0
  305. data/vendor/assets/images/icons/32px/speech-circle.png +0 -0
  306. data/vendor/assets/images/icons/32px/speech.png +0 -0
  307. data/vendor/assets/images/icons/32px/spinner 2.png +0 -0
  308. data/vendor/assets/images/icons/32px/spinner.png +0 -0
  309. data/vendor/assets/images/icons/32px/star-half.png +0 -0
  310. data/vendor/assets/images/icons/32px/star.png +0 -0
  311. data/vendor/assets/images/icons/32px/starline-half.png +0 -0
  312. data/vendor/assets/images/icons/32px/starline.png +0 -0
  313. data/vendor/assets/images/icons/32px/tablet.png +0 -0
  314. data/vendor/assets/images/icons/32px/talk.png +0 -0
  315. data/vendor/assets/images/icons/32px/tick-circle.png +0 -0
  316. data/vendor/assets/images/icons/32px/tick.png +0 -0
  317. data/vendor/assets/images/icons/32px/tv.png +0 -0
  318. data/vendor/assets/images/icons/32px/twitter.png +0 -0
  319. data/vendor/assets/images/icons/32px/ustyle.png +0 -0
  320. data/vendor/assets/images/icons/32px/uswitch.png +0 -0
  321. data/vendor/assets/images/icons/32px/variable.png +0 -0
  322. data/vendor/assets/images/icons/32px/warning-circle.png +0 -0
  323. data/vendor/assets/images/icons/32px/warning.png +0 -0
  324. data/vendor/assets/images/icons/32px/wifi.png +0 -0
  325. data/vendor/assets/images/icons/32px/wiki.png +0 -0
  326. data/vendor/assets/images/icons/32px/windows.png +0 -0
  327. data/vendor/assets/images/icons/32px/wondering.png +0 -0
  328. data/vendor/assets/images/icons/32px/world.png +0 -0
  329. data/vendor/assets/images/icons/32px/xml.png +0 -0
  330. data/vendor/assets/images/icons/64px/alarm.png +0 -0
  331. data/vendor/assets/images/icons/64px/android.png +0 -0
  332. data/vendor/assets/images/icons/64px/angry.png +0 -0
  333. data/vendor/assets/images/icons/64px/apple.png +0 -0
  334. data/vendor/assets/images/icons/64px/arrow-circle.png +0 -0
  335. data/vendor/assets/images/icons/64px/arrow-up-left.png +0 -0
  336. data/vendor/assets/images/icons/64px/arrow-up.png +0 -0
  337. data/vendor/assets/images/icons/64px/barchart.png +0 -0
  338. data/vendor/assets/images/icons/64px/blackberry.png +0 -0
  339. data/vendor/assets/images/icons/64px/book.png +0 -0
  340. data/vendor/assets/images/icons/64px/bookmark.png +0 -0
  341. data/vendor/assets/images/icons/64px/breadcrumb.png +0 -0
  342. data/vendor/assets/images/icons/64px/calculator.png +0 -0
  343. data/vendor/assets/images/icons/64px/calendar.png +0 -0
  344. data/vendor/assets/images/icons/64px/car.png +0 -0
  345. data/vendor/assets/images/icons/64px/checkbox-tick.png +0 -0
  346. data/vendor/assets/images/icons/64px/clock.png +0 -0
  347. data/vendor/assets/images/icons/64px/close.png +0 -0
  348. data/vendor/assets/images/icons/64px/cog.png +0 -0
  349. data/vendor/assets/images/icons/64px/controller.png +0 -0
  350. data/vendor/assets/images/icons/64px/credit-card.png +0 -0
  351. data/vendor/assets/images/icons/64px/cross.png +0 -0
  352. data/vendor/assets/images/icons/64px/desktop.png +0 -0
  353. data/vendor/assets/images/icons/64px/doc.png +0 -0
  354. data/vendor/assets/images/icons/64px/down-arrow.png +0 -0
  355. data/vendor/assets/images/icons/64px/dual-fuel.png +0 -0
  356. data/vendor/assets/images/icons/64px/electric-light.png +0 -0
  357. data/vendor/assets/images/icons/64px/envelope.png +0 -0
  358. data/vendor/assets/images/icons/64px/exit-noexit.png +0 -0
  359. data/vendor/assets/images/icons/64px/facebook.png +0 -0
  360. data/vendor/assets/images/icons/64px/filter.png +0 -0
  361. data/vendor/assets/images/icons/64px/fixed-variable.png +0 -0
  362. data/vendor/assets/images/icons/64px/gas.png +0 -0
  363. data/vendor/assets/images/icons/64px/gauge.png +0 -0
  364. data/vendor/assets/images/icons/64px/github.png +0 -0
  365. data/vendor/assets/images/icons/64px/google.png +0 -0
  366. data/vendor/assets/images/icons/64px/graph-up.png +0 -0
  367. data/vendor/assets/images/icons/64px/happy.png +0 -0
  368. data/vendor/assets/images/icons/64px/home.png +0 -0
  369. data/vendor/assets/images/icons/64px/hot.png +0 -0
  370. data/vendor/assets/images/icons/64px/info.png +0 -0
  371. data/vendor/assets/images/icons/64px/kettle.png +0 -0
  372. data/vendor/assets/images/icons/64px/key.png +0 -0
  373. data/vendor/assets/images/icons/64px/laptop.png +0 -0
  374. data/vendor/assets/images/icons/64px/lock.png +0 -0
  375. data/vendor/assets/images/icons/64px/magnify-in.png +0 -0
  376. data/vendor/assets/images/icons/64px/magnify-out.png +0 -0
  377. data/vendor/assets/images/icons/64px/magnify.png +0 -0
  378. data/vendor/assets/images/icons/64px/menu.png +0 -0
  379. data/vendor/assets/images/icons/64px/message.png +0 -0
  380. data/vendor/assets/images/icons/64px/mobile.png +0 -0
  381. data/vendor/assets/images/icons/64px/monthly-dd.png +0 -0
  382. data/vendor/assets/images/icons/64px/neutral.png +0 -0
  383. data/vendor/assets/images/icons/64px/no-exit.png +0 -0
  384. data/vendor/assets/images/icons/64px/pdf.png +0 -0
  385. data/vendor/assets/images/icons/64px/pencil.png +0 -0
  386. data/vendor/assets/images/icons/64px/person-add.png +0 -0
  387. data/vendor/assets/images/icons/64px/person.png +0 -0
  388. data/vendor/assets/images/icons/64px/phone.png +0 -0
  389. data/vendor/assets/images/icons/64px/piggy-bank.png +0 -0
  390. data/vendor/assets/images/icons/64px/pin.png +0 -0
  391. data/vendor/assets/images/icons/64px/play.png +0 -0
  392. data/vendor/assets/images/icons/64px/pound-circle.png +0 -0
  393. data/vendor/assets/images/icons/64px/pound-note.png +0 -0
  394. data/vendor/assets/images/icons/64px/power.png +0 -0
  395. data/vendor/assets/images/icons/64px/present.png +0 -0
  396. data/vendor/assets/images/icons/64px/print.png +0 -0
  397. data/vendor/assets/images/icons/64px/quarterly-dd.png +0 -0
  398. data/vendor/assets/images/icons/64px/question-circle.png +0 -0
  399. data/vendor/assets/images/icons/64px/question.png +0 -0
  400. data/vendor/assets/images/icons/64px/quote.png +0 -0
  401. data/vendor/assets/images/icons/64px/recycle.png +0 -0
  402. data/vendor/assets/images/icons/64px/remove.png +0 -0
  403. data/vendor/assets/images/icons/64px/renewable.png +0 -0
  404. data/vendor/assets/images/icons/64px/results.png +0 -0
  405. data/vendor/assets/images/icons/64px/sad.png +0 -0
  406. data/vendor/assets/images/icons/64px/save.png +0 -0
  407. data/vendor/assets/images/icons/64px/share.png +0 -0
  408. data/vendor/assets/images/icons/64px/sim.png +0 -0
  409. data/vendor/assets/images/icons/64px/smiley.png +0 -0
  410. data/vendor/assets/images/icons/64px/sort.png +0 -0
  411. data/vendor/assets/images/icons/64px/speech-circle.png +0 -0
  412. data/vendor/assets/images/icons/64px/speech.png +0 -0
  413. data/vendor/assets/images/icons/64px/spinner 2.png +0 -0
  414. data/vendor/assets/images/icons/64px/spinner.png +0 -0
  415. data/vendor/assets/images/icons/64px/star-half.png +0 -0
  416. data/vendor/assets/images/icons/64px/star.png +0 -0
  417. data/vendor/assets/images/icons/64px/starline-half.png +0 -0
  418. data/vendor/assets/images/icons/64px/starline.png +0 -0
  419. data/vendor/assets/images/icons/64px/tablet.png +0 -0
  420. data/vendor/assets/images/icons/64px/talk.png +0 -0
  421. data/vendor/assets/images/icons/64px/tick-circle.png +0 -0
  422. data/vendor/assets/images/icons/64px/tick.png +0 -0
  423. data/vendor/assets/images/icons/64px/tv.png +0 -0
  424. data/vendor/assets/images/icons/64px/twitter.png +0 -0
  425. data/vendor/assets/images/icons/64px/ustyle.png +0 -0
  426. data/vendor/assets/images/icons/64px/uswitch.png +0 -0
  427. data/vendor/assets/images/icons/64px/variable.png +0 -0
  428. data/vendor/assets/images/icons/64px/warning-circle.png +0 -0
  429. data/vendor/assets/images/icons/64px/warning.png +0 -0
  430. data/vendor/assets/images/icons/64px/wifi.png +0 -0
  431. data/vendor/assets/images/icons/64px/wiki.png +0 -0
  432. data/vendor/assets/images/icons/64px/windows.png +0 -0
  433. data/vendor/assets/images/icons/64px/wondering.png +0 -0
  434. data/vendor/assets/images/icons/64px/world.png +0 -0
  435. data/vendor/assets/images/icons/64px/xml.png +0 -0
  436. data/vendor/assets/images/icons/alarm.svg +1 -0
  437. data/vendor/assets/images/icons/android.svg +1 -0
  438. data/vendor/assets/images/icons/angry.svg +1 -0
  439. data/vendor/assets/images/icons/apple.svg +1 -0
  440. data/vendor/assets/images/icons/arrow-circle.svg +1 -0
  441. data/vendor/assets/images/icons/arrow-up-left.svg +1 -0
  442. data/vendor/assets/images/icons/arrow-up.svg +1 -0
  443. data/vendor/assets/images/icons/barchart.svg +1 -0
  444. data/vendor/assets/images/icons/blackberry.svg +1 -0
  445. data/vendor/assets/images/icons/book.svg +1 -0
  446. data/vendor/assets/images/icons/bookmark.svg +1 -0
  447. data/vendor/assets/images/icons/breadcrumb.svg +1 -0
  448. data/vendor/assets/images/icons/calculator.svg +1 -0
  449. data/vendor/assets/images/icons/calendar.svg +1 -0
  450. data/vendor/assets/images/icons/car.svg +1 -0
  451. data/vendor/assets/images/icons/checkbox-tick.svg +1 -0
  452. data/vendor/assets/images/icons/clock.svg +1 -0
  453. data/vendor/assets/images/icons/close.svg +1 -0
  454. data/vendor/assets/images/icons/cog.svg +1 -0
  455. data/vendor/assets/images/icons/controller.svg +1 -0
  456. data/vendor/assets/images/icons/credit-card.svg +1 -0
  457. data/vendor/assets/images/icons/cross.svg +1 -0
  458. data/vendor/assets/images/icons/desktop.svg +1 -0
  459. data/vendor/assets/images/icons/doc.svg +1 -0
  460. data/vendor/assets/images/icons/down-arrow.svg +1 -0
  461. data/vendor/assets/images/icons/dual-fuel.svg +1 -0
  462. data/vendor/assets/images/icons/electric-light.svg +1 -0
  463. data/vendor/assets/images/icons/envelope.svg +1 -0
  464. data/vendor/assets/images/icons/exit-noexit.svg +1 -0
  465. data/vendor/assets/images/icons/facebook.svg +1 -0
  466. data/vendor/assets/images/icons/filter.svg +1 -0
  467. data/vendor/assets/images/icons/fixed-variable.svg +1 -0
  468. data/vendor/assets/images/icons/gas.svg +1 -0
  469. data/vendor/assets/images/icons/gauge.svg +1 -0
  470. data/vendor/assets/images/icons/github.svg +1 -0
  471. data/vendor/assets/images/icons/google.svg +1 -0
  472. data/vendor/assets/images/icons/graph-up.svg +1 -0
  473. data/vendor/assets/images/icons/happy.svg +1 -0
  474. data/vendor/assets/images/icons/home.svg +1 -0
  475. data/vendor/assets/images/icons/hot.svg +1 -0
  476. data/vendor/assets/images/icons/info.svg +1 -0
  477. data/vendor/assets/images/icons/kettle.svg +1 -0
  478. data/vendor/assets/images/icons/key.svg +1 -0
  479. data/vendor/assets/images/icons/laptop.svg +1 -0
  480. data/vendor/assets/images/icons/lock.svg +1 -0
  481. data/vendor/assets/images/icons/magnify-in.svg +1 -0
  482. data/vendor/assets/images/icons/magnify-out.svg +1 -0
  483. data/vendor/assets/images/icons/magnify.svg +1 -0
  484. data/vendor/assets/images/icons/menu.svg +1 -0
  485. data/vendor/assets/images/icons/message.svg +1 -0
  486. data/vendor/assets/images/icons/mobile.svg +1 -0
  487. data/vendor/assets/images/icons/monthly-dd.svg +1 -0
  488. data/vendor/assets/images/icons/neutral.svg +1 -0
  489. data/vendor/assets/images/icons/no-exit.svg +1 -0
  490. data/vendor/assets/images/icons/pdf.svg +1 -0
  491. data/vendor/assets/images/icons/pencil.svg +1 -0
  492. data/vendor/assets/images/icons/person-add.svg +1 -0
  493. data/vendor/assets/images/icons/person.svg +1 -0
  494. data/vendor/assets/images/icons/phone.svg +1 -0
  495. data/vendor/assets/images/icons/piggy-bank.svg +1 -0
  496. data/vendor/assets/images/icons/pin.svg +1 -0
  497. data/vendor/assets/images/icons/play.svg +1 -0
  498. data/vendor/assets/images/icons/pound-circle.svg +1 -0
  499. data/vendor/assets/images/icons/pound-note.svg +1 -0
  500. data/vendor/assets/images/icons/power.svg +1 -0
  501. data/vendor/assets/images/icons/present.svg +1 -0
  502. data/vendor/assets/images/icons/print.svg +1 -0
  503. data/vendor/assets/images/icons/quarterly-dd.svg +1 -0
  504. data/vendor/assets/images/icons/question-circle.svg +1 -0
  505. data/vendor/assets/images/icons/question.svg +1 -0
  506. data/vendor/assets/images/icons/quote.svg +1 -0
  507. data/vendor/assets/images/icons/recycle.svg +1 -0
  508. data/vendor/assets/images/icons/remove.svg +1 -0
  509. data/vendor/assets/images/icons/renewable.svg +1 -0
  510. data/vendor/assets/images/icons/results.svg +1 -0
  511. data/vendor/assets/images/icons/sad.svg +1 -0
  512. data/vendor/assets/images/icons/save.svg +1 -0
  513. data/vendor/assets/images/icons/share.svg +1 -0
  514. data/vendor/assets/images/icons/sim.svg +1 -0
  515. data/vendor/assets/images/icons/smiley.svg +1 -0
  516. data/vendor/assets/images/icons/sort.svg +1 -0
  517. data/vendor/assets/images/icons/speech-circle.svg +1 -0
  518. data/vendor/assets/images/icons/speech.svg +1 -0
  519. data/vendor/assets/images/icons/spinner 2.svg +1 -0
  520. data/vendor/assets/images/icons/spinner.svg +1 -0
  521. data/vendor/assets/images/icons/spinner_fallback.gif +0 -0
  522. data/vendor/assets/images/icons/star-half.svg +1 -0
  523. data/vendor/assets/images/icons/star.svg +1 -0
  524. data/vendor/assets/images/icons/starline-half.svg +1 -0
  525. data/vendor/assets/images/icons/starline.svg +1 -0
  526. data/vendor/assets/images/icons/tablet.svg +1 -0
  527. data/vendor/assets/images/icons/talk.svg +1 -0
  528. data/vendor/assets/images/icons/tick-circle.svg +1 -0
  529. data/vendor/assets/images/icons/tick.svg +1 -0
  530. data/vendor/assets/images/icons/tv.svg +1 -0
  531. data/vendor/assets/images/icons/twitter.svg +1 -0
  532. data/vendor/assets/images/icons/ustyle.svg +1 -0
  533. data/vendor/assets/images/icons/uswitch.svg +1 -0
  534. data/vendor/assets/images/icons/variable.svg +1 -0
  535. data/vendor/assets/images/icons/warning-circle.svg +1 -0
  536. data/vendor/assets/images/icons/warning.svg +1 -0
  537. data/vendor/assets/images/icons/wifi.svg +1 -0
  538. data/vendor/assets/images/icons/wiki.svg +1 -0
  539. data/vendor/assets/images/icons/windows.svg +1 -0
  540. data/vendor/assets/images/icons/wondering.svg +1 -0
  541. data/vendor/assets/images/icons/world.svg +1 -0
  542. data/vendor/assets/images/icons/xml.svg +1 -0
  543. data/vendor/assets/javascripts/ustyle/anchor.js +300 -0
  544. data/vendor/assets/javascripts/ustyle/backdrop.js +56 -0
  545. data/vendor/assets/javascripts/ustyle/classtoggler.js +58 -0
  546. data/vendor/assets/javascripts/ustyle/login/login.js +165 -0
  547. data/vendor/assets/javascripts/ustyle/login/password-helper.js +151 -0
  548. data/vendor/assets/javascripts/ustyle/overlay.js +125 -0
  549. data/vendor/assets/javascripts/ustyle/radioToggle.js +28 -0
  550. data/vendor/assets/javascripts/ustyle/tabs.js +120 -0
  551. data/vendor/assets/javascripts/ustyle/utils.js +106 -0
  552. data/vendor/assets/javascripts/ustyle.js +7 -0
  553. data/vendor/assets/stylesheets/ustyle/_all.scss +50 -0
  554. data/vendor/assets/stylesheets/ustyle/_content.scss +5 -0
  555. data/vendor/assets/stylesheets/ustyle/_global.scss +24 -0
  556. data/vendor/assets/stylesheets/ustyle/_icons.scss +20 -0
  557. data/vendor/assets/stylesheets/ustyle/articles/_base.scss +88 -0
  558. data/vendor/assets/stylesheets/ustyle/articles/_guide.scss +57 -0
  559. data/vendor/assets/stylesheets/ustyle/articles/_more.scss +31 -0
  560. data/vendor/assets/stylesheets/ustyle/articles/_news.scss +214 -0
  561. data/vendor/assets/stylesheets/ustyle/articles/_related.scss +74 -0
  562. data/vendor/assets/stylesheets/ustyle/basics/_extends.scss +69 -0
  563. data/vendor/assets/stylesheets/ustyle/basics/_font-face-ie.scss +31 -0
  564. data/vendor/assets/stylesheets/ustyle/basics/_font-face.scss +31 -0
  565. data/vendor/assets/stylesheets/ustyle/basics/_fonts.scss +27 -0
  566. data/vendor/assets/stylesheets/ustyle/basics/_functions.scss +78 -0
  567. data/vendor/assets/stylesheets/ustyle/basics/_grid.scss +86 -0
  568. data/vendor/assets/stylesheets/ustyle/basics/_typography.scss +123 -0
  569. data/vendor/assets/stylesheets/ustyle/basics/_variables.scss +188 -0
  570. data/vendor/assets/stylesheets/ustyle/basics/variables/_colors.scss +95 -0
  571. data/vendor/assets/stylesheets/ustyle/basics/variables/_forms.scss +65 -0
  572. data/vendor/assets/stylesheets/ustyle/basics/variables/_icons.scss +166 -0
  573. data/vendor/assets/stylesheets/ustyle/components/_anchor.scss +134 -0
  574. data/vendor/assets/stylesheets/ustyle/components/_backdrop.scss +19 -0
  575. data/vendor/assets/stylesheets/ustyle/components/_breadcrumbs.scss +59 -0
  576. data/vendor/assets/stylesheets/ustyle/components/_button.scss +184 -0
  577. data/vendor/assets/stylesheets/ustyle/components/_content-group.scss +33 -0
  578. data/vendor/assets/stylesheets/ustyle/components/_cta.scss +64 -0
  579. data/vendor/assets/stylesheets/ustyle/components/_featured.scss +112 -0
  580. data/vendor/assets/stylesheets/ustyle/components/_grid-classes.scss +52 -0
  581. data/vendor/assets/stylesheets/ustyle/components/_hero.scss +42 -0
  582. data/vendor/assets/stylesheets/ustyle/components/_links.scss +30 -0
  583. data/vendor/assets/stylesheets/ustyle/components/_lists-li.scss +89 -0
  584. data/vendor/assets/stylesheets/ustyle/components/_lists.scss +46 -0
  585. data/vendor/assets/stylesheets/ustyle/components/_loader.scss +142 -0
  586. data/vendor/assets/stylesheets/ustyle/components/_overlay.scss +183 -0
  587. data/vendor/assets/stylesheets/ustyle/components/_progress.scss +126 -0
  588. data/vendor/assets/stylesheets/ustyle/components/_tabs.scss +239 -0
  589. data/vendor/assets/stylesheets/ustyle/components/_tooltip.scss +244 -0
  590. data/vendor/assets/stylesheets/ustyle/components/_usp.scss +69 -0
  591. data/vendor/assets/stylesheets/ustyle/content/_base.scss +195 -0
  592. data/vendor/assets/stylesheets/ustyle/content/_c-header.scss +30 -0
  593. data/vendor/assets/stylesheets/ustyle/content/_c-social.scss +10 -0
  594. data/vendor/assets/stylesheets/ustyle/content/_c-tabs.scss +30 -0
  595. data/vendor/assets/stylesheets/ustyle/forms/_base.scss +9 -0
  596. data/vendor/assets/stylesheets/ustyle/forms/_fields.scss +75 -0
  597. data/vendor/assets/stylesheets/ustyle/forms/_input-group.scss +101 -0
  598. data/vendor/assets/stylesheets/ustyle/forms/_input.scss +63 -0
  599. data/vendor/assets/stylesheets/ustyle/forms/_radio-checkbox.scss +133 -0
  600. data/vendor/assets/stylesheets/ustyle/forms/_reset.scss +23 -0
  601. data/vendor/assets/stylesheets/ustyle/forms/_select.scss +125 -0
  602. data/vendor/assets/stylesheets/ustyle/forms/_textarea.scss +33 -0
  603. data/vendor/assets/stylesheets/ustyle/forms/_toggle.scss +125 -0
  604. data/vendor/assets/stylesheets/ustyle/forms/_validation.scss +104 -0
  605. data/vendor/assets/stylesheets/ustyle/icons/_base.scss +239 -0
  606. data/vendor/assets/stylesheets/ustyle/icons/_png.scss +37 -0
  607. data/vendor/assets/stylesheets/ustyle/icons/_svg.scss +29 -0
  608. data/vendor/assets/stylesheets/ustyle/login/_base.scss +81 -0
  609. data/vendor/assets/stylesheets/ustyle/login/_password-help.scss +61 -0
  610. data/vendor/assets/stylesheets/ustyle/login/_social.scss +63 -0
  611. data/vendor/assets/stylesheets/ustyle/mixins/_arrow.scss +51 -0
  612. data/vendor/assets/stylesheets/ustyle/mixins/_base.scss +8 -0
  613. data/vendor/assets/stylesheets/ustyle/mixins/_baseline.scss +41 -0
  614. data/vendor/assets/stylesheets/ustyle/mixins/_forms.scss +62 -0
  615. data/vendor/assets/stylesheets/ustyle/mixins/_general.scss +24 -0
  616. data/vendor/assets/stylesheets/ustyle/mixins/_link-colors.scss +44 -0
  617. data/vendor/assets/stylesheets/ustyle/mixins/_media-query.scss +116 -0
  618. data/vendor/assets/stylesheets/ustyle/mixins/_rgba-inline.scss +18 -0
  619. data/vendor/assets/stylesheets/ustyle/mixins/_typography.scss +98 -0
  620. data/vendor/assets/stylesheets/ustyle/tables/_base.scss +4 -0
  621. data/vendor/assets/stylesheets/ustyle/tables/_tables-basic.scss +72 -0
  622. data/vendor/assets/stylesheets/ustyle/tables/_tables-sortable.scss +72 -0
  623. data/vendor/assets/stylesheets/ustyle/tables/_tables-with-key-cells.scss +18 -0
  624. data/vendor/assets/stylesheets/ustyle/tables/_variables.scss +15 -0
  625. data/vendor/assets/stylesheets/ustyle/utilities/_general.scss +106 -0
  626. data/vendor/assets/stylesheets/ustyle/utilities/_grid.scss +13 -0
  627. data/vendor/assets/stylesheets/ustyle/utilities/_images.scss +34 -0
  628. data/vendor/assets/stylesheets/ustyle/utilities/_responsive.scss +101 -0
  629. data/vendor/assets/stylesheets/ustyle/utilities/_spacing.scss +74 -0
  630. data/vendor/assets/stylesheets/ustyle/vendor/normalize.scss +427 -0
  631. data/vendor/assets/stylesheets/ustyle-content.scss +2 -0
  632. data/vendor/assets/stylesheets/ustyle-icons.scss +1 -0
  633. data/vendor/assets/stylesheets/ustyle.scss +1 -0
  634. metadata +822 -0
@@ -0,0 +1,195 @@
1
+ @import "ustyle/content/c-header";
2
+ @import "ustyle/content/c-social";
3
+
4
+ .us-content {
5
+ margin-bottom: $gutter-width;
6
+
7
+ h2,
8
+ h3,
9
+ h4,
10
+ h5,
11
+ h6 {
12
+ margin-top: 50px;
13
+ }
14
+ //
15
+ // Default typography styling
16
+ //
17
+ p,
18
+ ul,
19
+ blockquote {
20
+ @include baseline($base-font-size);
21
+
22
+ @include respond-to(tablet) {
23
+ @include baseline(18px);
24
+ }
25
+
26
+ @include respond-to(desktop, true) {
27
+ @include baseline(20px);
28
+ text-rendering: optimizeSpeed;
29
+ }
30
+
31
+ a {
32
+ @extend %anchor-link;
33
+ }
34
+ }
35
+ //
36
+ // Default image styling
37
+ //
38
+ img {
39
+ height: auto;
40
+ max-width: 100%;
41
+ padding-top: 1em;
42
+ margin-bottom: 1em;
43
+ }
44
+ //
45
+ // Default table styling
46
+ //
47
+ table {
48
+ width: 100%;
49
+ border-collapse: separate;
50
+
51
+ img,
52
+ p {
53
+ @extend %reset-box-model;
54
+ }
55
+
56
+ a {
57
+ border: 0;
58
+ }
59
+
60
+ td,
61
+ th {
62
+ padding: $gutter-width / 4;
63
+ vertical-align: middle;
64
+ border-bottom: 1px solid $c-bordergrey;
65
+ }
66
+
67
+ thead {
68
+ background-color: $c-keylinegrey;
69
+ }
70
+ }
71
+ //
72
+ // Figure / image captions
73
+ //
74
+ figure {
75
+ padding: $gutter-width / 2;
76
+ margin: 0;
77
+ background-color: $c-bggrey;
78
+ border: 1px solid $c-keylinegrey;
79
+
80
+ img {
81
+ padding-top: 0;
82
+ margin-bottom: 0;
83
+ }
84
+
85
+ figcaption {
86
+ display: inline-block;
87
+ vertical-align: top;
88
+
89
+ @include respond-to(tablet, true) {
90
+ width: 50%;
91
+ margin-left: $gutter-width;
92
+ }
93
+ }
94
+ }
95
+
96
+ .strap {
97
+ font-weight: 700;
98
+ color: $c-navy;
99
+ }
100
+
101
+ .internal-menu {
102
+ @extend %list;
103
+ }
104
+
105
+ // scss-lint:disable NestingDepth, SelectorDepth
106
+ .plans-ending {
107
+ @extend %clearfix;
108
+ @extend %reset-box-model;
109
+ list-style: none;
110
+ border-top: 1px solid $c-blue;
111
+
112
+ li {
113
+ padding-top: .5em;
114
+ padding-bottom: .5em;
115
+ margin: 0;
116
+ border-bottom: 1px solid $c-blue;
117
+ }
118
+
119
+ .row {
120
+ position: relative;
121
+ font-weight: 700;
122
+ color: $c-blue;
123
+ cursor: pointer;
124
+ transition: color .3s;
125
+
126
+ &:after {
127
+ position: absolute;
128
+ top: 50%;
129
+ right: 1em;
130
+ margin-top: -.75em;
131
+ font-size: 2em;
132
+ font-weight: 700;
133
+ content: "\27E9";
134
+ }
135
+
136
+ &:hover {
137
+ color: $c-typecyan;
138
+ }
139
+ }
140
+
141
+ img {
142
+ @extend %reset-box-model;
143
+ margin: 0 1em 0 1em;
144
+ vertical-align: middle;
145
+ }
146
+
147
+ .table-container {
148
+ margin-top: .5em;
149
+ }
150
+
151
+ .us-btn {
152
+ @extend %btn;
153
+ @extend %btn--primary;
154
+ }
155
+
156
+ .js & {
157
+ .table-container {
158
+ display: none;
159
+ }
160
+ }
161
+ }
162
+
163
+ .fuel-breakdown {
164
+ @extend %clearfix;
165
+ @extend %reset-box-model;
166
+ width: 100%;
167
+ overflow: hidden;
168
+ list-style: none;
169
+
170
+ li {
171
+ float: left;
172
+ padding: $gutter-width / 2 0;
173
+ font-size: 16px;
174
+ font-size: rem(16px);
175
+ color: #fff;
176
+ text-align: center;
177
+ vertical-align: middle;
178
+
179
+ b {
180
+ display: block;
181
+ }
182
+ }
183
+
184
+ $fuel-colors: (coal, $c-bordergrey), (gas, $c-typecyan), (nuclear, $c-orange), (renewable, $c-green), (other, $c-typegrey);
185
+ @each $color in $fuel-colors {
186
+ .#{nth($color, 1)} {
187
+ background-color: nth($color, 2);
188
+ @if nth($color, 1) == other {
189
+ text-indent: -999em;
190
+ }
191
+ }
192
+ }
193
+ }
194
+ // scss-lint:enable NestingDepth, SelectorDepth
195
+ }
@@ -0,0 +1,30 @@
1
+ .us-content__header {
2
+ img {
3
+ display: none;
4
+ height: auto;
5
+ max-width: 100%;
6
+ min-width: 100%;
7
+
8
+ @include respond-to(tablet, true) {
9
+ display: block;
10
+ }
11
+ }
12
+ }
13
+
14
+ .us-content__title {
15
+ @include heading(3);
16
+ position: relative;
17
+ padding: .5em 0 1em 0;
18
+ margin: 0;
19
+ clear: both;
20
+ color: $c-navy;
21
+ background-color: #fff;
22
+
23
+ @include respond-to(tablet, true) {
24
+ @include heading(2, $extend: false);
25
+ }
26
+
27
+ @include respond-to(desktop, true) {
28
+ @include heading(1, $extend: false);
29
+ }
30
+ }
@@ -0,0 +1,10 @@
1
+ .us-social {
2
+ padding-top: 1em;
3
+ margin-bottom: 2em;
4
+ }
5
+
6
+ .us-social-btn {
7
+ display: inline-block;
8
+ margin-right: .5em;
9
+ vertical-align: top;
10
+ }
@@ -0,0 +1,30 @@
1
+ .us-content__tabs {
2
+ @extend %clearfix;
3
+ padding-right: $gutter-width / 2;
4
+ padding-left: $gutter-width / 2;
5
+ margin-bottom: $gutter-width / 2;
6
+ border-bottom: 1px solid $c-keylinegrey;
7
+ }
8
+
9
+ .us-content__tab-link {
10
+ @extend %small-font;
11
+ @include bold-font;
12
+ @include link-colors($c-typegrey, $c-typecyan, $c-typegrey, $c-typegrey);
13
+ position: relative;
14
+ top: 1px;
15
+ display: inline-block;
16
+ padding: .5em 1em;
17
+ color: $c-typegrey-2;
18
+ background-color: $c-keylinegrey;
19
+ border-top: 1px solid $c-keylinegrey;
20
+ border-right: 1px solid $c-keylinegrey;
21
+ border-left: 1px solid $c-keylinegrey;
22
+ border-top-right-radius: 2px;
23
+ border-top-left-radius: 2px;
24
+ }
25
+
26
+ .us-content__tab-link--active {
27
+ color: $c-typegrey;
28
+ background-color: #fff;
29
+ border-color: $c-keylinegrey;
30
+ }
@@ -0,0 +1,9 @@
1
+ @import "ustyle/forms/reset";
2
+ @import "ustyle/forms/fields";
3
+ @import "ustyle/forms/input";
4
+ @import "ustyle/forms/textarea";
5
+ @import "ustyle/forms/input-group";
6
+ @import "ustyle/forms/radio-checkbox";
7
+ @import "ustyle/forms/toggle";
8
+ @import "ustyle/forms/select";
9
+ @import "ustyle/forms/validation";
@@ -0,0 +1,75 @@
1
+ // @page Pattern Library/Forms
2
+ // @name Fields
3
+ //
4
+ // @description
5
+ // This is the basic form field, `.us-field` wrapper for any single input or select. It sets a few layout options by default (margin) and styles any labels within. You can create a fake label style with `.us-faux-label`
6
+ //
7
+ // #### Best practices
8
+ // * For text inputs that are optional, add "(optional)" to the `placeholder` attribute for the input. Not highlighting required fields makes the form look less intimidating.
9
+ //
10
+ // @state .us-field--blocked - Blocked label styling
11
+ // @state .us-field--inline - Inline label styling
12
+ //
13
+ // @markup
14
+ // <div class="us-field {$modifiers}">
15
+ // <label for="name">Name</label>
16
+ // <input class="us-form-input" id="name" name="name" placeholder="Please enter your name">
17
+ // </div>
18
+
19
+ $default-label-color: $c-typegrey !default;
20
+ $default-label-size: 18px !default;
21
+ $default-label-width: em(120px, $default-label-size) !default;
22
+ $default-label-margin: .25em !default;
23
+ $label-inline-breakpoint: tablet !default;
24
+
25
+ %base-block-label {
26
+ display: block;
27
+ margin-bottom: $default-label-margin;
28
+ }
29
+
30
+ .us-field {
31
+ @extend %clearfix;
32
+ margin-bottom: 1em;
33
+
34
+ > label,
35
+ > .us-faux-label {
36
+ @include heading-font;
37
+ margin-right: 1em;
38
+ font-size: em($default-label-size);
39
+ color: $default-label-color;
40
+ }
41
+ }
42
+
43
+ .us-field-blocked,
44
+ .us-field--blocked {
45
+ > label,
46
+ > .us-faux-label {
47
+ @extend %base-block-label;
48
+ }
49
+ }
50
+
51
+ // This is an inline field, for quick, easy to read forms
52
+ .us-field--inline {
53
+ > label,
54
+ > .us-faux-label {
55
+ @extend %base-block-label;
56
+
57
+ @include respond-to($label-inline-breakpoint, true) {
58
+ display: inline-block;
59
+ min-width: $default-label-width;
60
+ vertical-align: middle;
61
+ }
62
+ }
63
+ }
64
+
65
+ // The toggle field is for radios and checkboxes. It sits within the .us-field to allow
66
+ // styling for labels of radio/checboxes
67
+ .us-field-toggle {
68
+ label {
69
+ @include normal-font;
70
+ padding: .35em .5em;
71
+ font-weight: normal;
72
+ line-height: 1.5em;
73
+ cursor: pointer;
74
+ }
75
+ }
@@ -0,0 +1,101 @@
1
+ // @page Pattern Library/Forms
2
+ // @name Input group
3
+ //
4
+ // @description
5
+ // Inputs groups allow you to add "boxes" to the left or right of an input. These boxes usually contain a visual icon to represent the usage of the input
6
+ //
7
+ // @state .us-input-group--disabled - Disabled state for input groups
8
+ // @state .us-input-group--blocked - Fluid style
9
+ //
10
+ // @markup
11
+ // <div class="us-input-group us-margin-bottom {$modifiers}">
12
+ // <span class="us-input-group__box"><span class="us-icon--small us-icon--inputgrey us-icon--envelope us-icon--notext"></span></span>
13
+ // <input class="us-form-input" type="text" id="email" placeholder="Email" />
14
+ // </div>
15
+ //
16
+ // <div class="us-input-group us-margin-bottom {$modifiers}">
17
+ // <input class="us-form-input" type="text" id="kwh" />
18
+ // <span class="us-input-group__box">kWh</span>
19
+ // </div>
20
+
21
+ .us-input-group {
22
+ position: relative;
23
+ display: table;
24
+ vertical-align: middle;
25
+ border-collapse: separate;
26
+
27
+ @include respond-to(tablet, true) {
28
+ display: inline-table;
29
+ }
30
+
31
+ .us-form-input {
32
+ position: relative;
33
+ display: table-cell;
34
+ float: left;
35
+ width: 100%;
36
+ }
37
+ }
38
+
39
+ .us-input-group--disabled {
40
+ .us-input-group__box {
41
+ @include form-element-disabled;
42
+
43
+ [class^="us-icon--"] {
44
+ opacity: .35;
45
+ }
46
+ }
47
+
48
+ .us-form-input {
49
+ @include form-element-disabled;
50
+ }
51
+ }
52
+
53
+ .us-input-group--blocked {
54
+ width: 100%;
55
+
56
+ .us-input-group__box {
57
+ width: 1%;
58
+ }
59
+ }
60
+
61
+ .us-input-group__box {
62
+ display: table-cell;
63
+ width: 1%;
64
+ padding-right: .5em;
65
+ padding-left: .5em;
66
+ color: $c-inputgrey;
67
+ text-align: center;
68
+ white-space: nowrap;
69
+ vertical-align: middle;
70
+ background-color: $c-form-element-background;
71
+ border: 1px solid $c-form-element-border;
72
+ border-radius: 3px;
73
+
74
+ @include respond-to(tablet, true) {
75
+ width: auto;
76
+ }
77
+
78
+ [class^="us-icon--"] {
79
+ vertical-align: middle;
80
+ }
81
+ }
82
+
83
+ .us-input-group__box:first-child {
84
+ border-right: 0;
85
+ }
86
+
87
+ .us-input-group__box:last-child {
88
+ border-left: 0;
89
+ }
90
+
91
+ .us-input-group__box:first-child,
92
+ .us-input-group .us-form-input:first-child {
93
+ border-top-right-radius: 0;
94
+ border-bottom-right-radius: 0;
95
+ }
96
+
97
+ .us-input-group__box:last-child,
98
+ .us-input-group .us-form-input:last-child {
99
+ border-bottom-left-radius: 0;
100
+ border-top-left-radius: 0;
101
+ }
@@ -0,0 +1,63 @@
1
+ // @page Pattern Library/Forms
2
+ // @name Inputs
3
+ //
4
+ // @description
5
+ // Our standard input styling across the website. This is specifically for text, email, password, search etc. type inputs.
6
+ //
7
+ // #### Best practices
8
+ // * Specifying an appropriate [type attribute](https://developer.mozilla.org/en/docs/Web/HTML/Element/Input#attr-type) (e.g. type="tel" for telephone number fields) will not only control what input is displayed, but also helps mobile devices select a keyboard layout suitable for entering that type of data.
9
+ // * Where appropriate use the [autocomplete attribute](https://developer.mozilla.org/en/docs/Web/HTML/Element/Input#attr-autocomplete) to make it easier for the browser to fill in fields on the users behalf, saving them time on lengthy forms.
10
+ //
11
+ // @state .us-form-input--large - Larger input style
12
+ // @state .us-form-input--blocked - Fluid input style
13
+ // @state .us-form-input--error - Visual feedback for when the input has an error
14
+ // @state .us-form-input--success - Visual feedback for when success needs to be communicated to the user
15
+ // @state .us-form-input--disabled - Inactive state for form inputs that can't be interacted with
16
+ //
17
+ // @markup
18
+ // <input class="us-form-input {$modifiers}" type="text" placeholder="Placeholder">
19
+
20
+ $input-placeholder-color: $c-inputgrey !default;
21
+
22
+ .us-form-input {
23
+ @extend %base-form-element;
24
+ @extend %input-background--normalise;
25
+ @include placeholder($input-placeholder-color);
26
+ height: $form-element-base-height;
27
+ padding: $form-element-base-padding;
28
+ font-size: 1em;
29
+ outline: 0;
30
+ box-shadow: none;
31
+
32
+ &:focus {
33
+ @include placeholder(darken($input-placeholder-color, 15%));
34
+ }
35
+
36
+ .ie8 & {
37
+ height: auto;
38
+ }
39
+ }
40
+
41
+ .us-form-input.large,
42
+ .us-form-input--large {
43
+ height: 48px;
44
+ padding: .55em .5em;
45
+ font-size: 1.2em;
46
+ }
47
+
48
+ .us-form-input--blocked {
49
+ width: 100%;
50
+ }
51
+
52
+ .us-form-input--error {
53
+ @extend %base-form-element--error;
54
+ }
55
+
56
+ .us-form-input--success {
57
+ @extend %base-form-element--success;
58
+ }
59
+
60
+ .us-form-input:disabled,
61
+ .us-form-input--disabled {
62
+ @include form-element-disabled;
63
+ }
@@ -0,0 +1,133 @@
1
+ // @page Pattern Library/Forms
2
+ // @name Radios and checkboxes
3
+ //
4
+ // @description
5
+ // Browsers that support screen density media features display our font icon tick or a box shadow circle. Other browsers fallback to default styling.
6
+ //
7
+ // #### Best practices
8
+ // * Like select boxes, radio buttons are good for making a selection from a mutually exclusive list of options. The main difference between the two is that with radio buttons, the user must choose exactly one of the options.
9
+ // * Use radio buttons when each of the choices matters to the user. Each needs to be considered before they make their choice.
10
+ // * Checkboxes in a group should be used for choosing zero or more options from a list of independent options. Toggling one should not change the state of others in the group.
11
+ // * A stand-alone checkbox is good for toggling something on/off or opting in/out.
12
+ // * Provide a default selection to radio and checkbox groups if it's necessary and wont be changed by 90% of your users.
13
+ // * Try to keep the number of radio buttons and checkboxes in the same group to a maximum of 6.
14
+ //
15
+ // @state us-form-input--disabled - Like other types of form inputs, adding this class to the element in conjunction with the disabled attribute helps to make the element look like it can't be interacted with
16
+ //
17
+ // @markup
18
+ // <div class="us-field us-field--blocked">
19
+ // <label>Do you have a different billing address?</label>
20
+ // <div class="us-field-toggle">
21
+ // <label>
22
+ // <input checked="checked" class="us-form-input {$modifiers}" name="null" type="radio">
23
+ // Yes
24
+ // </label>
25
+ //
26
+ // <label>
27
+ // <input class="us-form-input" name="null" type="radio">
28
+ // No
29
+ // </label>
30
+ // </div>
31
+ // </div>
32
+ //
33
+ // <div class="us-field us-field--blocked">
34
+ // <label>How would you like to be contacted?</label>
35
+ // <div class="us-field-toggle">
36
+ // <label>
37
+ // <input checked="checked" class="us-form-input {$modifiers}" name="null" type="checkbox">
38
+ // Mobile
39
+ // </label>
40
+ //
41
+ // <label>
42
+ // <input class="us-form-input" name="null" type="checkbox">
43
+ // Email
44
+ // </label>
45
+ // </div>
46
+ // </div>
47
+
48
+ .us-form-input {
49
+ @include hidpi(0) {
50
+ &[type="checkbox"] {
51
+ &:after {
52
+ position: absolute;
53
+ top: 50%;
54
+ left: 50%;
55
+ display: block;
56
+ width: 1em;
57
+ height: 1em;
58
+ margin: -.5em 0 0 -.5em;
59
+ pointer-events: none;
60
+ background-image: inline-svg("#{$base-icon-path}checkbox-tick.svg");
61
+ background-position: 0 75%;
62
+ background-size: cover;
63
+ content: "";
64
+ opacity: 0;
65
+ }
66
+
67
+ &:checked:after {
68
+ opacity: 1;
69
+ }
70
+
71
+ &.us-form-input--disabled,
72
+ &:disabled {
73
+ background: $c-form-element-disabled-bg;
74
+
75
+ // scss-lint:disable NestingDepth
76
+ &:after {
77
+ background-position: 0 50%;
78
+ opacity: .35;
79
+ }
80
+ }
81
+ }
82
+
83
+ &[type="radio"] {
84
+
85
+ &:checked,
86
+ &:checked:focus {
87
+ background: $c-form-element-border-hover;
88
+ }
89
+
90
+ &:focus {
91
+ box-shadow: inset 0 0 0 1px $c-form-element-border-hover;
92
+ }
93
+
94
+ &:checked {
95
+ box-shadow: inset 0 0 0 .35em #fff;
96
+ }
97
+
98
+ &:checked:focus {
99
+ box-shadow: inset 0 0 0 1px $c-form-element-border-hover, inset 0 0 0 .35em #fff;
100
+ }
101
+
102
+ &.us-form-input--disabled:checked,
103
+ &:disabled:checked {
104
+ background: $c-form-element-disabled-fg;
105
+ box-shadow: inset 0 0 0 .35em $c-form-element-disabled-bg;
106
+ }
107
+ }
108
+ }
109
+
110
+ &[type="checkbox"],
111
+ &[type="radio"] {
112
+ position: relative;
113
+ width: 1.6em;
114
+ height: 1.6em;
115
+ padding: 0;
116
+ font-size: .8em;
117
+ cursor: pointer;
118
+
119
+ .us-field-toggle & {
120
+ margin-top: .1em;
121
+ margin-right: .5em;
122
+ vertical-align: top;
123
+ }
124
+ }
125
+
126
+ &[type="radio"] {
127
+ border-radius: 50%;
128
+ }
129
+
130
+ &[type="checkbox"] {
131
+ border-radius: .3em;
132
+ }
133
+ }
@@ -0,0 +1,23 @@
1
+ %base-form-element {
2
+ @include form-element-style($c-form-element-border, $c-form-element-border-hover);
3
+ display: inline-block;
4
+ color: $c-form-element-text;
5
+ vertical-align: middle;
6
+ background: $c-form-element-background;
7
+ border-style: solid;
8
+ border-width: 1px;
9
+ border-radius: em(3px);
10
+ box-sizing: border-box;
11
+ -moz-appearance: none;
12
+ -ms-appearance: none;
13
+ -webkit-appearance: none;
14
+ appearance: none;
15
+ }
16
+
17
+ %base-form-element--error {
18
+ @include form-element-style($c-form-error);
19
+ }
20
+
21
+ %base-form-element--success {
22
+ @include form-element-style($c-form-success);
23
+ }