Skip to content

Instantly share code, notes, and snippets.

@annez
Created June 19, 2018 09:25
Show Gist options
  • Star 0 You must be signed in to star a gist
  • Fork 0 You must be signed in to fork a gist
  • Save annez/ad5c49932358a871eb340c6773b9f4bb to your computer and use it in GitHub Desktop.
Save annez/ad5c49932358a871eb340c6773b9f4bb to your computer and use it in GitHub Desktop.
Razzle CSS
/*! normalize.css v3.0.2 | MIT License | git.io/normalize */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,hgroup,main,menu,nav,section,summary{display:block}audio,canvas,progress,video{display:inline-block;vertical-align:baseline}audio:not([controls]){display:none;height:0}[hidden],template{display:none}a{background-color:transparent}a:active,a:hover{outline:0}abbr[title]{border-bottom:1px dotted}b,strong{font-weight:700}dfn{font-style:italic}h1{font-size:2em;margin:.67em 0}mark{background:#ff0;color:#000}small{font-size:80%}sub,sup{font-size:75%;line-height:0;position:relative;vertical-align:baseline}sup{top:-.5em}sub{bottom:-.25em}img{border:0}svg:not(:root){overflow:hidden}figure{margin:1em 40px}hr{-webkit-box-sizing:content-box;box-sizing:content-box;height:0}pre{overflow:auto}code,kbd,pre,samp{font-family:monospace,monospace;font-size:1em}button,input,optgroup,select,textarea{color:inherit;font:inherit;margin:0}button{overflow:visible}button,select{text-transform:none}button,html input[type=button],input[type=reset],input[type=submit]{-webkit-appearance:button;cursor:pointer}button[disabled],html input[disabled]{cursor:default}button::-moz-focus-inner,input::-moz-focus-inner{border:0;padding:0}input{line-height:normal}input[type=checkbox],input[type=radio]{-webkit-box-sizing:border-box;box-sizing:border-box;padding:0}input[type=number]::-webkit-inner-spin-button,input[type=number]::-webkit-outer-spin-button{height:auto}input[type=search]{-webkit-appearance:textfield;-webkit-box-sizing:content-box;box-sizing:content-box}input[type=search]::-webkit-search-cancel-button,input[type=search]::-webkit-search-decoration{-webkit-appearance:none}fieldset{border:1px solid silver;margin:0 2px;padding:.35em .625em .75em}legend{border:0;padding:0}textarea{overflow:auto}optgroup{font-weight:700}table{border-collapse:collapse;border-spacing:0}td,th{padding:0}.us-btn--stronger,.us-font--heading-p,.us-font--heading-s,.us-heading--1,.us-heading--2,.us-heading--3,.us-heading--4,.us-heading--5,.us-heading--6,h1,h2,h3,h4,h5,h6{font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen-Sans,Ubuntu,Cantarell,Fira Sans,Droid Sans,Helvetica Neue,Arial,sans-serif;font-weight:700}.us-btn,.us-font--normal,blockquote,html{font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen-Sans,Ubuntu,Cantarell,Fira Sans,Droid Sans,Helvetica Neue,Arial,sans-serif}blockquote{font-style:italic}.us-float--left{float:left}.us-float--right{float:right}.us-btn,.us-list--reset,.us-reset{padding:0;margin:0}.us-clearfix:after,.us-clearfix:before,.us-container:after,.us-container:before,.us-grid-row:after,.us-grid-row:before{display:table;content:" "}.us-clearfix:after,.us-container:after,.us-grid-row:after{clear:both}.us-btn{background-image:none}html{font-size:16px;line-height:1.618em}body{color:#2f353a}h1,h2,h3,h4,h5,h6{margin-top:0;margin-bottom:.375em}.us-heading--1,h1{font-size:2.25em;line-height:1.3em}.us-heading--2,h2{font-size:1.875em;line-height:1.3em}.us-heading--3,h3{font-size:1.5em;line-height:1.25em}.us-heading--4,h4{font-size:1.125em;line-height:1.25em}.us-heading--5,.us-heading--6,h5,h6{font-size:1em;line-height:.95em}.trailered,p{margin:0 0 1.5em}.us-standfirst{font-size:18px;font-size:1.125rem;line-height:1.618;padding-top:8.144px;padding-top:.509rem;margin-bottom:17.744px;margin-bottom:1.109rem}ul li{margin-bottom:.5em}small{line-height:1.15em}blockquote{padding:15px;color:#1c1f4e;border-left:5px solid #b0b8bf}blockquote>p{padding:0;margin:0}@media screen and (max-width:599px){.us-mobile--hidden{display:none}}.us-mobile--block{display:none}@media screen and (max-width:599px){.us-mobile--block{display:block}}.us-mobile--inline-block{display:none}@media screen and (max-width:599px){.us-mobile--inline-block{display:inline-block}}.us-mobile--inline{display:none}@media screen and (max-width:599px){.us-mobile--inline{display:inline}}@media screen and (min-width:600px){.us-sm-tablet--hidden{display:none}}.us-sm-tablet--block{display:none}@media screen and (min-width:600px){.us-sm-tablet--block{display:block}}.us-sm-tablet--inline-block{display:none}@media screen and (min-width:600px){.us-sm-tablet--inline-block{display:inline-block}}.us-sm-tablet--inline{display:none}@media screen and (min-width:600px){.us-sm-tablet--inline{display:inline}}@media screen and (min-width:768px){.us-tablet--hidden{display:none}}.us-tablet--block{display:none}@media screen and (min-width:768px){.us-tablet--block{display:block}}.us-tablet--inline-block{display:none}@media screen and (min-width:768px){.us-tablet--inline-block{display:inline-block}}.us-tablet--inline{display:none}@media screen and (min-width:768px){.us-tablet--inline{display:inline}}@media screen and (min-width:992px){.us-desktop--hidden{display:none}}.us-desktop--block{display:none}@media screen and (min-width:992px){.us-desktop--block{display:block}}.us-desktop--inline-block{display:none}@media screen and (min-width:992px){.us-desktop--inline-block{display:inline-block}}.us-desktop--inline{display:none}@media screen and (min-width:992px){.us-desktop--inline{display:inline}}@media screen and (min-width:1200px){.us-lg-desktop--hidden{display:none}}.us-lg-desktop--block{display:none}@media screen and (min-width:1200px){.us-lg-desktop--block{display:block}}.us-lg-desktop--inline-block{display:none}@media screen and (min-width:1200px){.us-lg-desktop--inline-block{display:inline-block}}.us-lg-desktop--inline{display:none}@media screen and (min-width:1200px){.us-lg-desktop--inline{display:inline}}.us-container{position:relative;padding:0 15px;margin-right:auto;margin-left:auto}@media screen and (min-width:768px){.us-container{max-width:800px}}@media screen and (min-width:992px){.us-container{max-width:1000px}}@media screen and (min-width:1200px){.us-container{max-width:1200px}}*{-webkit-box-sizing:border-box;box-sizing:border-box}@media screen and (min-width:768px){.us-grid-row{margin-right:-15px;margin-left:-15px}}@media screen and (min-width:768px){.us-col-1{width:8.33333%}.us-col-1,.us-col-2{float:left;padding-left:15px;padding-right:15px;min-height:1px}.us-col-2{width:16.66667%}.us-col-3{width:25%}.us-col-3,.us-col-4{float:left;padding-left:15px;padding-right:15px;min-height:1px}.us-col-4{width:33.33333%}.us-col-5{width:41.66667%}.us-col-5,.us-col-6{float:left;padding-left:15px;padding-right:15px;min-height:1px}.us-col-6{width:50%}.us-col-7{width:58.33333%}.us-col-7,.us-col-8{float:left;padding-left:15px;padding-right:15px;min-height:1px}.us-col-8{width:66.66667%}.us-col-9{width:75%}.us-col-9,.us-col-10{float:left;padding-left:15px;padding-right:15px;min-height:1px}.us-col-10{width:83.33333%}.us-col-11{width:91.66667%}.us-col-11,.us-col-12{float:left;padding-left:15px;padding-right:15px;min-height:1px}.us-col-12{width:100%}}.us-col-xsm-1{width:8.33333%}.us-col-xsm-1,.us-col-xsm-2{float:left;padding-left:15px;padding-right:15px}.us-col-xsm-2{width:16.66667%}.us-col-xsm-3{width:25%}.us-col-xsm-3,.us-col-xsm-4{float:left;padding-left:15px;padding-right:15px}.us-col-xsm-4{width:33.33333%}.us-col-xsm-5{width:41.66667%}.us-col-xsm-5,.us-col-xsm-6{float:left;padding-left:15px;padding-right:15px}.us-col-xsm-6{width:50%}.us-col-xsm-7{width:58.33333%}.us-col-xsm-7,.us-col-xsm-8{float:left;padding-left:15px;padding-right:15px}.us-col-xsm-8{width:66.66667%}.us-col-xsm-9{width:75%}.us-col-xsm-9,.us-col-xsm-10{float:left;padding-left:15px;padding-right:15px}.us-col-xsm-10{width:83.33333%}.us-col-xsm-11{width:91.66667%}.us-col-xsm-11,.us-col-xsm-12{float:left;padding-left:15px;padding-right:15px}.us-col-xsm-12{width:100%}@media screen and (min-width:600px){.us-col-sm-1{width:8.33333%}.us-col-sm-1,.us-col-sm-2{float:left;padding-left:15px;padding-right:15px}.us-col-sm-2{width:16.66667%}.us-col-sm-3{width:25%}.us-col-sm-3,.us-col-sm-4{float:left;padding-left:15px;padding-right:15px}.us-col-sm-4{width:33.33333%}.us-col-sm-5{width:41.66667%}.us-col-sm-5,.us-col-sm-6{float:left;padding-left:15px;padding-right:15px}.us-col-sm-6{width:50%}.us-col-sm-7{width:58.33333%}.us-col-sm-7,.us-col-sm-8{float:left;padding-left:15px;padding-right:15px}.us-col-sm-8{width:66.66667%}.us-col-sm-9{width:75%}.us-col-sm-9,.us-col-sm-10{float:left;padding-left:15px;padding-right:15px}.us-col-sm-10{width:83.33333%}.us-col-sm-11{width:91.66667%}.us-col-sm-11,.us-col-sm-12{float:left;padding-left:15px;padding-right:15px}.us-col-sm-12{width:100%}}@media screen and (min-width:768px){.us-col-md-1{width:8.33333%}.us-col-md-1,.us-col-md-2{float:left;padding-left:15px;padding-right:15px}.us-col-md-2{width:16.66667%}.us-col-md-3{width:25%}.us-col-md-3,.us-col-md-4{float:left;padding-left:15px;padding-right:15px}.us-col-md-4{width:33.33333%}.us-col-md-5{width:41.66667%}.us-col-md-5,.us-col-md-6{float:left;padding-left:15px;padding-right:15px}.us-col-md-6{width:50%}.us-col-md-7{width:58.33333%}.us-col-md-7,.us-col-md-8{float:left;padding-left:15px;padding-right:15px}.us-col-md-8{width:66.66667%}.us-col-md-9{width:75%}.us-col-md-9,.us-col-md-10{float:left;padding-left:15px;padding-right:15px}.us-col-md-10{width:83.33333%}.us-col-md-11{width:91.66667%}.us-col-md-11,.us-col-md-12{float:left;padding-left:15px;padding-right:15px}.us-col-md-12{width:100%}}@media screen and (min-width:992px){.us-col-lg-1{width:8.33333%}.us-col-lg-1,.us-col-lg-2{float:left;padding-left:15px;padding-right:15px}.us-col-lg-2{width:16.66667%}.us-col-lg-3{width:25%}.us-col-lg-3,.us-col-lg-4{float:left;padding-left:15px;padding-right:15px}.us-col-lg-4{width:33.33333%}.us-col-lg-5{width:41.66667%}.us-col-lg-5,.us-col-lg-6{float:left;padding-left:15px;padding-right:15px}.us-col-lg-6{width:50%}.us-col-lg-7{width:58.33333%}.us-col-lg-7,.us-col-lg-8{float:left;padding-left:15px;padding-right:15px}.us-col-lg-8{width:66.66667%}.us-col-lg-9{width:75%}.us-col-lg-9,.us-col-lg-10{float:left;padding-left:15px;padding-right:15px}.us-col-lg-10{width:83.33333%}.us-col-lg-11{width:91.66667%}.us-col-lg-11,.us-col-lg-12{float:left;padding-left:15px;padding-right:15px}.us-col-lg-12{width:100%}}@media screen and (min-width:1200px){.us-col-xlg-1{width:8.33333%}.us-col-xlg-1,.us-col-xlg-2{float:left;padding-left:15px;padding-right:15px}.us-col-xlg-2{width:16.66667%}.us-col-xlg-3{width:25%}.us-col-xlg-3,.us-col-xlg-4{float:left;padding-left:15px;padding-right:15px}.us-col-xlg-4{width:33.33333%}.us-col-xlg-5{width:41.66667%}.us-col-xlg-5,.us-col-xlg-6{float:left;padding-left:15px;padding-right:15px}.us-col-xlg-6{width:50%}.us-col-xlg-7{width:58.33333%}.us-col-xlg-7,.us-col-xlg-8{float:left;padding-left:15px;padding-right:15px}.us-col-xlg-8{width:66.66667%}.us-col-xlg-9{width:75%}.us-col-xlg-9,.us-col-xlg-10{float:left;padding-left:15px;padding-right:15px}.us-col-xlg-10{width:83.33333%}.us-col-xlg-11{width:91.66667%}.us-col-xlg-11,.us-col-xlg-12{float:left;padding-left:15px;padding-right:15px}.us-col-xlg-12{width:100%}}.us-btn{display:inline-block;padding:.63em 1.25em;font-size:1em;line-height:1em;text-align:center;text-decoration:none;white-space:nowrap;vertical-align:middle;cursor:pointer;background-color:#e9ebed;border:1px solid #babcbe;border-radius:3px;outline:0;-webkit-transition:none;transition:none}.us-btn,.us-btn:visited{color:#2f353a}.us-btn:focus,.us-btn:hover{color:#008fe9;background-color:#e6f4fd;border-color:#008fe9}.us-btn:active{color:#fff;background-color:#008fe9}.us-btn--large{font-size:1.2em}.us-btn--small{padding:.4em .65em}.us-btn--blocked{display:block;width:100%;padding-right:0;padding-left:0}.us-btn--link{padding:0;line-height:1.618;color:#002396;background-color:transparent;border:0}.us-btn--link:hover{color:#1c1f4e;text-decoration:underline;background-color:transparent}.us-btn--disabled,.us-btn:disabled{pointer-events:none;opacity:.5}.us-btn--primary,.us-btn--primary:visited{color:#fff;background-color:#d64226;border-color:#ab351e}.us-btn--primary:focus,.us-btn--primary:hover{color:#fff;background-color:#ab351e;border-color:#ab351e}.us-btn--primary:active{color:#fff;background-color:#6b2113;border-color:#6b2113}.us-btn--secondary,.us-btn--secondary:visited{color:#fff;background-color:#008fe9;border-color:#0072ba}.us-btn--secondary:focus,.us-btn--secondary:hover{color:#fff;background-color:#0072ba;border-color:#0072ba}.us-btn--secondary:active{color:#fff;background-color:#004875;border-color:#004875}.us-btn--action,.us-btn--action:visited{color:#fff;background-color:#2aaa5b;border-color:#228849}.us-btn--action:focus,.us-btn--action:hover{color:#fff;background-color:#228849;border-color:#228849}.us-btn--action:active{color:#fff;background-color:#15552e;border-color:#15552e}.us-btn--hero,.us-btn--hero:visited{color:#1c1f4e;background-color:transparent;border-color:#1c1f4e}.us-btn--hero:focus,.us-btn--hero:hover{color:#1c1f4e;border-color:#1c1f4e;background-color:#e8e9ed}.us-btn--hero:active{color:#fff;background-color:#1c1f4e;border-color:#1c1f4e}.us-btn--reversed,.us-btn--reversed:visited{color:#fff;background-color:transparent;border-color:#fff}.us-btn--reversed:focus,.us-btn--reversed:hover{color:#fff;border-color:#fff;background-color:hsla(0,0%,100%,.2)}.us-btn--reversed:active{color:#2f353a;background-color:#fff;border-color:#fff}.us-list--reset{list-style:none}.us-blocked{display:block}.us-trailered{margin-bottom:1em}.us-trailered--large{margin-bottom:1.5em}.us-trailered--small{margin-bottom:.5em}.us-align--left{text-align:left}.us-align--right{text-align:right}.us-align--center{text-align:center}.us-color--blue{color:#002396}.us-background-color--blue{background:#002396}.us-color--navy{color:#1c1f4e}.us-background-color--navy{background:#1c1f4e}.us-color--typecyan{color:#008fe9}.us-background-color--typecyan{background:#008fe9}.us-color--cyan{color:#99e2ff}.us-background-color--cyan{background:#99e2ff}.us-color--red{color:#d64226}.us-background-color--red{background:#d64226}.us-color--green{color:#2aaa5b}.us-background-color--green{background:#2aaa5b}.us-color--typegrey{color:#2f353a}.us-background-color--typegrey{background:#2f353a}.us-color--typegrey-2{color:#65717b}.us-background-color--typegrey-2{background:#65717b}.us-color--inputgrey{color:#84909a}.us-background-color--inputgrey{background:#84909a}.us-color--bordergrey{color:#b0b8bf}.us-background-color--bordergrey{background:#b0b8bf}.us-color--keylinegrey{color:#e9ebed}.us-background-color--keylinegrey{background:#e9ebed}.us-reset--padding{padding:0}.us-reset--margin{margin:0}.us-margin-top{margin-top:1em}.us-padding-top{padding-top:1em}.us-margin-top--small{margin-top:.5em}.us-padding-top--small{padding-top:.5em}.us-margin-top--large{margin-top:1.5em}.us-padding-top--large{padding-top:1.5em}.us-margin-right{margin-right:1em}.us-padding-right{padding-right:1em}.us-margin-right--small{margin-right:.5em}.us-padding-right--small{padding-right:.5em}.us-margin-right--large{margin-right:1.5em}.us-padding-right--large{padding-right:1.5em}.us-margin-bottom{margin-bottom:1em}.us-padding-bottom{padding-bottom:1em}.us-margin-bottom--small{margin-bottom:.5em}.us-padding-bottom--small{padding-bottom:.5em}.us-margin-bottom--large{margin-bottom:1.5em}.us-padding-bottom--large{padding-bottom:1.5em}.us-margin-left{margin-left:1em}.us-padding-left{padding-left:1em}.us-margin-left--small{margin-left:.5em}.us-padding-left--small{padding-left:.5em}.us-margin-left--large{margin-left:1.5em}.us-padding-left--large{padding-left:1.5em}
Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment