node-query/docs/assets/bass.css

544 lines
11 KiB
CSS
Raw Normal View History

2016-07-20 16:33:09 -04:00
/*! Basscss | http://basscss.com | MIT License */
2016-07-20 16:33:09 -04:00
.h1{ font-size: 2rem }
.h2{ font-size: 1.5rem }
.h3{ font-size: 1.25rem }
.h4{ font-size: 1rem }
.h5{ font-size: .875rem }
.h6{ font-size: .75rem }
2016-07-20 16:33:09 -04:00
.font-family-inherit{ font-family:inherit }
.font-size-inherit{ font-size:inherit }
.text-decoration-none{ text-decoration:none }
2016-07-20 16:33:09 -04:00
.bold{ font-weight: bold; font-weight: bold }
.regular{ font-weight:normal }
.italic{ font-style:italic }
.caps{ text-transform:uppercase; letter-spacing: .2em; }
2016-07-20 16:33:09 -04:00
.left-align{ text-align:left }
.center{ text-align:center }
.right-align{ text-align:right }
.justify{ text-align:justify }
2016-07-20 16:33:09 -04:00
.nowrap{ white-space:nowrap }
.break-word{ word-wrap:break-word }
2016-07-20 16:33:09 -04:00
.line-height-1{ line-height: 1 }
.line-height-2{ line-height: 1.125 }
.line-height-3{ line-height: 1.25 }
.line-height-4{ line-height: 1.5 }
2016-07-20 16:33:09 -04:00
.list-style-none{ list-style:none }
.underline{ text-decoration:underline }
2016-07-20 16:33:09 -04:00
.truncate{
max-width:100%;
overflow:hidden;
text-overflow:ellipsis;
white-space:nowrap;
}
2016-07-20 16:33:09 -04:00
.list-reset{
list-style:none;
padding-left:0;
}
2016-07-20 16:33:09 -04:00
.inline{ display:inline }
.block{ display:block }
.inline-block{ display:inline-block }
.table{ display:table }
.table-cell{ display:table-cell }
2016-07-20 16:33:09 -04:00
.overflow-hidden{ overflow:hidden }
.overflow-scroll{ overflow:scroll }
.overflow-auto{ overflow:auto }
.clearfix:before,
2016-07-20 16:33:09 -04:00
.clearfix:after{
content:" ";
display:table
}
.clearfix:after{ clear:both }
.left{ float:left }
.right{ float:right }
.fit{ max-width:100% }
.max-width-1{ max-width: 24rem }
.max-width-2{ max-width: 32rem }
.max-width-3{ max-width: 48rem }
.max-width-4{ max-width: 64rem }
.border-box{ box-sizing:border-box }
.align-baseline{ vertical-align:baseline }
.align-top{ vertical-align:top }
.align-middle{ vertical-align:middle }
.align-bottom{ vertical-align:bottom }
.m0{ margin:0 }
.mt0{ margin-top:0 }
.mr0{ margin-right:0 }
.mb0{ margin-bottom:0 }
.ml0{ margin-left:0 }
.mx0{ margin-left:0; margin-right:0 }
.my0{ margin-top:0; margin-bottom:0 }
.m1{ margin: .5rem }
.mt1{ margin-top: .5rem }
.mr1{ margin-right: .5rem }
.mb1{ margin-bottom: .5rem }
.ml1{ margin-left: .5rem }
.mx1{ margin-left: .5rem; margin-right: .5rem }
.my1{ margin-top: .5rem; margin-bottom: .5rem }
.m2{ margin: 1rem }
.mt2{ margin-top: 1rem }
.mr2{ margin-right: 1rem }
.mb2{ margin-bottom: 1rem }
.ml2{ margin-left: 1rem }
.mx2{ margin-left: 1rem; margin-right: 1rem }
.my2{ margin-top: 1rem; margin-bottom: 1rem }
.m3{ margin: 2rem }
.mt3{ margin-top: 2rem }
.mr3{ margin-right: 2rem }
.mb3{ margin-bottom: 2rem }
.ml3{ margin-left: 2rem }
.mx3{ margin-left: 2rem; margin-right: 2rem }
.my3{ margin-top: 2rem; margin-bottom: 2rem }
2016-07-20 16:33:09 -04:00
.m4{ margin: 4rem }
.mt4{ margin-top: 4rem }
.mr4{ margin-right: 4rem }
.mb4{ margin-bottom: 4rem }
.ml4{ margin-left: 4rem }
.mx4{ margin-left: 4rem; margin-right: 4rem }
.my4{ margin-top: 4rem; margin-bottom: 4rem }
2016-07-20 16:33:09 -04:00
.mxn1{ margin-left: -.5rem; margin-right: -.5rem; }
.mxn2{ margin-left: -1rem; margin-right: -1rem; }
.mxn3{ margin-left: -2rem; margin-right: -2rem; }
.mxn4{ margin-left: -4rem; margin-right: -4rem; }
2016-07-20 16:33:09 -04:00
.ml-auto{ margin-left:auto }
.mr-auto{ margin-right:auto }
.mx-auto{ margin-left:auto; margin-right:auto; }
2016-07-20 16:33:09 -04:00
.p0{ padding:0 }
.pt0{ padding-top:0 }
.pr0{ padding-right:0 }
.pb0{ padding-bottom:0 }
.pl0{ padding-left:0 }
.px0{ padding-left:0; padding-right:0 }
.py0{ padding-top:0; padding-bottom:0 }
2016-07-20 16:33:09 -04:00
.p1{ padding: .5rem }
.pt1{ padding-top: .5rem }
.pr1{ padding-right: .5rem }
.pb1{ padding-bottom: .5rem }
.pl1{ padding-left: .5rem }
.py1{ padding-top: .5rem; padding-bottom: .5rem }
.px1{ padding-left: .5rem; padding-right: .5rem }
2016-07-20 16:33:09 -04:00
.p2{ padding: 1rem }
.pt2{ padding-top: 1rem }
.pr2{ padding-right: 1rem }
.pb2{ padding-bottom: 1rem }
.pl2{ padding-left: 1rem }
.py2{ padding-top: 1rem; padding-bottom: 1rem }
.px2{ padding-left: 1rem; padding-right: 1rem }
2016-07-20 16:33:09 -04:00
.p3{ padding: 2rem }
.pt3{ padding-top: 2rem }
.pr3{ padding-right: 2rem }
.pb3{ padding-bottom: 2rem }
.pl3{ padding-left: 2rem }
.py3{ padding-top: 2rem; padding-bottom: 2rem }
.px3{ padding-left: 2rem; padding-right: 2rem }
2016-07-20 16:33:09 -04:00
.p4{ padding: 4rem }
.pt4{ padding-top: 4rem }
.pr4{ padding-right: 4rem }
.pb4{ padding-bottom: 4rem }
.pl4{ padding-left: 4rem }
.py4{ padding-top: 4rem; padding-bottom: 4rem }
.px4{ padding-left: 4rem; padding-right: 4rem }
2016-07-20 16:33:09 -04:00
.col{
float:left;
box-sizing:border-box;
}
2016-07-20 16:33:09 -04:00
.col-right{
float:right;
box-sizing:border-box;
}
2016-07-20 16:33:09 -04:00
.col-1{
width:8.33333%;
}
2016-07-20 16:33:09 -04:00
.col-2{
width:16.66667%;
}
2016-07-20 16:33:09 -04:00
.col-3{
width:25%;
}
2016-07-20 16:33:09 -04:00
.col-4{
width:33.33333%;
}
2016-07-20 16:33:09 -04:00
.col-5{
width:41.66667%;
}
2016-07-20 16:33:09 -04:00
.col-6{
width:50%;
}
2016-07-20 16:33:09 -04:00
.col-7{
width:58.33333%;
}
2016-07-20 16:33:09 -04:00
.col-8{
width:66.66667%;
}
2016-07-20 16:33:09 -04:00
.col-9{
width:75%;
}
2016-07-20 16:33:09 -04:00
.col-10{
width:83.33333%;
}
2016-07-20 16:33:09 -04:00
.col-11{
width:91.66667%;
}
2016-07-20 16:33:09 -04:00
.col-12{
width:100%;
}
2016-07-20 16:33:09 -04:00
@media (min-width: 40em){
2016-07-20 16:33:09 -04:00
.sm-col{
float:left;
box-sizing:border-box;
}
2016-07-20 16:33:09 -04:00
.sm-col-right{
float:right;
box-sizing:border-box;
}
2016-07-20 16:33:09 -04:00
.sm-col-1{
width:8.33333%;
}
2016-07-20 16:33:09 -04:00
.sm-col-2{
width:16.66667%;
}
2016-07-20 16:33:09 -04:00
.sm-col-3{
width:25%;
}
2016-07-20 16:33:09 -04:00
.sm-col-4{
width:33.33333%;
}
2016-07-20 16:33:09 -04:00
.sm-col-5{
width:41.66667%;
}
2016-07-20 16:33:09 -04:00
.sm-col-6{
width:50%;
}
2016-07-20 16:33:09 -04:00
.sm-col-7{
width:58.33333%;
}
2016-07-20 16:33:09 -04:00
.sm-col-8{
width:66.66667%;
}
2016-07-20 16:33:09 -04:00
.sm-col-9{
width:75%;
}
2016-07-20 16:33:09 -04:00
.sm-col-10{
width:83.33333%;
}
2016-07-20 16:33:09 -04:00
.sm-col-11{
width:91.66667%;
}
2016-07-20 16:33:09 -04:00
.sm-col-12{
width:100%;
}
}
2016-07-20 16:33:09 -04:00
@media (min-width: 52em){
2016-07-20 16:33:09 -04:00
.md-col{
float:left;
box-sizing:border-box;
}
2016-07-20 16:33:09 -04:00
.md-col-right{
float:right;
box-sizing:border-box;
}
2016-07-20 16:33:09 -04:00
.md-col-1{
width:8.33333%;
}
2016-07-20 16:33:09 -04:00
.md-col-2{
width:16.66667%;
}
2016-07-20 16:33:09 -04:00
.md-col-3{
width:25%;
}
2016-07-20 16:33:09 -04:00
.md-col-4{
width:33.33333%;
}
2016-07-20 16:33:09 -04:00
.md-col-5{
width:41.66667%;
}
2016-07-20 16:33:09 -04:00
.md-col-6{
width:50%;
}
2016-07-20 16:33:09 -04:00
.md-col-7{
width:58.33333%;
}
2016-07-20 16:33:09 -04:00
.md-col-8{
width:66.66667%;
}
2016-07-20 16:33:09 -04:00
.md-col-9{
width:75%;
}
2016-07-20 16:33:09 -04:00
.md-col-10{
width:83.33333%;
}
2016-07-20 16:33:09 -04:00
.md-col-11{
width:91.66667%;
}
2016-07-20 16:33:09 -04:00
.md-col-12{
width:100%;
}
}
2016-07-20 16:33:09 -04:00
@media (min-width: 64em){
2016-07-20 16:33:09 -04:00
.lg-col{
float:left;
box-sizing:border-box;
}
2016-07-20 16:33:09 -04:00
.lg-col-right{
float:right;
box-sizing:border-box;
}
2016-07-20 16:33:09 -04:00
.lg-col-1{
width:8.33333%;
}
2016-07-20 16:33:09 -04:00
.lg-col-2{
width:16.66667%;
}
2016-07-20 16:33:09 -04:00
.lg-col-3{
width:25%;
}
2016-07-20 16:33:09 -04:00
.lg-col-4{
width:33.33333%;
}
2016-07-20 16:33:09 -04:00
.lg-col-5{
width:41.66667%;
}
2016-07-20 16:33:09 -04:00
.lg-col-6{
width:50%;
}
2016-07-20 16:33:09 -04:00
.lg-col-7{
width:58.33333%;
}
2016-07-20 16:33:09 -04:00
.lg-col-8{
width:66.66667%;
}
2016-07-20 16:33:09 -04:00
.lg-col-9{
width:75%;
}
2016-07-20 16:33:09 -04:00
.lg-col-10{
width:83.33333%;
}
2016-07-20 16:33:09 -04:00
.lg-col-11{
width:91.66667%;
}
2016-07-20 16:33:09 -04:00
.lg-col-12{
width:100%;
}
}
2016-07-20 16:33:09 -04:00
.flex{ display:-webkit-box; display:-webkit-flex; display:-ms-flexbox; display:flex }
@media (min-width: 40em){
.sm-flex{ display:-webkit-box; display:-webkit-flex; display:-ms-flexbox; display:flex }
}
@media (min-width: 52em){
.md-flex{ display:-webkit-box; display:-webkit-flex; display:-ms-flexbox; display:flex }
}
2016-07-20 16:33:09 -04:00
@media (min-width: 64em){
.lg-flex{ display:-webkit-box; display:-webkit-flex; display:-ms-flexbox; display:flex }
}
2016-07-20 16:33:09 -04:00
.flex-column{ -webkit-box-orient:vertical; -webkit-box-direction:normal; -webkit-flex-direction:column; -ms-flex-direction:column; flex-direction:column }
.flex-wrap{ -webkit-flex-wrap:wrap; -ms-flex-wrap:wrap; flex-wrap:wrap }
2016-07-20 16:33:09 -04:00
.items-start{ -webkit-box-align:start; -webkit-align-items:flex-start; -ms-flex-align:start; -ms-grid-row-align:flex-start; align-items:flex-start }
.items-end{ -webkit-box-align:end; -webkit-align-items:flex-end; -ms-flex-align:end; -ms-grid-row-align:flex-end; align-items:flex-end }
.items-center{ -webkit-box-align:center; -webkit-align-items:center; -ms-flex-align:center; -ms-grid-row-align:center; align-items:center }
.items-baseline{ -webkit-box-align:baseline; -webkit-align-items:baseline; -ms-flex-align:baseline; -ms-grid-row-align:baseline; align-items:baseline }
.items-stretch{ -webkit-box-align:stretch; -webkit-align-items:stretch; -ms-flex-align:stretch; -ms-grid-row-align:stretch; align-items:stretch }
2016-07-20 16:33:09 -04:00
.self-start{ -webkit-align-self:flex-start; -ms-flex-item-align:start; align-self:flex-start }
.self-end{ -webkit-align-self:flex-end; -ms-flex-item-align:end; align-self:flex-end }
.self-center{ -webkit-align-self:center; -ms-flex-item-align:center; align-self:center }
.self-baseline{ -webkit-align-self:baseline; -ms-flex-item-align:baseline; align-self:baseline }
.self-stretch{ -webkit-align-self:stretch; -ms-flex-item-align:stretch; align-self:stretch }
2016-07-20 16:33:09 -04:00
.justify-start{ -webkit-box-pack:start; -webkit-justify-content:flex-start; -ms-flex-pack:start; justify-content:flex-start }
.justify-end{ -webkit-box-pack:end; -webkit-justify-content:flex-end; -ms-flex-pack:end; justify-content:flex-end }
.justify-center{ -webkit-box-pack:center; -webkit-justify-content:center; -ms-flex-pack:center; justify-content:center }
.justify-between{ -webkit-box-pack:justify; -webkit-justify-content:space-between; -ms-flex-pack:justify; justify-content:space-between }
.justify-around{ -webkit-justify-content:space-around; -ms-flex-pack:distribute; justify-content:space-around }
2016-07-20 16:33:09 -04:00
.content-start{ -webkit-align-content:flex-start; -ms-flex-line-pack:start; align-content:flex-start }
.content-end{ -webkit-align-content:flex-end; -ms-flex-line-pack:end; align-content:flex-end }
.content-center{ -webkit-align-content:center; -ms-flex-line-pack:center; align-content:center }
.content-between{ -webkit-align-content:space-between; -ms-flex-line-pack:justify; align-content:space-between }
.content-around{ -webkit-align-content:space-around; -ms-flex-line-pack:distribute; align-content:space-around }
.content-stretch{ -webkit-align-content:stretch; -ms-flex-line-pack:stretch; align-content:stretch }
.flex-auto{
-webkit-box-flex:1;
-webkit-flex:1 1 auto;
-ms-flex:1 1 auto;
flex:1 1 auto;
min-width:0;
min-height:0;
}
2016-07-20 16:33:09 -04:00
.flex-none{ -webkit-box-flex:0; -webkit-flex:none; -ms-flex:none; flex:none }
2016-07-20 16:33:09 -04:00
.order-0{ -webkit-box-ordinal-group:1; -webkit-order:0; -ms-flex-order:0; order:0 }
.order-1{ -webkit-box-ordinal-group:2; -webkit-order:1; -ms-flex-order:1; order:1 }
.order-2{ -webkit-box-ordinal-group:3; -webkit-order:2; -ms-flex-order:2; order:2 }
.order-3{ -webkit-box-ordinal-group:4; -webkit-order:3; -ms-flex-order:3; order:3 }
.order-last{ -webkit-box-ordinal-group:100000; -webkit-order:99999; -ms-flex-order:99999; order:99999 }
.relative{ position:relative }
.absolute{ position:absolute }
.fixed{ position:fixed }
.top-0{ top:0 }
.right-0{ right:0 }
.bottom-0{ bottom:0 }
.left-0{ left:0 }
.z1{ z-index: 1 }
.z2{ z-index: 2 }
.z3{ z-index: 3 }
.z4{ z-index: 4 }
.border{
border-style:solid;
border-width: 1px;
}
2016-07-20 16:33:09 -04:00
.border-top{
border-top-style:solid;
border-top-width: 1px;
}
2016-07-20 16:33:09 -04:00
.border-right{
border-right-style:solid;
border-right-width: 1px;
}
2016-07-20 16:33:09 -04:00
.border-bottom{
border-bottom-style:solid;
border-bottom-width: 1px;
}
2016-07-20 16:33:09 -04:00
.border-left{
border-left-style:solid;
border-left-width: 1px;
2016-07-20 16:33:09 -04:00
}
.border-none{ border:0 }
.rounded{ border-radius: 3px }
.circle{ border-radius:50% }
.rounded-top{ border-radius: 3px 3px 0 0 }
.rounded-right{ border-radius: 0 3px 3px 0 }
.rounded-bottom{ border-radius: 0 0 3px 3px }
.rounded-left{ border-radius: 3px 0 0 3px }
.not-rounded{ border-radius:0 }
.hide{
position:absolute !important;
height:1px;
width:1px;
overflow:hidden;
clip:rect(1px, 1px, 1px, 1px);
}
@media (max-width: 40em){
.xs-hide{ display:none !important }
}
@media (min-width: 40em) and (max-width: 52em){
.sm-hide{ display:none !important }
}
@media (min-width: 52em) and (max-width: 64em){
.md-hide{ display:none !important }
}
@media (min-width: 64em){
.lg-hide{ display:none !important }
}
2016-07-20 16:33:09 -04:00
.display-none{ display:none !important }