From 14b3c66a1702e2adbad749e18236f937ba4c9b31 Mon Sep 17 00:00:00 2001 From: connors Date: Sat, 31 Oct 2015 12:48:46 -0700 Subject: [PATCH] fix the flex grid in older browsers --- docs/assets/css/docs.css | 2 ++ docs/assets/css/docs.min.css | 2 +- sass/docs.scss | 2 ++ 3 files changed, 5 insertions(+), 1 deletion(-) diff --git a/docs/assets/css/docs.css b/docs/assets/css/docs.css index d1a06ad..43a7ad5 100644 --- a/docs/assets/css/docs.css +++ b/docs/assets/css/docs.css @@ -142,6 +142,8 @@ a { } .col-group { + display: -webkit-flex; + display: -ms-flex; display: flex; } diff --git a/docs/assets/css/docs.min.css b/docs/assets/css/docs.min.css index 056a003..bbc4625 100644 --- a/docs/assets/css/docs.min.css +++ b/docs/assets/css/docs.min.css @@ -1 +1 @@ -@charset "UTF-8";.btn,a{text-decoration:none}.col,.masthead{position:relative}.btn,.photo-credit{white-space:nowrap}.container:after,.nav:after{clear:both}.masthead-title,.oss-section,.sub-masthead{text-shadow:0 0 3px rgba(0,0,0,.3)}.btn,.text-centered{text-align:center}.icon:before,button,select{text-transform:none}*{-webkit-box-sizing:border-box;box-sizing:border-box}body{font:16px/1.7 Roboto,"Helvetica Neue",Helvetica,arial,sans-serif;font-weight:300;color:#333}.btn,.icon:before,.nav-item{line-height:1}h1,h2,h3,h4,h5,h6{margin-top:0;font-weight:300}h2{margin-bottom:.18em;font-size:1.6em}h3{margin-bottom:.15em;font-size:1.3em}h5{font-weight:400}p{margin-top:.5em;margin-bottom:.5em;font-size:1em;color:#555}.download-decription{margin-bottom:1em}.lead{font-size:1.1em;color:#777}a{color:#4b92c6}.highlight{font-size:.9em}.btn{display:inline-block;padding:10px 15px;margin-bottom:0;font-size:14px;vertical-align:middle;color:#666;background-image:none;border:1px solid #ddd;border-radius:4px;transition:all .2s linear}.nav-item,.photo-credit{transition:opacity .15s linear}.btn:hover{border-color:#999}.btn-components,.btn-download{margin-right:1rem;margin-left:1rem;padding:12px 30px;display:block}.btn-download{margin-bottom:1rem;color:#0f2b3c;border-color:transparent;background-color:rgba(255,255,255,.9)}.btn-download:hover{border-color:transparent;background-color:#fff}@media (min-width:32em){.btn-components,.btn-download{margin-right:0;margin-left:0;display:inline-block}.btn-download{margin-right:1rem;margin-bottom:0;margin-left:0}}.btn-inversed{color:#fff;border-color:rgba(255,255,255,.7)}.btn-inversed:hover{border-color:#fff}.container{margin-left:auto;margin-right:auto;padding-left:1rem;padding-right:1rem}.container:after,.container:before{display:table;content:" "}.col{padding:3rem 1rem}@media (min-width:32em){.container{padding-left:0;padding-right:0;max-width:65rem}.col-group{display:flex}.col{min-width:0;padding-right:3rem;padding-left:3rem;flex:1}.col-one-third{max-width:33.333%}}.masthead{padding-bottom:80px;color:#fff;background-image:url(/assets/img/photo-couch.png);background-size:cover}.masthead:after{position:absolute;top:0;right:0;bottom:0;left:0;content:"";background-color:#000;opacity:.25;z-index:1}.masthead-content{position:relative;margin-top:50px;z-index:10}.subpage-lead,.subpage-title{margin-top:0;margin-bottom:0;font-weight:300}.masthead-title{margin:0;padding:0 1rem 1.5rem;font-size:1.5em}@media (min-width:32em){.masthead{background-position:center}.masthead:after{display:none}.masthead-title{padding:0 8rem 3rem;font-size:2.1em}}.photo-credit{position:absolute;left:50%;bottom:1em;font-size:.8em;color:#fff;transform:translatex(-50%);opacity:.5;z-index:10}.photo-credit:hover{opacity:.9}.sub-masthead{color:#fff;background-color:#000;background-image:-webkit-gradient(linear,left bottom,right top,color-stop(0,#000),color-stop(100%,#0f2b3c));background-image:-webkit-linear-gradient(45deg,#000 0,#0f2b3c 100%);background-image:-moz-linear-gradient(45deg,#000 0,#0f2b3c 100%);background-image:linear-gradient(45deg,#000 0,#0f2b3c 100%)}.subpage-header-content{padding:2.5rem 1rem 3rem}@media (min-width:32em){.subpage-header-content{padding:3rem 3rem 4rem}}.subpage-lead{color:#fff;font-size:1.3em;opacity:.8}.nav{position:relative;padding-top:1.2rem;padding-bottom:1.2rem;margin-left:1rem;margin-right:1rem;display:block;font-weight:500;border-bottom:1px solid rgba(255,255,255,.2);z-index:10}.nav:after,.nav:before{display:table;content:" "}.nav-group,.title{display:block}.title{font-size:1em;color:#fff}.nav-item{margin-right:.7rem;font-size:.8em;color:#fff;opacity:.7}.nav-item:hover{opacity:1}.example-component-window{height:300px;overflow:hidden;box-shadow:0 0 30px rgba(0,0,0,.1);border:1px solid #bebebe;border-radius:6px}@media (min-width:32em){.nav,.nav-item{margin-right:3rem}.nav{margin-left:3rem}.title{float:left}.nav-group{margin-top:.5em;float:right}.nav-item{float:left}.nav-item:last-child{margin-right:0}.example-component-container{position:-webkit-sticky;position:-moz-sticky;position:-ms-sticky;position:-o-sticky;position:sticky;top:3rem;min-width:310px;margin-bottom:3rem}}.icon:before,.oss-section,sub,sup{position:relative}.demo-app-container{height:450px;margin-right:3rem;margin-bottom:3rem;margin-left:3rem;display:none;border-radius:6px;overflow:hidden;box-shadow:0 0 60px rgba(0,0,0,.3)}@media (min-width:32em){.demo-app-container{display:block}}.component-example,.demo-app{width:100%;height:100%;display:block;border:0}.footer-links li,.icon:before{display:inline-block}.component-section,.docs-section{border-bottom:1px solid #ddd}.docs-section-gray{background-color:#f8f8f8}.oss-section{color:#fff;background-color:#000;background-image:-webkit-gradient(linear,left bottom,right top,color-stop(0,#000),color-stop(100%,#0f2b3c));background-image:-webkit-linear-gradient(45deg,#000 0,#0f2b3c 100%);background-image:-moz-linear-gradient(45deg,#000 0,#0f2b3c 100%);background-image:linear-gradient(45deg,#000 0,#0f2b3c 100%)}.oss-section a:not(.btn){color:#fff}.oss-section p{color:#ccc}.oss-section .btn{margin-top:20px}.oss-section .col:last-child{padding-top:0}@media (min-width:32em){.basic-template-section{border-top:1px solid #ddd}.oss-section .col:last-child{padding-top:3rem}}.component-section{margin-bottom:1rem}.component-section.last-component-section{margin-bottom:0}.component-section .col:last-child{padding-top:0}@media (min-width:32em){.component-section{margin-bottom:0;border-bottom:0;background-color:#fff;background-image:-webkit-gradient(linear,left top,right top,color-stop(50%,#fff),color-stop(50%,#f5f5f5));background-image:-webkit-linear-gradient(left,#fff 50%,#f5f5f5 50%);background-image:linear-gradient(to right,#fff 50%,#f5f5f5 50%)}.component-section .col{padding-top:3rem;border-left:1px solid #ddd}.component-section .col:first-child{border-left:0}.component-section .col:last-child{padding-top:3rem;padding-bottom:0}}.component-description,.docs-hr{margin-bottom:2rem}legend,td,th{padding:0}.footer{margin-top:-1px;border-top:1px solid #ddd}.footer-content{font-size:.8em;font-weight:500;opacity:.8}.footer-links{padding-left:0;list-style:none}@media (min-width:32em){.footer-content{margin-right:5rem;margin-left:5rem}}.docs-hr{margin-top:2rem;background:0 0;border:0;border-bottom:1px solid #ddd}@font-face{font-family:photon-entypo;src:url(/dist/fonts/photon-entypo.eot);src:url(/dist/fonts/photon-entypo.eot?#iefix) format("eot"),url(/dist/fonts/photon-entypo.woff) format("woff"),url(/dist/fonts/photon-entypo.ttf) format("truetype");font-weight:400;font-style:normal}.icon:before{font-family:photon-entypo;speak:none;font-size:100%;font-style:normal;font-weight:400;font-variant:normal;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}.ge,.sd,dfn{font-style:italic}.icon-bucket:before{content:'\e8d5'}.icon-code:before{content:'\e834'}.icon-window:before{content:'\e86d'}.buttons-component{height:80px}.button-groups-component{height:110px}.forms-component{height:430px}.icons-component{height:700px;overflow:hidden}.hll{background-color:#ffc}.c{color:#999}.err{color:#A00;background-color:#FAA}.k{color:#069}.o{color:#555}.cm{color:#999}.cp{color:#099}.c1,.cs{color:#999}.gd{background-color:#FCC;border:1px solid #C00}.gr{color:red}.gh{color:#030}.gi{background-color:#CFC;border:1px solid #0C0}img,legend{border:0}.go{color:#AAA}.gp{color:#009}.gu{color:#030}.gt{color:#9C6}.kc,.kd,.kn,.kp,.kr{color:#069}.kt{color:#078}.m{color:#F60}.s{color:#d44950}.na{color:#4f9fcf}.nb{color:#366}.nc{color:#0A8}.no{color:#360}.nd{color:#99F}.ni{color:#999}.ne{color:#C00}.nf{color:#C0F}.nl{color:#99F}.nn{color:#0CF}.nt{color:#2f6f9f}.nv{color:#033}.ow{color:#000}.w{color:#bbb}.mf,.mh,.mi,.mo{color:#F60}.s2,.sb,.sc,.sd,.se,.sh{color:#C30}.si{color:#A00}.sx{color:#C30}.sr{color:#3AA}.s1{color:#C30}.ss{color:#FC3}.bp{color:#366}.vc,.vg,.vi{color:#033}.il{color:#F60}.css .nt+.nt,.css .o,.css .o+.nt{color:#999}/*! normalize.css v3.0.3 | MIT License | github.com/necolas/normalize.css */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,optgroup,strong{font-weight:700}h1{font-size:2em;margin:.67em 0}mark{background:#ff0;color:#000}small{font-size:80%}sub,sup{font-size:75%;line-height:0;vertical-align:baseline}sup{top:-.5em}sub{bottom:-.25em}svg:not(:root){overflow:hidden}figure{margin:1em 40px}hr{box-sizing:content-box;height:0}pre,textarea{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,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]{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;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}table{border-collapse:collapse;border-spacing:0} \ No newline at end of file +@charset "UTF-8";.btn,a{text-decoration:none}.col,.masthead{position:relative}.btn,.photo-credit{white-space:nowrap}.container:after,.nav:after{clear:both}.masthead-title,.oss-section,.sub-masthead{text-shadow:0 0 3px rgba(0,0,0,.3)}.btn,.text-centered{text-align:center}.icon:before,button,select{text-transform:none}*{-webkit-box-sizing:border-box;box-sizing:border-box}body{font:16px/1.7 Roboto,"Helvetica Neue",Helvetica,arial,sans-serif;font-weight:300;color:#333}.btn,.icon:before,.nav-item{line-height:1}h1,h2,h3,h4,h5,h6{margin-top:0;font-weight:300}h2{margin-bottom:.18em;font-size:1.6em}h3{margin-bottom:.15em;font-size:1.3em}h5{font-weight:400}p{margin-top:.5em;margin-bottom:.5em;font-size:1em;color:#555}.download-decription{margin-bottom:1em}.lead{font-size:1.1em;color:#777}a{color:#4b92c6}.highlight{font-size:.9em}.btn{display:inline-block;padding:10px 15px;margin-bottom:0;font-size:14px;vertical-align:middle;color:#666;background-image:none;border:1px solid #ddd;border-radius:4px;transition:all .2s linear}.nav-item,.photo-credit{transition:opacity .15s linear}.btn:hover{border-color:#999}.btn-components,.btn-download{margin-right:1rem;margin-left:1rem;padding:12px 30px;display:block}.btn-download{margin-bottom:1rem;color:#0f2b3c;border-color:transparent;background-color:rgba(255,255,255,.9)}.btn-download:hover{border-color:transparent;background-color:#fff}@media (min-width:32em){.btn-components,.btn-download{margin-right:0;margin-left:0;display:inline-block}.btn-download{margin-right:1rem;margin-bottom:0;margin-left:0}}.btn-inversed{color:#fff;border-color:rgba(255,255,255,.7)}.btn-inversed:hover{border-color:#fff}.container{margin-left:auto;margin-right:auto;padding-left:1rem;padding-right:1rem}.container:after,.container:before{display:table;content:" "}.col{padding:3rem 1rem}@media (min-width:32em){.container{padding-left:0;padding-right:0;max-width:65rem}.col-group{display:-webkit-flex;display:-ms-flex;display:flex}.col{min-width:0;padding-right:3rem;padding-left:3rem;flex:1}.col-one-third{max-width:33.333%}}.masthead{padding-bottom:80px;color:#fff;background-image:url(/assets/img/photo-couch.png);background-size:cover}.masthead:after{position:absolute;top:0;right:0;bottom:0;left:0;content:"";background-color:#000;opacity:.25;z-index:1}.masthead-content{position:relative;margin-top:50px;z-index:10}.subpage-lead,.subpage-title{margin-top:0;margin-bottom:0;font-weight:300}.masthead-title{margin:0;padding:0 1rem 1.5rem;font-size:1.5em}@media (min-width:32em){.masthead{background-position:center}.masthead:after{display:none}.masthead-title{padding:0 8rem 3rem;font-size:2.1em}}.photo-credit{position:absolute;left:50%;bottom:1em;font-size:.8em;color:#fff;transform:translatex(-50%);opacity:.5;z-index:10}.photo-credit:hover{opacity:.9}.sub-masthead{color:#fff;background-color:#000;background-image:-webkit-gradient(linear,left bottom,right top,color-stop(0,#000),color-stop(100%,#0f2b3c));background-image:-webkit-linear-gradient(45deg,#000 0,#0f2b3c 100%);background-image:-moz-linear-gradient(45deg,#000 0,#0f2b3c 100%);background-image:linear-gradient(45deg,#000 0,#0f2b3c 100%)}.subpage-header-content{padding:2.5rem 1rem 3rem}@media (min-width:32em){.subpage-header-content{padding:3rem 3rem 4rem}}.subpage-lead{color:#fff;font-size:1.3em;opacity:.8}.nav{position:relative;padding-top:1.2rem;padding-bottom:1.2rem;margin-left:1rem;margin-right:1rem;display:block;font-weight:500;border-bottom:1px solid rgba(255,255,255,.2);z-index:10}.nav:after,.nav:before{display:table;content:" "}.nav-group,.title{display:block}.title{font-size:1em;color:#fff}.nav-item{margin-right:.7rem;font-size:.8em;color:#fff;opacity:.7}.nav-item:hover{opacity:1}.example-component-window{height:300px;overflow:hidden;box-shadow:0 0 30px rgba(0,0,0,.1);border:1px solid #bebebe;border-radius:6px}@media (min-width:32em){.nav,.nav-item{margin-right:3rem}.nav{margin-left:3rem}.title{float:left}.nav-group{margin-top:.5em;float:right}.nav-item{float:left}.nav-item:last-child{margin-right:0}.example-component-container{position:-webkit-sticky;position:-moz-sticky;position:-ms-sticky;position:-o-sticky;position:sticky;top:3rem;min-width:310px;margin-bottom:3rem}}.icon:before,.oss-section,sub,sup{position:relative}.demo-app-container{height:450px;margin-right:3rem;margin-bottom:3rem;margin-left:3rem;display:none;border-radius:6px;overflow:hidden;box-shadow:0 0 60px rgba(0,0,0,.3)}@media (min-width:32em){.demo-app-container{display:block}}.component-example,.demo-app{width:100%;height:100%;display:block;border:0}.footer-links li,.icon:before{display:inline-block}.component-section,.docs-section{border-bottom:1px solid #ddd}.docs-section-gray{background-color:#f8f8f8}.oss-section{color:#fff;background-color:#000;background-image:-webkit-gradient(linear,left bottom,right top,color-stop(0,#000),color-stop(100%,#0f2b3c));background-image:-webkit-linear-gradient(45deg,#000 0,#0f2b3c 100%);background-image:-moz-linear-gradient(45deg,#000 0,#0f2b3c 100%);background-image:linear-gradient(45deg,#000 0,#0f2b3c 100%)}.oss-section a:not(.btn){color:#fff}.oss-section p{color:#ccc}.oss-section .btn{margin-top:20px}.oss-section .col:last-child{padding-top:0}@media (min-width:32em){.basic-template-section{border-top:1px solid #ddd}.oss-section .col:last-child{padding-top:3rem}}.component-section{margin-bottom:1rem}.component-section.last-component-section{margin-bottom:0}.component-section .col:last-child{padding-top:0}@media (min-width:32em){.component-section{margin-bottom:0;border-bottom:0;background-color:#fff;background-image:-webkit-gradient(linear,left top,right top,color-stop(50%,#fff),color-stop(50%,#f5f5f5));background-image:-webkit-linear-gradient(left,#fff 50%,#f5f5f5 50%);background-image:linear-gradient(to right,#fff 50%,#f5f5f5 50%)}.component-section .col{padding-top:3rem;border-left:1px solid #ddd}.component-section .col:first-child{border-left:0}.component-section .col:last-child{padding-top:3rem;padding-bottom:0}}.component-description,.docs-hr{margin-bottom:2rem}legend,td,th{padding:0}.footer{margin-top:-1px;border-top:1px solid #ddd}.footer-content{font-size:.8em;font-weight:500;opacity:.8}.footer-links{padding-left:0;list-style:none}@media (min-width:32em){.footer-content{margin-right:5rem;margin-left:5rem}}.docs-hr{margin-top:2rem;background:0 0;border:0;border-bottom:1px solid #ddd}@font-face{font-family:photon-entypo;src:url(/dist/fonts/photon-entypo.eot);src:url(/dist/fonts/photon-entypo.eot?#iefix) format("eot"),url(/dist/fonts/photon-entypo.woff) format("woff"),url(/dist/fonts/photon-entypo.ttf) format("truetype");font-weight:400;font-style:normal}.icon:before{font-family:photon-entypo;speak:none;font-size:100%;font-style:normal;font-weight:400;font-variant:normal;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}.ge,.sd,dfn{font-style:italic}.icon-bucket:before{content:'\e8d5'}.icon-code:before{content:'\e834'}.icon-window:before{content:'\e86d'}.buttons-component{height:80px}.button-groups-component{height:110px}.forms-component{height:430px}.icons-component{height:700px;overflow:hidden}.hll{background-color:#ffc}.c{color:#999}.err{color:#A00;background-color:#FAA}.k{color:#069}.o{color:#555}.cm{color:#999}.cp{color:#099}.c1,.cs{color:#999}.gd{background-color:#FCC;border:1px solid #C00}.gr{color:red}.gh{color:#030}.gi{background-color:#CFC;border:1px solid #0C0}img,legend{border:0}.go{color:#AAA}.gp{color:#009}.gu{color:#030}.gt{color:#9C6}.kc,.kd,.kn,.kp,.kr{color:#069}.kt{color:#078}.m{color:#F60}.s{color:#d44950}.na{color:#4f9fcf}.nb{color:#366}.nc{color:#0A8}.no{color:#360}.nd{color:#99F}.ni{color:#999}.ne{color:#C00}.nf{color:#C0F}.nl{color:#99F}.nn{color:#0CF}.nt{color:#2f6f9f}.nv{color:#033}.ow{color:#000}.w{color:#bbb}.mf,.mh,.mi,.mo{color:#F60}.s2,.sb,.sc,.sd,.se,.sh{color:#C30}.si{color:#A00}.sx{color:#C30}.sr{color:#3AA}.s1{color:#C30}.ss{color:#FC3}.bp{color:#366}.vc,.vg,.vi{color:#033}.il{color:#F60}.css .nt+.nt,.css .o,.css .o+.nt{color:#999}/*! normalize.css v3.0.3 | MIT License | github.com/necolas/normalize.css */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,optgroup,strong{font-weight:700}h1{font-size:2em;margin:.67em 0}mark{background:#ff0;color:#000}small{font-size:80%}sub,sup{font-size:75%;line-height:0;vertical-align:baseline}sup{top:-.5em}sub{bottom:-.25em}svg:not(:root){overflow:hidden}figure{margin:1em 40px}hr{box-sizing:content-box;height:0}pre,textarea{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,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]{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;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}table{border-collapse:collapse;border-spacing:0} \ No newline at end of file diff --git a/sass/docs.scss b/sass/docs.scss index 94f8c50..1ec4090 100644 --- a/sass/docs.scss +++ b/sass/docs.scss @@ -154,6 +154,8 @@ a { } .col-group { + display: -webkit-flex; // Make the grid work in older Safari browsers + display: -ms-flex; // Make the grid work in older IE browsers display: flex }