vital 1.2.0

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
Files changed (65) hide show
  1. checksums.yaml +7 -0
  2. data/.gitignore +27 -0
  3. data/.ruby-version +1 -0
  4. data/CHANGELOG.md +18 -0
  5. data/CONTRIBUTING.md +31 -0
  6. data/Gemfile +2 -0
  7. data/Gemfile.lock +42 -0
  8. data/LICENSE.md +13 -0
  9. data/README.md +92 -0
  10. data/Rakefile +41 -0
  11. data/dist/css/vital.css +1355 -0
  12. data/dist/css/vital.css.map +7 -0
  13. data/dist/css/vital.min.css +2 -0
  14. data/dist/css/vital.min.css.map +7 -0
  15. data/dist/fonts/icons.eot +0 -0
  16. data/dist/fonts/icons.svg +50 -0
  17. data/dist/fonts/icons.ttf +0 -0
  18. data/dist/fonts/icons.woff +0 -0
  19. data/fontcustom.yml +24 -0
  20. data/fonts/icons.eot +0 -0
  21. data/fonts/icons.svg +50 -0
  22. data/fonts/icons.ttf +0 -0
  23. data/fonts/icons.woff +0 -0
  24. data/lib/vital/engine.rb +10 -0
  25. data/lib/vital/version.rb +3 -0
  26. data/lib/vital.rb +57 -0
  27. data/releases/v1.0.0/fonts/icons.eot +0 -0
  28. data/releases/v1.0.0/fonts/icons.svg +50 -0
  29. data/releases/v1.0.0/fonts/icons.ttf +0 -0
  30. data/releases/v1.0.0/fonts/icons.woff +0 -0
  31. data/releases/v1.0.0/stylesheets/vital.min.css +1 -0
  32. data/releases/v1.0.1/fonts/icons.eot +0 -0
  33. data/releases/v1.0.1/fonts/icons.svg +50 -0
  34. data/releases/v1.0.1/fonts/icons.ttf +0 -0
  35. data/releases/v1.0.1/fonts/icons.woff +0 -0
  36. data/releases/v1.0.1/stylesheets/vital.min.css +1 -0
  37. data/releases/v1.1.0/fonts/icons.eot +0 -0
  38. data/releases/v1.1.0/fonts/icons.svg +50 -0
  39. data/releases/v1.1.0/fonts/icons.ttf +0 -0
  40. data/releases/v1.1.0/fonts/icons.woff +0 -0
  41. data/releases/v1.1.0/stylesheets/vital.min.css +1 -0
  42. data/sass/vital/_all.sass +21 -0
  43. data/sass/vital/_base.sass +148 -0
  44. data/sass/vital/_buttons.sass +133 -0
  45. data/sass/vital/_custom.sass +4 -0
  46. data/sass/vital/_footer.sass +33 -0
  47. data/sass/vital/_forms.sass +187 -0
  48. data/sass/vital/_grid.sass +47 -0
  49. data/sass/vital/_header.sass +134 -0
  50. data/sass/vital/_helpers.sass +191 -0
  51. data/sass/vital/_heroes.sass +35 -0
  52. data/sass/vital/_icons.sass +80 -0
  53. data/sass/vital/_loaders.sass +82 -0
  54. data/sass/vital/_normalize.sass +325 -0
  55. data/sass/vital/_notice.sass +20 -0
  56. data/sass/vital/_pagination.sass +32 -0
  57. data/sass/vital/_sprockets.sass +7 -0
  58. data/sass/vital/_syntax.sass +159 -0
  59. data/sass/vital/_tables.sass +40 -0
  60. data/sass/vital/_tabs.sass +61 -0
  61. data/sass/vital/_variables.sass +135 -0
  62. data/sass/vital.css.sass +1 -0
  63. data/sass/vital.sass +1 -0
  64. data/vital.gemspec +23 -0
  65. metadata +164 -0
@@ -0,0 +1,50 @@
1
+ <?xml version="1.0" standalone="no"?>
2
+ <!DOCTYPE svg PUBLIC "-//W3C//DTD SVG 1.1//EN" "http://www.w3.org/Graphics/SVG/1.1/DTD/svg11.dtd" >
3
+ <!--
4
+ 2016-4-29: Created with FontForge (http://fontforge.org)
5
+ -->
6
+ <svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" version="1.1">
7
+ <metadata>
8
+ Created by FontForge 20150828 at Fri Apr 29 13:11:31 2016
9
+ By Body Taing
10
+ Copyright (c) 2016, Body Taing
11
+ </metadata>
12
+ <defs>
13
+ <font id="icons" horiz-adv-x="512" >
14
+ <font-face
15
+ font-family="icons"
16
+ font-weight="400"
17
+ font-stretch="normal"
18
+ units-per-em="512"
19
+ panose-1="2 0 5 3 0 0 0 0 0 0"
20
+ ascent="448"
21
+ descent="-64"
22
+ bbox="0 -64 512 448"
23
+ underline-thickness="25.6"
24
+ underline-position="-51.2"
25
+ unicode-range="U+0020-F10B"
26
+ />
27
+ <missing-glyph />
28
+ <glyph glyph-name="space" unicode=" " horiz-adv-x="200"
29
+ />
30
+ <glyph glyph-name="uniF102" unicode="&#xf102;"
31
+ d="M437 373c100 -100 100 -262 0 -362s-262 -100 -362 0s-100 262 0 362s262 100 362 0zM374 88l-104 104l104 104l-14 14l-104 -104l-104 104l-14 -15l103 -103l-103 -103l14 -15l104 104l104 -104z" />
32
+ <glyph glyph-name="uniF104" unicode="&#xf104;"
33
+ d="M437 373c100 -100 100 -262 0 -362s-262 -100 -362 0s-100 262 0 362s262 100 362 0zM422 26c92 92 92 241 0 332s-241 92 -332 0s-92 -241 0 -332s241 -91 332 0zM360 310l14 -14l-104 -104l104 -104l-14 -14l-104 104l-104 -104l-14 15l103 103l-103 103l14 15
34
+ l104 -104z" />
35
+ <glyph glyph-name="uniF100" unicode="&#xf100;" horiz-adv-x="257"
36
+ d="M91 100c-3 -3 -7 -5 -11 -5s-7 3 -10 6l-70 69l22 22l59 -58l155 156l21 -23z" />
37
+ <glyph glyph-name="uniF10A" unicode="&#xf10a;"
38
+ d="M0 357h512v-21h-512v21zM0 203h512v-20h-512v20zM0 50h512v-21h-512v21z" />
39
+ <glyph glyph-name="uniF103" unicode="&#xf103;" horiz-adv-x="236"
40
+ d="M222 311l14 -14l-104 -104l104 -104l-14 -14l-104 103l-104 -103l-14 15l103 103l-103 103l14 15l104 -104z" />
41
+ <glyph glyph-name="uniF109" unicode="&#xf109;" horiz-adv-x="274"
42
+ d="M0 235h274l-137 213l-137 -213zM274 150h-274l137 -213l137 213z" />
43
+ <glyph glyph-name="uniF101" unicode="&#xf101;" horiz-adv-x="507"
44
+ d="M463 176c24 0 44 -20 44 -44c0 -25 -20 -45 -44 -45c-19 0 -36 12 -42 29h-47c-6 0 -12 4 -14 10l-15 44l-46 -161c-2 -6 -8 -10 -14 -10h-1c-7 0 -13 4 -14 11l-47 285l-42 -168c-2 -6 -8 -11 -15 -11l-166 16s146 12 149 12c1 0 5 -1 6 2c0 2 0 1 0 1l56 225
45
+ c2 7 7 12 15 12s13 -6 14 -13l49 -291l41 144c2 6 8 10 14 10v0c6 0 12 -4 14 -10l27 -79h36c6 18 22 31 42 31z" />
46
+ <glyph glyph-name="uniF10B" unicode="&#xf10b;"
47
+ d="M256 448c141 0 256 -115 256 -256s-115 -256 -256 -256s-256 115 -256 256s115 256 256 256zM256 428c-130 0 -236 -106 -236 -236s106 -236 236 -236s236 106 236 236s-106 236 -236 236zM387 345c3 1 7 -1 9 -3c4 -4 4 -10 0 -14l-113 -122c2 -4 4 -9 4 -14
48
+ c0 -8 -3 -15 -8 -20l42 -79c3 -5 1 -11 -4 -14s-11 -1 -14 4l-42 79c-2 0 -3 -1 -5 -1c-17 0 -31 14 -31 31s14 31 31 31c4 0 8 -1 12 -3l113 122c2 2 4 3 6 3z" />
49
+ </font>
50
+ </defs></svg>
Binary file
Binary file
@@ -0,0 +1 @@
1
+ html{font-family:sans-serif;-ms-text-size-adjust:100%;-webkit-text-size-adjust:100%}body{margin:0}article,aside,details,figcaption,figure,footer,header,main,menu,nav,section,summary{display:block}audio,canvas,progress,video{display:inline-block}audio:not([controls]){display:none;height:0}progress{vertical-align:baseline}template,[hidden]{display:none}a{background-color:transparent}a:active,a:hover{outline-width:0}abbr[title]{border-bottom:none;text-decoration:underline;text-decoration:underline dotted}b,strong{font-weight:inherit}b,strong{font-weight:bolder}dfn{font-style:italic}h1{font-size:2em;margin:0.67em 0}mark{background-color:#ff0;color:#000}small{font-size:80%}sub,sup{font-size:75%;line-height:0;position:relative;vertical-align:baseline}sub{bottom:-0.25em}sup{top:-0.5em}img{border-style:none}svg:not(:root){overflow:hidden}code,kbd,pre,samp{font-family:monospace, monospace;font-size:1em}figure{margin:1em 40px}hr{box-sizing:content-box;height:0;overflow:visible}button,input,select,textarea{font:inherit}optgroup{font-weight:bold}button,input,select{overflow:visible}button,input,select,textarea{margin:0}button,select{text-transform:none}button,[type="button"],[type="reset"],[type="submit"]{cursor:pointer}[disabled]{cursor:default}button,html [type="button"],[type="reset"],[type="submit"]{-webkit-appearance:button}button::-moz-focus-inner,input::-moz-focus-inner{border:0;padding:0}button:-moz-focusring,input:-moz-focusring{outline:1px dotted ButtonText}fieldset{border:1px solid #c0c0c0;margin:0 2px;padding:0.35em 0.625em 0.75em}legend{box-sizing:border-box;color:inherit;display:table;max-width:100%;padding:0;white-space:normal}textarea{overflow:auto}[type="checkbox"],[type="radio"]{box-sizing:border-box;padding:0}[type="number"]::-webkit-inner-spin-button,[type="number"]::-webkit-outer-spin-button{height:auto}[type="search"]{-webkit-appearance:textfield}[type="search"]::-webkit-search-cancel-button,[type="search"]::-webkit-search-decoration{-webkit-appearance:none}@font-face{font-family:"icons";src:url("https://cdn.rawgit.com/doximity/vital/master/releases/v1.1.0/fonts/icons.eot");src:url("https://cdn.rawgit.com/doximity/vital/master/releases/v1.1.0/fonts/icons.eot?#iefix") format("embedded-opentype"),url("https://cdn.rawgit.com/doximity/vital/master/releases/v1.1.0/fonts/icons.woff") format("woff"),url("https://cdn.rawgit.com/doximity/vital/master/releases/v1.1.0/fonts/icons.ttf") format("truetype"),url("https://cdn.rawgit.com/doximity/vital/master/releases/v1.1.0/fonts/icons.svg#icons") format("svg");font-weight:normal;font-style:normal}@media screen and (-webkit-min-device-pixel-ratio: 0){@font-face{font-family:"icons";src:url("https://cdn.rawgit.com/doximity/vital/master/releases/v1.1.0/fonts/icons.svg#icons") format("svg")}}[data-icon]:before{content:attr(data-icon)}[data-icon]:before,.icon-arrow-updown:before,.icon-check:before,.icon-clock:before,.icon-close:before,.icon-close-empty:before,.icon-close-outline:before,.icon-menu:before,.icon-vital:before{display:inline-block;font-family:"icons";font-style:normal;font-weight:normal;font-variant:normal;line-height:1;text-decoration:inherit;text-rendering:optimizeLegibility;text-transform:none;-moz-osx-font-smoothing:grayscale;-webkit-font-smoothing:antialiased;font-smoothing:antialiased}.icon-arrow-updown:before{content:"\f100"}.icon-check:before{content:"\f101"}.icon-clock:before{content:"\f102"}.icon-close:before{content:"\f103"}.icon-close-empty:before{content:"\f104"}.icon-close-outline:before{content:"\f105"}.icon-menu:before{content:"\f106"}.icon-vital:before{content:"\f107"}[class*='col-']{float:left}.col-1-3{width:33.33%}.col-2-3{width:66.66%}.col-1-2{width:50%}.col-1-4{width:25%}.col-3-4{width:75%}.col-1-5{width:20%}.col-1-8{width:12.5%}.autogrid{display:table;table-layout:fixed;width:100%}.col{width:auto;display:table-cell;vertical-align:top}.padded [class*='col-'],.padded .col{padding-left:2%;padding-right:2%}.right-padded [class*='col-'],.right-padded .col{padding-right:2%}@media screen and (max-width: 860px){[class*='col-'],.col{width:100%}.col{display:block}.right-padded [class*='col-'],.right-padded .col{padding:0}}*{box-sizing:border-box;-moz-box-sizing:border-box;-webkit-box-sizing:border-box}html,body{height:100%;width:100%}body{background:#FAFAFA;color:#444;font:17px/1.7 "Helvetica Neue", Helvetica, Sans-Serif}body:after{content:"";display:table;clear:both}img{height:auto;border-radius:0.15em}h1,h2,h3,h4,h5,h6,p,ul,ol,div{font-weight:300}h1,h2,h3,h4,h5,h6,p,ul,ol{margin:1em 0;margin:1rem 0}h1,h2,h3,h4,h5,h6{line-height:1.5}ul,ol{padding:0}li{list-style:none}a{color:#C9282E;text-decoration:none;outline:0}a:hover{color:#FF0008;transition:color 200ms ease-in-out}a:focus{outline:none}blockquote{margin:1em 0;padding:0 1em;border-left:0.4em solid #EEE}strong,b,.bold{font-weight:500}hr{border:none;background:#EEE;clear:both;margin:1.5em auto;height:1px}hr.half{width:50%}hr.small{width:5em}pre{white-space:pre-wrap;word-break:break-all}code{color:#333;font-family:"Monaco", Menlo, Courier;font-size:0.7em;background:#EEE;padding:0.9em 0.8em;margin:0 0.3em 0 0.2em;border-radius:0.15em;display:inline-block;word-break:break-word}p code{display:inline;padding:0.1em 0.4em 0.1em 0.3em;margin:0 0.3em 0 0}dl{display:table;width:100%}dt,dd{display:table-cell;vertical-align:top;float:left;clear:both}dt{color:#666;font-size:0.85em}dd{color:black;font-weight:400;padding-bottom:0.3em}dd:after{content:" "}dd i{margin:0 1em 0 0}.contents{background:white;min-height:24em}.row{clear:both;width:100%}.section{padding:1em;margin:0 auto;width:90%}@media screen and (min-width: 1440px){.section{width:70%}}@media screen and (min-width: 1680px){.section{width:60%}}@media screen and (max-width: 860px){.section{width:100%}}@media all and (-ms-high-contrast: none), (-ms-high-contrast: active){strong,b,.bold{font-weight:500}}.ie8 strong,.ie8 b,.ie8 .bold,.ie9 strong,.ie9 b,.ie9 .bold{font-weight:500}.btn{-moz-appearance:none;-o-appearance:none;-ms-appearance:none;-webkit-appearance:none;appearance:none;background:transparent;border-radius:0.15em;border:1px solid #666;box-shadow:none;color:#666;cursor:pointer;display:inline-block;font-size:1.05em;height:auto;line-height:1;margin:0;outline:none;padding:0.76em 1.5em;text-align:center;text-decoration:none;user-select:none;white-space:nowrap}.btn:hover{border-color:#666}.btn.solid,.btn:hover{color:#FFF;background:#666}.btn.white{color:#FFF;border-color:#FFF}.btn.white.solid,.btn.white:hover{color:#000;background:#FFF}.btn.gray-light{color:#BBB;border-color:#BBB}.btn.gray-light.solid,.btn.gray-light:hover{color:#666;background:#BBB}.btn.gray-dark{color:#333;border-color:#333}.btn.gray-dark.solid,.btn.gray-dark:hover{color:#FFF;background:#333}.btn.black{color:#000;border-color:#000}.btn.black.solid,.btn.black:hover{color:#FFF;background:#000}.btn.red{color:#C9282E;border-color:#C9282E}.btn.red.solid,.btn.red:hover{color:#FFF;background:#C9282E}.btn.orange{color:#E16E00;border-color:#E16E00}.btn.orange.solid,.btn.orange:hover{color:#FFF;background:#E16E00}.btn.yellow{color:#D5B778;border-color:#D5B778}.btn.yellow.solid,.btn.yellow:hover{color:#FFF;background:#D5B778}.btn.blue{color:#5A9FC8;border-color:#5A9FC8}.btn.blue.solid,.btn.blue:hover{color:#FFF;background:#5A9FC8}.btn.green{color:#6BAF56;border-color:#6BAF56}.btn.green.solid,.btn.green:hover{color:#FFF;background:#6BAF56}.btn.solid:hover,.btn.solid:active{opacity:0.8}.btn.no-outline{border-color:transparent}.btn.large{font-size:1.2em;padding:0.8em 1.7em;word-wrap:normal}.btn.small{padding:0.5em 0.9em;font-size:0.9em}.btn.tiny{padding:0.3em 0.8em;font-size:0.8em}.btn.round{border-radius:99em}.btn:hover{transition:all 200ms ease-in-out;opacity:0.8}.btn:disabled,.btn.disabled,.btn:disabled:hover,.btn.disabled:hover{cursor:default;background:transparent;color:#666;opacity:0.2}@-moz-document url-prefix(){.btn{padding:0.78em 1.5em}}.footer{color:#BBB;padding:3em 1em;background:#FAFAFA}.footer hr{background:rgba(0,0,0,0.1)}.footer ul{list-style:none;margin:0;padding:0}.footer li{display:inline;padding:0 0.5em}.footer a{color:#666;display:inline-block;line-height:3}.footer a:hover{color:#FF0008}@media screen and (max-width: 667px){.footer li,.footer a{display:block}.footer a{padding:1em;line-height:2}.footer .line{display:none}}.full-width-forms .btn:not([type='checkbox']):not([type='radio']),.full-width-forms a:not([type='checkbox']):not([type='radio']),.full-width-forms button:not([type='checkbox']):not([type='radio']),.full-width-forms submit:not([type='checkbox']):not([type='radio']),.full-width-forms select:not([type='checkbox']):not([type='radio']),.full-width-forms textarea:not([type='checkbox']):not([type='radio']),.full-width-forms input:not([type='checkbox']):not([type='radio']){width:100%}fieldset{border-radius:0.15em;border:1px solid #f5f5f5;margin:1em 0}fieldset legend{font-weight:400;padding:0 0.25em}input,select,textarea{-moz-appearance:none;-o-appearance:none;-ms-appearance:none;-webkit-appearance:none;appearance:none;border-radius:0.15em;border:1px solid #ddd;box-shadow:none;color:#444;display:block;font-family:"Helvetica Neue", Helvetica, Sans-Serif;font-size:inherit;outline:none;padding:0.49em 0.5em}input:hover,input:focus,select:hover,select:focus,textarea:hover,textarea:focus{border-color:#FF0008;transition:all 200ms ease-in-out}input:focus,select:focus,textarea:focus{box-shadow:0 0 10px rgba(255,0,0,0.2)}textarea{padding:0.5em}select{background-image:url('data:image/svg+xml;utf8,<svg version="1.1" id="Layer_1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" x="0px" y="0px" width="512px" height="512px" viewBox="0 0 512 512" style="enable-background:new 0 0 512 512;" xml:space="preserve"><polyline points="114.3,212.8 388,212.8 251.1,0 114.3,212.8 "/><polyline points="388,297.9 114.3,297.9 251.1,510.7 388,297.9 "/></svg>');background-color:#FFF;background-size:1em;background-repeat:no-repeat;background-position:99% 50%;line-height:1.1;padding:0.78em 0.5em;padding-right:1.4em}input:not(.btn):not([type='checkbox']):not([type='radio']){min-height:2.7em}input[type='file']{background-color:#FFF;width:100%;font-size:12px;padding:1.02em 0.5em}input[type='range']{padding:0.87em 0.1em}input[type='range']:focus{outline:0}input[type='search']{box-sizing:border-box !important;-moz-appearance:none;-o-appearance:none;-ms-appearance:none;-webkit-appearance:none;appearance:none}input[type='checkbox'],input[type='radio']{background-color:#FFF;border:1px solid #888;display:inline-block;height:1em;margin:0 0.3em -0.1em 0;padding:0;position:relative;top:0;width:1em;overflow:hidden}input[type='checkbox']:checked,input[type='radio']:checked{background-color:#C9282E;border-color:#C9282E}input[type='checkbox']:disabled,input[type='radio']:disabled{opacity:0.3}input[type='checkbox']{border-radius:0.15em}input[type='checkbox']:checked{border:none}input[type='checkbox']:checked:before{bottom:0;color:white;content:"\f101";font-family:"icons", helvetica, Sans-Serif;font-size:1em;left:0;line-height:1;position:absolute;right:0;text-align:center;top:0}input[type='radio']{border-radius:99em}input[type='radio']:checked:before{color:white;content:" ";height:1em;overflow:hidden;position:absolute;text-align:center;top:0;width:1em}@media screen and (-webkit-min-device-pixel-ratio: 0){input:not(.btn):not([type='checkbox']):not([type='radio']),select,textarea{min-height:2.7em}}@-moz-document url-prefix(){input[type='file']{padding:1em 0.5em}input[type='range']{border:0;margin:0.6em 0 0 0}select{padding:0.641em 0.5em}select:-moz-focusring{color:transparent;text-shadow:0 0 0 #000;transition:none}}@media all and (-ms-high-contrast: none), (-ms-high-contrast: active){select{padding:0.65em 0.5em;padding-right:0.5em}input[type='file']::-ms-value{background:#FFF}input[type='file']::-ms-value,input[type='file']::-ms-value{box-shadow:none;border:0}input[type='range']{border-color:transparent}}.ie8 select,.ie9 select{padding:0.65em 0.5em;padding-right:0.5em}.ie8 input[type='checkbox'],.ie8 input[type='radio'],.ie9 input[type='checkbox'],.ie9 input[type='radio']{background:transparent;border:0}.ie8 input[type='checkbox']:checked,.ie8 input[type='radio']:checked,.ie9 input[type='checkbox']:checked,.ie9 input[type='radio']:checked{background-color:transparent;border-color:transparent}.ie8 input[type='checkbox']:focus,.ie8 input[type='radio']:focus,.ie9 input[type='checkbox']:focus,.ie9 input[type='radio']:focus{border:0}.ie8 input[type='file'],.ie9 input[type='file']{height:3.8em}.ie8 input[type='range'],.ie9 input[type='range']{height:2em;line-height:0}.header{background:#FFF;height:4.25em;transform:translateZ(0)}.header .section{padding:0;position:relative}.header .logo{border:0;color:#C9282E;float:left;line-height:1;padding:0.6em 1em;max-height:4.25em;overflow:hidden}.header .logo:hover{background:none}.header .logo:hover i{color:#FF0008;transition:all 200ms ease-in-out}.header nav a{display:block;padding:1.3em}.header nav a:hover{background:#F5F5F5}.header nav ul{padding:0;margin:0}.header nav ul li{background:#FFF;display:inline;float:left;position:relative}.header nav ul li ul{left:0;top:100%}.header nav ul ul{display:none}.header nav li:hover>ul{display:block;position:absolute;width:12.5em;z-index:9000}.header nav li:hover>ul li{width:100%}.header nav ul ul li:hover>ul{left:auto;right:-12.5em;top:0}#menu-toggle,#menu-toggle-label{cursor:pointer;display:none;height:4.25em;position:absolute;right:0;user-select:none;width:4.25em}#menu-toggle{border-radius:0;border:0;box-shadow:none;margin:0;outline:none;padding:0;z-index:-1}#menu-toggle:hover{background:#F5F5F5}#menu-toggle:before{content:"\f106";font-family:"icons", helvetica, Sans-Serif;font-size:2em;padding:0.24em 0.5em;position:absolute;right:0}#menu-toggle:checked{background:#F5F5F5}#menu-toggle:checked:before{bottom:0;color:#444;content:"\f104";font-size:3em;left:0;line-height:0;padding:0.7em 0;position:absolute;right:0;top:0}@media screen and (max-width: 860px){.header .logo{padding:0.6em}.header nav a{border-top:1px solid #eee;padding:1em}.header nav ul li ul{display:block}.header nav ul li{border-right:none;display:block;float:left;width:100%;text-align:center}.header nav ul li a{background:#F5F5F5}.header nav>ul{clear:both;display:none}.header nav>input:checked+ul{display:block}.header nav li:hover ul{position:relative;width:auto}.header nav ul ul li:hover>ul{left:auto;right:auto;top:auto}#menu-toggle,#menu-toggle-label{display:block}}.hero{color:#FFF;background:#A8002D;background:linear-gradient(to bottom right, #C9282E, #A60052)}.hero h1,.hero h2,.hero h3,.hero h4,.hero h5,.hero h6{margin:0;line-height:1.3}.hero h1{font-size:3em}.hero h2{font-size:1.8em}.hero h3{font-size:1.6em}.hero h4{font-size:1.4em}.hero h5{font-size:1.2em}.hero h6{font-size:1em}.hero .section{padding:5em 1.5em}@media screen and (max-width: 667px){.hero .section{padding:4em 1em}.hero h1{font-size:2.4em}}.load{-webkit-animation-duration:1s;-webkit-animation-iteration-count:infinite;-webkit-animation-name:loading;-webkit-animation-timing-function:linear;-moz-animation-duration:1s;-moz-animation-iteration-count:infinite;-moz-animation-name:loading;-moz-animation-timing-function:linear;animation-duration:1s;animation-iteration-count:infinite;animation-name:loading;animation-timing-function:linear;border-radius:99em;border:3px solid #DDD;border-left-color:#666;display:inline-block;height:2em;width:2em}.load.smallest{width:9px;height:9px;border-width:1px}.load.small{width:16px;height:16px;border-width:2px}.load.large{width:48px;height:48px;border-width:4px}@keyframes loading{from{transform:rotate(0deg)}to{transform:rotate(360deg)}}@-webkit-keyframes loading{from{-webkit-transform:rotate(0deg)}to{-webkit-transform:rotate(360deg)}}@-moz-keyframes loading{from{-moz-transform:rotate(0deg)}to{-moz-transform:rotate(360deg)}}.ie8 .load,.ie9 .load{border-color:transparent;line-height:1;font-size:32px;width:32px;height:32px;display:inline}.ie8 .load:after,.ie9 .load:after{content:"\f102";font-family:"icons", helvetica, Sans-Serif}.ie8 .load.smallest,.ie9 .load.smallest{font-size:9px;width:9px;height:9px;border-width:0.1em}.ie8 .load.small,.ie9 .load.small{font-size:16px;width:16px;height:16px;border-width:0.1em}.ie8 .load.large,.ie9 .load.large{font-size:48px;width:48px;height:48px}.notice{background:#FFE0A3;text-align:center}.notice .section{position:relative;padding-right:3em}.notice i.icon-close-outline{cursor:pointer;font-size:2em;line-height:1.91;position:absolute;right:0.5em;top:0}.notice i.icon-close-outline:hover:before{content:"\f103"}.pagination{margin:1em 0;padding:1em;text-align:center}.pagination a,.pagination .current,.pagination .next_page,.pagination .previous_page{background:transparent;border-radius:99em;border:1px solid #BBB;color:#666;display:inline-block;font-size:1em;margin:0.5%;min-height:2.6em;padding:0.4em 1em}.pagination a.current,.pagination a:hover,.pagination .current.current,.pagination .current:hover,.pagination .next_page.current,.pagination .next_page:hover,.pagination .previous_page.current,.pagination .previous_page:hover{background:#BBB;color:#FFF;transition:all 200ms ease-in-out}.pagination .next_page,.pagination .previous_page{min-width:9em}@media screen and (max-width: 667px){.pagination a,.pagination .current,.pagination .gap{margin:0 1em 1em 0}.pagination .next_page,.pagination .previous_page{width:9em;display:block;margin:0 auto 1em auto}}table{width:100%;margin:1em 0;border-spacing:0;border-collapse:separate}th{font-weight:400;color:#000;text-align:left}td{border-top:1px solid #EEE}td,th{padding:0.5em;text-align:left;vertical-align:top}tfoot tr{border-bottom:0}@media screen and (max-width: 667px){tr,td,th{display:block}tr{padding:1em 0;border-top:1px solid #EEE}tr:first-child{border-top:0}thead{display:none}td{clear:both;border:none}td,th{padding:0.25em 0}}.tabs-block{background:transparent;border-bottom:1px solid #EEE}.tabs-block .col{text-align:center;position:relative}.tabs-block .col:last-child{border-right:0}.tabs-block .col:hover,.tabs-block .col.here{background:#EEE;transition:all 200ms ease-in-out}.tabs-block a{width:100%;display:inline-block;padding:0.5em;color:#444}.tabs{display:inline-block;list-style:none;margin:1em 0;padding:0;width:100%}.tabs a{border-radius:0.15em;border:1px solid transparent;padding:0.65em 1em;color:#444}.tabs li{display:inline-block;padding:0 0.5%}.tabs li:hover a,.tabs li.here a{transition:all 200ms ease-in-out;background:#EEE}.tabs ul{padding:0}.tabs.round li a{border-radius:99em}@media screen and (max-width: 860px){.tabs-block a,.tabs a{margin:0.5% 0;padding:0.65em 0.5em;display:block;text-align:center}.tabs-block{border-bottom:0}.tabs li{display:block;padding:0}}.highlight code{width:100%}.hll{background-color:#f8f8f8;border:1px solid #ccc;padding:6px 10px;border-radius:3px}.c{color:#999988;font-style:italic}.err{color:#a61717;background-color:#e3d2d2}.k,.o{font-weight:bold}.cm{color:#999988;font-style:italic}.cp{color:#999999;font-weight:bold}.c1{color:#999988;font-style:italic}.cs{color:#999999;font-weight:bold;font-style:italic}.gd{color:#000000;background-color:#ffdddd}.gd .x{color:#000000;background-color:#ffaaaa}.ge{font-style:italic}.gr{color:#aa0000}.gh{color:#999999}.gi{color:#000000;background-color:#ddffdd}.gi .x{color:#000000;background-color:#aaffaa}.go{color:#888888}.gp{color:#555555}.gs{font-weight:bold}.gu{color:#800080;font-weight:bold}.gt{color:#aa0000}.kc,.kd,.kn,.kp,.kr{font-weight:bold}.kt{color:#445588;font-weight:bold}.m{color:#009999}.s{color:#dd1144}.n{color:#333333}.na{color:teal}.nb{color:#0086b3}.nc{color:#445588;font-weight:bold}.no{color:teal}.ni{color:purple}.ne,.nf{color:#990000;font-weight:bold}.nn{color:#555555}.nt{color:navy}.nv{color:teal}.ow{font-weight:bold}.w{color:#bbbbbb}.mf,.mh,.mi,.mo{color:#009999}.sb,.sc,.sd,.s2,.se,.sh,.si,.sx{color:#dd1144}.sr{color:#009926}.s1{color:#dd1144}.ss{color:#990073}.bp{color:#999999}.vc,.vg,.vi{color:teal}.il{color:#009999}.gc{color:#999;background-color:#EAF2F5}ul.list,ol.list{margin-left:1em;padding-left:1em}ul.list li{list-style:disc}ol.list li{list-style:decimal}.align-left{text-align:left}.align-right{text-align:right}.break-word{word-break:break-all}.no-wrap{white-space:nowrap}.thin{font-weight:100}.uppercase{text-transform:uppercase}.light-text *,.light-text a{color:white}.light-text a{text-decoration:underline}.auto{margin:0 auto}.block{display:block}.center{text-align:center}.clear{clear:both}.float-left{float:left}.float-right{float:right}.inline{display:inline}.inline-block{display:inline-block}.checkbox,.radio{display:block;line-height:2.2}.box{border-radius:0.15em;border:1px solid #ddd;margin:1em 0;padding:1em}.disabled{color:#BBB}.radius{border-radius:0.15em}.round{border-radius:99em}.opacity-half{opacity:0.5}.gray{color:#666}.gray-medium{color:#999}.gray-light{color:#BBB}.gray-lighter{color:#EEE}.gray-lightest{color:#F9F9F9}.bg{background:#F9F9F9}.bg-black{background:#252525;background:linear-gradient(to bottom right, #222, #333)}.bg-gray{background:#9A9A9A;background:linear-gradient(to bottom right, #888, #CCC)}.bg-blue{background:#1C6AB9;background:linear-gradient(to bottom right, #25639A, #1F9CEA)}.bg-red{background:#A8002D;background:linear-gradient(to bottom right, #C9282E, #A60052)}.bg-green{background:#52BB5C;background:linear-gradient(to bottom right, #73B558, #45D093)}.hide{display:none}.show{display:block}.full{width:100%}.space:after{content:" "}.i2x{font-size:2em}.i3x{font-size:3em}.i4x{font-size:4em}.i5x{font-size:5em}.same-width{text-align:center;width:2em;display:inline-block}@media screen and (max-width: 667px){.space,.hide-on-mobile{display:none}.responsive{width:100%}}@media screen and (max-width: 334px){.responsive-portrait{width:100%}}
@@ -0,0 +1,21 @@
1
+ // Vendor
2
+ @import vital/normalize
3
+
4
+ // Components
5
+ @import vital/variables
6
+ @import vital/icons
7
+ @import vital/grid
8
+
9
+ @import vital/base
10
+ @import vital/buttons
11
+ @import vital/footer
12
+ @import vital/forms
13
+ @import vital/header
14
+ @import vital/heroes
15
+ @import vital/loaders
16
+ @import vital/notice
17
+ @import vital/pagination
18
+ @import vital/tables
19
+ @import vital/tabs
20
+ @import vital/syntax
21
+ @import vital/helpers
@@ -0,0 +1,148 @@
1
+ @import variables
2
+
3
+ // Base
4
+
5
+ *
6
+ box-sizing: border-box
7
+ -moz-box-sizing: border-box
8
+ -webkit-box-sizing: border-box
9
+
10
+ html, body
11
+ height: 100%
12
+ width: 100%
13
+
14
+ body
15
+ background: $body
16
+ color: $text
17
+ font: 17px / 1.7 $font
18
+ &:after
19
+ content: ""
20
+ display: table
21
+ clear: both
22
+
23
+ img
24
+ height: auto
25
+ border-radius: $radius
26
+
27
+ // Typography
28
+
29
+ h1, h2, h3, h4, h5, h6, p, ul, ol, div
30
+ font-weight: 300
31
+
32
+ h1, h2, h3, h4, h5, h6, p, ul, ol
33
+ margin: 1em 0
34
+ margin: 1rem 0
35
+
36
+ h1, h2, h3, h4, h5, h6
37
+ line-height: 1.5
38
+
39
+ ul, ol
40
+ padding: 0
41
+ li
42
+ list-style: none
43
+
44
+ a
45
+ color: $link
46
+ text-decoration: none
47
+ outline: 0
48
+ &:hover
49
+ color: $hover
50
+ transition: $color
51
+ &:focus
52
+ outline: none
53
+
54
+ blockquote
55
+ margin: 1em 0
56
+ padding: 0 1em
57
+ border-left: 0.4em solid $gray-lighter
58
+
59
+ strong, b, .bold
60
+ font-weight: $bold
61
+
62
+ hr
63
+ border: none
64
+ background: $gray-lighter
65
+ clear: both
66
+ margin: 1.5em auto
67
+ height: $border-width
68
+ &.half
69
+ width: 50%
70
+ &.small
71
+ width: 5em
72
+
73
+ pre
74
+ white-space: pre-wrap
75
+ word-break: break-all
76
+
77
+ code
78
+ color: $gray-dark
79
+ font-family: $code
80
+ font-size: 0.7em
81
+ background: $gray-lighter
82
+ padding: 0.9em 0.8em
83
+ margin: 0 0.3em 0 0.2em
84
+ border-radius: $radius
85
+ display: inline-block
86
+ word-break: break-word
87
+ p &
88
+ display: inline
89
+ padding: 0.1em 0.4em 0.1em 0.3em
90
+ margin: 0 0.3em 0 0
91
+
92
+ dl
93
+ display: table
94
+ width: 100%
95
+ dt, dd
96
+ display: table-cell
97
+ vertical-align: top
98
+ float: left
99
+ clear: both
100
+ dt
101
+ color: $gray
102
+ font-size: 0.85em
103
+ dd
104
+ color: black
105
+ font-weight: 400
106
+ padding-bottom: 0.3em
107
+ &:after
108
+ content: $non-breaking-space
109
+ i
110
+ margin: 0 1em 0 0
111
+
112
+ .contents
113
+ background: white
114
+ min-height: 24em
115
+
116
+ .row
117
+ clear: both
118
+ width: 100%
119
+
120
+ .section
121
+ padding: 1em
122
+ margin: 0 auto
123
+ width: 90%
124
+
125
+ @media screen and (min-width: $desktop)
126
+
127
+ .section
128
+ width: 70%
129
+
130
+ @media screen and (min-width: $desktop-large)
131
+
132
+ .section
133
+ width: 60%
134
+
135
+ @media screen and (max-width: $phablet)
136
+
137
+ .section
138
+ width: 100%
139
+
140
+ @media all and (-ms-high-contrast: none), (-ms-high-contrast: active)
141
+
142
+ strong, b, .bold
143
+ font-weight: $bold
144
+
145
+ .ie8, .ie9
146
+
147
+ strong, b, .bold
148
+ font-weight: $bold
@@ -0,0 +1,133 @@
1
+ @import variables
2
+
3
+ // buttons
4
+
5
+ .btn
6
+ @include appearance-none
7
+ background: transparent
8
+ border-radius: $radius
9
+ border: $border-width solid $gray
10
+ box-shadow: none
11
+ color: $gray
12
+ cursor: pointer
13
+ display: inline-block
14
+ font-size: 1.05em
15
+ height: auto
16
+ line-height: 1
17
+ margin: 0
18
+ outline: none
19
+ padding: 0.76em 1.5em
20
+ text-align: center
21
+ text-decoration: none
22
+ user-select: none
23
+ white-space: nowrap
24
+ &:hover
25
+ border-color: $gray
26
+ &.solid, &:hover
27
+ color: $white
28
+ background: $gray
29
+
30
+ // colors
31
+
32
+ &.white
33
+ color: $white
34
+ border-color: $white
35
+ &.solid, &:hover
36
+ color: $black
37
+ background: $white
38
+ &.gray-light
39
+ color: $gray-light
40
+ border-color: $gray-light
41
+ &.solid, &:hover
42
+ color: $gray
43
+ background: $gray-light
44
+ &.gray-dark
45
+ color: $gray-dark
46
+ border-color: $gray-dark
47
+ &.solid, &:hover
48
+ color: $white
49
+ background: $gray-dark
50
+ &.black
51
+ color: $black
52
+ border-color: $black
53
+ &.solid, &:hover
54
+ color: $white
55
+ background: $black
56
+ &.red
57
+ color: $red
58
+ border-color: $red
59
+ &.solid, &:hover
60
+ color: $white
61
+ background: $red
62
+ &.orange
63
+ color: $orange
64
+ border-color: $orange
65
+ &.solid, &:hover
66
+ color: $white
67
+ background: $orange
68
+ &.yellow
69
+ color: $yellow
70
+ border-color: $yellow
71
+ &.solid, &:hover
72
+ color: $white
73
+ background: $yellow
74
+ &.blue
75
+ color: $blue
76
+ border-color: $blue
77
+ &.solid, &:hover
78
+ color: $white
79
+ background: $blue
80
+ &.green
81
+ color: $green
82
+ border-color: $green
83
+ &.solid, &:hover
84
+ color: $white
85
+ background: $green
86
+
87
+ // solids
88
+
89
+ &.solid
90
+ &:hover, &:active
91
+ opacity: 0.8
92
+
93
+ // no outline
94
+
95
+ &.no-outline
96
+ border-color: transparent
97
+
98
+ // sizes
99
+
100
+ &.large
101
+ font-size: 1.2em
102
+ padding: 0.8em 1.7em
103
+ word-wrap: normal
104
+ &.small
105
+ padding: 0.5em 0.9em
106
+ font-size: 0.9em
107
+ &.tiny
108
+ padding: 0.3em 0.8em
109
+ font-size: 0.8em
110
+
111
+ // shapes
112
+
113
+ &.round
114
+ border-radius: $round
115
+
116
+ // states
117
+
118
+ &:hover
119
+ transition: $all
120
+ opacity: 0.8
121
+
122
+ &:disabled, &.disabled, &:disabled:hover, &.disabled:hover
123
+ cursor: default
124
+ background: transparent
125
+ color: $gray
126
+ opacity: 0.2
127
+
128
+ // Adjustments for Firefox
129
+
130
+ @-moz-document url-prefix()
131
+
132
+ .btn
133
+ padding: 0.78em 1.5em
@@ -0,0 +1,4 @@
1
+ @import variables
2
+
3
+ // Custom
4
+ // Styles that are very unique to specific pages or intended not to be re-used should go here.
@@ -0,0 +1,33 @@
1
+ @import variables
2
+
3
+ // Footer
4
+ .footer
5
+ color: $gray-light
6
+ padding: 3em 1em
7
+ background: $body
8
+ hr
9
+ background: rgba(0,0,0,0.1)
10
+ ul
11
+ list-style: none
12
+ margin: 0
13
+ padding: 0
14
+ li
15
+ display: inline
16
+ padding: 0 0.5em
17
+ a
18
+ color: $gray
19
+ display: inline-block
20
+ line-height: 3
21
+ &:hover
22
+ color: $hover
23
+
24
+ @media screen and (max-width: $handheld)
25
+
26
+ .footer
27
+ li, a
28
+ display: block
29
+ a
30
+ padding: 1em
31
+ line-height: 2
32
+ .line
33
+ display: none
@@ -0,0 +1,187 @@
1
+ @import variables
2
+
3
+ .full-width-forms
4
+ .btn,
5
+ a,
6
+ button,
7
+ submit,
8
+ select,
9
+ textarea,
10
+ input
11
+ &:not([type='checkbox']):not([type='radio'])
12
+ width: 100%
13
+
14
+ fieldset
15
+ border-radius: $radius
16
+ border: $border-width solid #f5f5f5
17
+ margin: 1em 0
18
+ legend
19
+ font-weight: 400
20
+ padding: 0 0.25em
21
+
22
+ input, select, textarea
23
+ @include appearance-none
24
+ border-radius: $radius
25
+ border: $border-width solid #ddd
26
+ box-shadow: none
27
+ color: $text
28
+ display: block
29
+ font-family: $font
30
+ font-size: inherit
31
+ outline: none
32
+ padding: 0.49em $input-left-right-padding
33
+ &:hover, &:focus
34
+ border-color: $hover
35
+ transition: $all
36
+ &:focus
37
+ box-shadow: 0 0 10px $focus
38
+
39
+ textarea
40
+ padding: $input-left-right-padding
41
+
42
+ select
43
+ background-image: url($svg-arrow-updown)
44
+ background-color: $input-background-color
45
+ background-size: 1em
46
+ background-repeat: no-repeat
47
+ background-position: 99% 50%
48
+ line-height: 1.1
49
+ padding: 0.78em $input-left-right-padding
50
+ padding-right: 1.4em
51
+
52
+ input
53
+ &:not(.btn):not([type='checkbox']):not([type='radio'])
54
+ min-height: 2.7em
55
+
56
+ &[type='file']
57
+ background-color: $input-background-color
58
+ width: 100%
59
+ font-size: 12px
60
+ padding: 1.02em $input-left-right-padding
61
+
62
+ &[type='range']
63
+ padding: 0.870em 0.1em
64
+ &:focus
65
+ outline: 0
66
+
67
+ &[type='search']
68
+ box-sizing: border-box !important
69
+ @include appearance-none
70
+
71
+ &[type='checkbox'], &[type='radio']
72
+ background-color: $input-background-color
73
+ border: $border-width solid #888
74
+ display: inline-block
75
+ height: 1em
76
+ margin: 0 0.3em -0.1em 0
77
+ padding: 0
78
+ position: relative
79
+ top: 0
80
+ width: 1em
81
+ overflow: hidden
82
+ &:checked
83
+ background-color: $input-checkbox-checked
84
+ border-color: $input-checkbox-checked
85
+ &:disabled
86
+ opacity: 0.3
87
+
88
+ &[type='checkbox']
89
+ border-radius: $radius
90
+ &:checked
91
+ border: none
92
+ &:before
93
+ bottom: 0
94
+ color: white
95
+ content: $font-icons-icon-check
96
+ font-family: $icons
97
+ font-size: 1em
98
+ left: 0
99
+ line-height: 1
100
+ position: absolute
101
+ right: 0
102
+ text-align: center
103
+ top: 0
104
+
105
+ &[type='radio']
106
+ border-radius: $round
107
+ &:checked
108
+ &:before
109
+ color: white
110
+ content: ' '
111
+ height: 1em
112
+ overflow: hidden
113
+ position: absolute
114
+ text-align: center
115
+ top: 0
116
+ width: 1em
117
+
118
+ // Adjustments for iOS Safari
119
+
120
+ @media screen and (-webkit-min-device-pixel-ratio: 0)
121
+
122
+ input:not(.btn):not([type='checkbox']):not([type='radio']), select, textarea
123
+ min-height: $input-height
124
+
125
+ // Adjustments to Firefox
126
+
127
+ @-moz-document url-prefix()
128
+
129
+ input
130
+ &[type='file']
131
+ padding: 1.0em $input-left-right-padding
132
+ &[type='range']
133
+ border: 0
134
+ margin: 0.6em 0 0 0
135
+
136
+ select
137
+ padding: 0.6410em $input-left-right-padding
138
+ &:-moz-focusring
139
+ color: transparent
140
+ text-shadow: 0 0 0 #000
141
+ transition: none
142
+
143
+ // Adjustments for internet explorer 10+
144
+
145
+ @media all and (-ms-high-contrast: none), (-ms-high-contrast: active)
146
+
147
+ select
148
+ padding: 0.65em $input-left-right-padding
149
+ padding-right: $input-left-right-padding
150
+
151
+ input
152
+
153
+ &[type='file']
154
+ &::-ms-value
155
+ background: $input-background-color
156
+ &::-ms-value, &::-ms-value
157
+ box-shadow: none
158
+ border: 0
159
+
160
+ &[type='range']
161
+ border-color: transparent
162
+
163
+ // Adjustments for IE 8/9
164
+
165
+ .ie8, .ie9
166
+
167
+ select
168
+ padding: 0.65em $input-left-right-padding
169
+ padding-right: $input-left-right-padding
170
+
171
+ input
172
+
173
+ &[type='checkbox'], &[type='radio']
174
+ background: transparent
175
+ border: 0
176
+ &:checked
177
+ background-color: transparent
178
+ border-color: transparent
179
+ &:focus
180
+ border: 0
181
+
182
+ &[type='file']
183
+ height: $input-height + 1.1em
184
+
185
+ &[type='range']
186
+ height: 2em
187
+ line-height: 0
@@ -0,0 +1,47 @@
1
+ [class*='col-']
2
+ float: left
3
+
4
+ .col-1-3
5
+ width: 33.33%
6
+ .col-2-3
7
+ width: 66.66%
8
+ .col-1-2
9
+ width: 50%
10
+ .col-1-4
11
+ width: 25%
12
+ .col-3-4
13
+ width: 75%
14
+ .col-1-5
15
+ width: 20%
16
+ .col-1-8
17
+ width: 12.5%
18
+
19
+ .autogrid
20
+ display: table
21
+ table-layout: fixed
22
+ width: 100%
23
+ .col
24
+ width: auto
25
+ display: table-cell
26
+ vertical-align: top
27
+
28
+ .padded
29
+ [class*='col-'], .col
30
+ padding-left: $grid-padding
31
+ padding-right: $grid-padding
32
+
33
+ .right-padded
34
+ [class*='col-'], .col
35
+ padding-right: $grid-padding
36
+
37
+ @media screen and (max-width: $phablet)
38
+
39
+ [class*='col-'], .col
40
+ width: 100%
41
+
42
+ .col
43
+ display: block
44
+
45
+ .right-padded
46
+ [class*='col-'], .col
47
+ padding: 0