-
Notifications
You must be signed in to change notification settings - Fork 1
Expand file tree
/
Copy pathindex.html
More file actions
18 lines (17 loc) · 14.5 KB
/
index.html
File metadata and controls
18 lines (17 loc) · 14.5 KB
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="utf-8">
<title>Scales CSS Framework</title>
<meta name="viewport" content="initial-scale=1,width=device-width">
<style>
/*! normalize.css v5.0.0 | MIT License | github.com/necolas/normalize.css */audio,canvas,progress,video{display:inline-block}progress,sub,sup{vertical-align:baseline}html,legend{box-sizing:border-box}button,hr,input{overflow:visible}pre,textarea{overflow:auto}audio,canvas,iframe,img,svg,video{vertical-align:middle}.Flag,.Flag__body,.Table,table{width:100%}html{font-family:sans-serif;line-height:1.15;-ms-text-size-adjust:100%;-webkit-text-size-adjust:100%}article,aside,details,figcaption,figure,footer,header,main,menu,nav,section{display:block}figure{margin:1em 40px}a{background-color:transparent;-webkit-text-decoration-skip:objects}a:active,a:hover{outline-width:0}abbr[title]{border-bottom:none;text-decoration:underline;text-decoration:underline dotted}.Button,.Button:active,.Button:focus,.Button:hover{text-decoration:none}b,strong{font-weight:bolder}code,kbd,samp{font-family:monospace,monospace;font-size:1em}dfn{font-style:italic}mark{background-color:#ff0;color:#000}small{font-size:80%}sub,sup{font-size:75%;line-height:0;position:relative}sub{bottom:-.25em}sup{top:-.5em}audio:not([controls]){display:none;height:0}img{border-style:none}svg:not(:root){overflow:hidden}button,input,optgroup,select,textarea{line-height:1.15;margin:0}button,select{text-transform:none}[type=reset],[type=submit],button,html [type=button]{-webkit-appearance:button}[type=button]::-moz-focus-inner,[type=reset]::-moz-focus-inner,[type=submit]::-moz-focus-inner,button::-moz-focus-inner{border-style:none;padding:0}[type=button]:-moz-focusring,[type=reset]:-moz-focusring,[type=submit]:-moz-focusring,button:-moz-focusring{outline:ButtonText dotted 1px}legend{color:inherit;display:table;max-width:100%;white-space:normal}textarea{resize:vertical}[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;outline-offset:-2px}[type=search]::-webkit-search-cancel-button,[type=search]::-webkit-search-decoration{-webkit-appearance:none}::-webkit-file-upload-button{-webkit-appearance:button;font:inherit}summary{display:list-item}[hidden],template{display:none}*,:after,:before{box-sizing:inherit}blockquote,caption,dd,dl,fieldset,form,h1,h2,h3,h4,h5,h6,hr,legend,ol,p,pre,table,td,th,ul{margin:0;padding:0}abbr[title],dfn[title]{cursor:help}button,label,option,select{cursor:pointer}.TextInput:active,.TextInput:focus,textarea:active,textarea:focus{cursor:text}.TextInput,[type=date],[type=datetime],[type=email],[type=month],[type=number],[type=password],[type=search],[type=tel],[type=text],[type=time],[type=url],[type=week],textarea{-webkit-appearance:none;-moz-appearance:none;appearance:none;font-size:100%;line-height:inherit;padding:0;margin:0;background:0 0;border:0}::-moz-selection{background:#79bd9a;color:#fff;text-shadow:none}::selection{background:#79bd9a;color:#fff;text-shadow:none}hr{box-sizing:content-box;display:block;height:1px;border:0;border-top:1px solid #ccc;padding:0;margin:1em 0}table{border-collapse:collapse}button,input,optgroup,select,textarea{font:inherit}.Alpha,.Beta,.Delta,.Epsilon,.Gamma,.H1,.H2,.H3,.H4,.H5,.H6,.Zeta,body,h1,h2,h3,h4,h5,h6{font-family:-apple-system,BlinkMacSystemFont,"Segoe UI",Roboto,Oxygen,Ubuntu,Cantarell,"Fira Sans","Droid Sans","Helvetica Neue",sans-serif;color:#333;margin:0}body{font-size:1rem;line-height:1.5}.Lead,.Lede,p{margin:0}.Alpha,.Beta,.Delta,.Epsilon,.Gamma,.H1,.H2,.H3,.H4,.H5,.H6,.Zeta,h1,h2,h3,h4,h5,h6{font-weight:400}.Alpha,.H1,h1{font-size:2.25rem}.Beta,.H2,h2{font-size:2rem}.Gamma,.H3,h3{font-size:1.75rem}.Delta,.H4,h4{font-size:1.5rem}.Epsilon,.H5,h5{font-size:1.25rem}.H6,.Zeta,h6{font-size:1rem}.Lead,.Lede{font-size:1.25rem}code,pre{font-family:consolas,monaco,courier,monospace;font-size:1rem}pre{padding:0 1em 1em;margin:0;background-color:#444;color:#fff}.Media__body,.Truncate{overflow:hidden}.Measure{max-width:30em}.Measure--narrow{max-width:20em}.Truncate{white-space:nowrap;text-overflow:ellipsis}img{max-width:100%;font-style:italic}.gm-style img,img[height],img[width]{max-width:none}.List--bare{margin-left:0;padding-left:0;list-style-type:none}.Blockquote{margin:0}.Blockquote__quote:last-of-type{margin-bottom:0}.Blockquote__source{display:block;text-indent:0}.Blockquote__source:before{content:"—"}fieldset{border:0;margin:0;padding:1em}.FormList{list-style:none;margin:0;padding:0}.InputContainer{margin-bottom:1em}.Box>:last-child,.Media__body,.Media__body>:last-child{margin-bottom:0}.InputContainer--inline{display:inline-block;vertical-align:top}.FormLabel,label{display:block}.FormLabel--additional{display:block;font-weight:400}.TextInput,select,textarea{display:block;padding:.5em;border:1px solid #000;border-radius:0}select{background:#fff}.FormInline .FormLabel,.FormInline .TextInput,.FormInline label,.FormInline select,.FormInline textarea{display:inline-block;vertical-align:middle}input.is-Disabled,input[disabled],select.is-Disabled,select[disabled],textarea.is-Disabled,textarea[disabled]{cursor:not-allowed;border-color:#aaa;background-color:#ccc;color:#aaa}input.is-ReadOnly,input[readonly],select.is-ReadOnly,select[readonly],textarea.is-ReadOnly,textarea[readonly]{border-color:#aaa;background-color:#ccc;color:#000}.HelperText{display:none}.TextInput:active+.HelperText,.TextInput:focus+.HelperText,textarea:active+.HelperText,textarea:focus+.HelperText{display:block}.FormInline .TextInput:active+.HelperText,.FormInline .TextInput:focus+.HelperText,.FormInline textarea:active+.HelperText,.FormInline textarea:focus+.HelperText{display:inline-block}[colspan]{text-align:center}[colspan="1"]{text-align:left}[rowspan]{vertical-align:middle}[rowspan="1"]{vertical-align:top}.Numerical{text-align:right}.Table--spacing-large td,.Table--spacing-large th{padding:1em}.Table--spacing-medium td,.Table--spacing-medium th{padding:.5em}.Table--spacing-small td,.Table--spacing-small th{padding:.25em}.Table--bordered{border-top:1px solid #000;border-right:1px solid #000}.Table--bordered tr{border-bottom:1px solid #000}.Table--bordered td,.Table--bordered th{border-left:1px solid #000}.Table--bordered-inside{border-top-width:0;border-right-width:0}.Table--bordered-inside tbody tr:last-child{border-bottom-width:0}.Table--bordered-inside td:first-child,.Table--bordered-inside th:first-child{border-left-width:0}.Table--bordered-rows td,.Table--bordered-rows th{border-bottom:1px solid #000}.Table--bordered-rows-inside tbody tr:last-child td,.Table--bordered-rows-inside tbody tr:last-child th{border-bottom-width:0}.Table--bordered-columns{border-left:1px solid #000}.Table--bordered-columns td,.Table--bordered-columns th{border-right:1px solid #000}.Button,.Button.is-disabled,.Button[disabled]{border-width:0;border-color:#000;border-style:solid}.Table--bordered-columns-inside{border-left-width:0}.Table--bordered-columns-inside td:last-child,.Table--bordered-columns-inside th:last-child{border-right-width:0}.Table--striped tbody tr:nth-child(odd),.Table--striped-even tbody tr:nth-child(even),.Table--striped-odd tbody tr:nth-child(odd){background-color:#ccc}.TableHighlight{background-color:gold!important;color:#000!important}.Table--fixed{table-layout:fixed}.Box{display:block;padding:1em}.Box--flush{padding:0}.Box--tiny{padding:.25em}.Box--small{padding:.5em}.Box--large{padding:2em}.Box--huge{padding:4em}.HorizontalList,.VerticalList{margin:0;padding:0;list-style:none}.HorizontalList>li{display:inline-block}.HorizontalList--center{text-align:center}.HorizontalList--right{text-align:right}.HorizontalList--left{text-align:left}.HorizontalList--fill{display:table;width:100%}.HorizontalList--fill>li{display:table-cell;text-align:center}.Media,.Media__body,.Media__figure>img,.VerticalList>li{display:block}.HorizontalList--delimited>li:after{content:", "}.HorizontalList--delimited>li:last-child:after{content:''}.HorizontalList>[data-delimiter]:after{content:attr(data-delimiter)}.VerticalList--delimited>li:after{content:", "}.VerticalList--delimited>li:last-child:after{content:''}.VerticalList>[data-delimiter]:after{content:attr(data-delimiter)}.Media__figure{float:left;margin-right:1em}.Media--rev>.Media__figure{float:right;margin-right:0;margin-left:1em}.Media--flush>.Media__figure{margin-right:0;margin-left:0}.Media--tiny>.Media__figure{margin-right:.25em}.Media--tiny.Media--rev>.Media__figure{margin-right:0;margin-left:.25em}.Media--small>.Media__figure{margin-right:.5em}.Media--small.Media--rev>.Media__figure{margin-right:0;margin-left:.5em}.Media--large>.Media__figure{margin-right:2em}.Media--large.Media--rev>.Media__figure{margin-right:0;margin-left:2em}.Media--huge>.Media__figure{margin-right:4em}.Media--huge.Media--rev>.Media__figure{margin-right:0;margin-left:4em}@media all and (max-width:25em){.Media--stacked>.Media__figure{display:block;float:none;margin-right:0;margin-left:0;margin-bottom:1em}.Media--stacked.Media--tiny>.Media__figure{margin-right:0;margin-left:0;margin-bottom:.25em}.Media--stacked.Media--small>.Media__figure{margin-right:0;margin-left:0;margin-bottom:.5em}.Media--stacked.Media--large>.Media__figure{margin-right:0;margin-left:0;margin-bottom:2em}.Media--stacked.Media--huge>.Media__figure{margin-right:0;margin-left:0;margin-bottom:4em}}.Flag{display:table}.Flag__body,.Flag__figure{display:table-cell;vertical-align:top}.Flag__figure{padding-right:1em}.Flag__figure>img{display:block;max-width:none}.Flag__body,.Flag__body>:last-child{margin-bottom:0}.Flag--rev{direction:rtl}.Flag--rev>.Flag__body,.Flag--rev>.Flag__figure{direction:ltr}.Flag--rev>.Flag__figure{padding-right:0;padding-left:1em}.Flag--flush>.Flag__figure{padding-right:0;padding-left:0}.Flag--tiny>.Flag__figure{padding-right:.25em}.Flag--tiny.Flag--rev>.Flag__figure{padding-right:0;padding-left:.25em}.Flag--small>.Flag__figure{padding-right:.5em}.Flag--small.Flag--rev>.Flag__figure{padding-right:0;padding-left:.5em}.Flag--large>.Flag__figure{padding-right:2em}.Flag--large.Flag--rev>.Flag__figure{padding-right:0;padding-left:2em}.Flag--huge>.Flag__figure{padding-right:4em}.Flag--huge.Flag--rev>.Flag__figure{padding-right:0;padding-left:4em}.Flag--middle>.Flag__body,.Flag--middle>.Flag__figure{vertical-align:middle}.Flag--bottom>.Flag__body,.Flag--bottom>.Flag__figure{vertical-align:bottom}@media all and (max-width:25em){.Flag--stacked{direction:ltr}.Flag--stacked,.Flag--stacked>.Flag__body,.Flag--stacked>.Flag__figure{display:block}.Flag--stacked>.Flag__figure{padding-right:0;padding-left:0;margin-bottom:1em}.Flag--stacked.Flag--tiny>.Flag__figure{padding-right:0;padding-left:0;margin-bottom:.25em}.Flag--stacked.Flag--small>.Flag__figure{padding-right:0;padding-left:0;margin-bottom:.5em}.Flag--stacked.Flag--large>.Flag__figure{padding-right:0;padding-left:0;margin-bottom:2em}.Flag--stacked.Flag--huge>.Flag__figure{padding-right:0;padding-left:0;margin-bottom:4em}}.Split{text-align:right;list-style:none;margin:0;padding:0}.Split__title{text-align:left;float:left;clear:left}.Stat__value,.Stats--big .Stat{text-align:center;margin-left:0}.Stats{margin-left:0}.Stat{float:left}.Stat+.Stat{margin-left:1em}.Stat>a{display:block}.Stats--big .Stat{float:none}.MultiColList{list-style:none;margin-left:0}.MultiColList>li{float:left}.MultiColList--two-columns>li{width:50%}.MultiColList--three-columns>li{width:33.333333333%}.MultiColList--four-columns>li{width:25%}.MultiColList--five-columns>li{width:20%}.MultiColList--six-columns>li{width:16.666666667%}.Button{-webkit-appearance:none;background-color:#d3d3d3;border-radius:0;color:inherit;cursor:pointer;display:inline-block;font:inherit;line-height:normal;margin:0;overflow:visible;padding:.5em .75em;text-align:center;vertical-align:middle;white-space:normal}.Button:hover{background-color:#c6c6c6;color:inherit}.Button.is-disabled,.Button[disabled]{opacity:.5;pointer-events:none;background-color:#d3d3d3;color:inherit}.Button::-moz-focus-inner{border:0;padding:0}.Box:after,.ClearFix:after,.Media:after,.MultiColList:after,.Stats:after{content:"";display:table;clear:both}.Size-5{width:5%!important}.Size-10{width:10%!important}.Size-15{width:15%!important}.Size-20{width:20%!important}.Size-25{width:25%!important}.Size-30{width:30%!important}.Size-35{width:35%!important}.Size-40{width:40%!important}.Size-45{width:45%!important}.Size-50{width:50%!important}.Size-55{width:55%!important}.Size-60{width:60%!important}.Size-65{width:65%!important}.Size-70{width:70%!important}.Size-75{width:75%!important}.Size-80{width:80%!important}.Size-85{width:85%!important}.Size-90{width:90%!important}.Size-95{width:95%!important}.Size-100{width:100%!important}.pan,.ptn,.pvn{padding-top:0!important}.pas,.pts,.pvs{padding-top:.5em!important}.pam,.ptm,.pvm{padding-top:1em!important}.pal,.ptl,.pvl{padding-top:2em!important}.pah,.pth,.pvh{padding-top:3em!important}.pan,.phn,.prn{padding-right:0!important}.pas,.phs,.prs{padding-right:.5em!important}.pam,.phm,.prm{padding-right:1em!important}.pal,.phl,.prl{padding-right:2em!important}.pah,.phh,.prh{padding-right:3em!important}.pan,.pbn,.pvn{padding-bottom:0!important}.pas,.pbs,.pvs{padding-bottom:.5em!important}.pam,.pbm,.pvm{padding-bottom:1em!important}.pal,.pbl,.pvl{padding-bottom:2em!important}.pah,.pbh,.pvh{padding-bottom:3em!important}.pan,.phn,.pln{padding-left:0!important}.pas,.phs,.pls{padding-left:.5em!important}.pam,.phm,.plm{padding-left:1em!important}.pal,.phl,.pll{padding-left:2em!important}.pah,.phh,.plh{padding-left:3em!important}.man,.mtn,.mvn{margin-top:0!important}.mas,.mts,.mvs{margin-top:.5em!important}.mam,.mtm,.mvm{margin-top:1em!important}.mal,.mtl,.mvl{margin-top:2em!important}.mah,.mth,.mvh{margin-top:3em!important}.man,.mhn,.mrn{margin-right:0!important}.mas,.mhs,.mrs{margin-right:.5em!important}.mam,.mhm,.mrm{margin-right:1em!important}.mal,.mhl,.mrl{margin-right:2em!important}.mah,.mhh,.mrh{margin-right:3em!important}.man,.mbn,.mvn{margin-bottom:0!important}.mas,.mbs,.mvs{margin-bottom:.5em!important}.mam,.mbm,.mvm{margin-bottom:1em!important}.mal,.mbl,.mvl{margin-bottom:2em!important}.mah,.mbh,.mvh{margin-bottom:3em!important}.man,.mhn,.mln{margin-left:0!important}.mas,.mhs,.mls{margin-left:.5em!important}.mam,.mhm,.mlm{margin-left:1em!important}.mal,.mhl,.mll{margin-left:2em!important}.mah,.mhh,.mlh{margin-left:3em!important}
body {text-align: center;}
</style>
</head>
<body class="ptl">
<img class="mbl" src="scales-logo.svg" alt="Scales CSS Framework">
<h2>Documentation Coming Soon!</h2>
<p>To get started visit Scales on <a href="https://github.com/ScalesCSS/scalescss">Github</a> or <a href="https://www.npmjs.com/package/@scalescss/scalescss">npm</a></p>
</body>
</html>