diff --git a/css/grillade-flex.css b/css/grillade-flex.css new file mode 100644 index 0000000..873afb4 --- /dev/null +++ b/css/grillade-flex.css @@ -0,0 +1 @@ +@media (min-width:576px){[class*=" grid-"],[class^=grid-]{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-orient:horizontal;-webkit-box-direction:normal;-ms-flex-direction:row;flex-direction:row;-ms-flex-wrap:wrap;flex-wrap:wrap}[class*=" grid-"]>*,[class^=grid-]>*{-webkit-box-sizing:border-box;box-sizing:border-box;min-width:0;min-height:0}}@media (min-width:576px){.grid,.grid--reverse{display:-webkit-box;display:-ms-flexbox;display:flex}.grid--reverse>*,.grid>*{-webkit-box-flex:1;-ms-flex:1 1 0%;flex:1 1 0%;-webkit-box-sizing:border-box;box-sizing:border-box;min-width:0;min-height:0}.grid--reverse.has-gutter>*+*,.grid.has-gutter>*+*{margin-left:calc(1rem - .01px)}.grid--reverse.has-gutter-l>*+*,.grid.has-gutter-l>*+*{margin-left:calc(2rem - .01px)}.grid--reverse.has-gutter-xl>*+*,.grid.has-gutter-xl>*+*{margin-left:calc(4rem - .01px)}}@media (min-width:576px){[class*=grid-2]>*{width:calc(100% / 2 - .01px)}[class*=grid-2].has-gutter{margin-right:-.5rem;margin-left:-.5rem}[class*=grid-2].has-gutter>*{width:calc(100% / 2 - 1rem - .01px);margin-right:.5rem;margin-left:.5rem}[class*=grid-2].has-gutter-l{margin-right:-1rem;margin-left:-1rem}[class*=grid-2].has-gutter-l>*{width:calc(100% / 2 - 2rem - .01px);margin-right:1rem;margin-left:1rem}[class*=grid-2].has-gutter-xl{margin-right:-2rem;margin-left:-2rem}[class*=grid-2].has-gutter-xl>*{width:calc(100% / 2 - 4rem - .01px);margin-right:2rem;margin-left:2rem}[class*=grid-3]>*{width:calc(100% / 3 - .01px)}[class*=grid-3].has-gutter{margin-right:-.5rem;margin-left:-.5rem}[class*=grid-3].has-gutter>*{width:calc(100% / 3 - 1rem - .01px);margin-right:.5rem;margin-left:.5rem}[class*=grid-3].has-gutter-l{margin-right:-1rem;margin-left:-1rem}[class*=grid-3].has-gutter-l>*{width:calc(100% / 3 - 2rem - .01px);margin-right:1rem;margin-left:1rem}[class*=grid-3].has-gutter-xl{margin-right:-2rem;margin-left:-2rem}[class*=grid-3].has-gutter-xl>*{width:calc(100% / 3 - 4rem - .01px);margin-right:2rem;margin-left:2rem}[class*=grid-4]>*{width:calc(100% / 4 - .01px)}[class*=grid-4].has-gutter{margin-right:-.5rem;margin-left:-.5rem}[class*=grid-4].has-gutter>*{width:calc(100% / 4 - 1rem - .01px);margin-right:.5rem;margin-left:.5rem}[class*=grid-4].has-gutter-l{margin-right:-1rem;margin-left:-1rem}[class*=grid-4].has-gutter-l>*{width:calc(100% / 4 - 2rem - .01px);margin-right:1rem;margin-left:1rem}[class*=grid-4].has-gutter-xl{margin-right:-2rem;margin-left:-2rem}[class*=grid-4].has-gutter-xl>*{width:calc(100% / 4 - 4rem - .01px);margin-right:2rem;margin-left:2rem}[class*=grid-5]>*{width:calc(100% / 5 - .01px)}[class*=grid-5].has-gutter{margin-right:-.5rem;margin-left:-.5rem}[class*=grid-5].has-gutter>*{width:calc(100% / 5 - 1rem - .01px);margin-right:.5rem;margin-left:.5rem}[class*=grid-5].has-gutter-l{margin-right:-1rem;margin-left:-1rem}[class*=grid-5].has-gutter-l>*{width:calc(100% / 5 - 2rem - .01px);margin-right:1rem;margin-left:1rem}[class*=grid-5].has-gutter-xl{margin-right:-2rem;margin-left:-2rem}[class*=grid-5].has-gutter-xl>*{width:calc(100% / 5 - 4rem - .01px);margin-right:2rem;margin-left:2rem}[class*=grid-6]>*{width:calc(100% / 6 - .01px)}[class*=grid-6].has-gutter{margin-right:-.5rem;margin-left:-.5rem}[class*=grid-6].has-gutter>*{width:calc(100% / 6 - 1rem - .01px);margin-right:.5rem;margin-left:.5rem}[class*=grid-6].has-gutter-l{margin-right:-1rem;margin-left:-1rem}[class*=grid-6].has-gutter-l>*{width:calc(100% / 6 - 2rem - .01px);margin-right:1rem;margin-left:1rem}[class*=grid-6].has-gutter-xl{margin-right:-2rem;margin-left:-2rem}[class*=grid-6].has-gutter-xl>*{width:calc(100% / 6 - 4rem - .01px);margin-right:2rem;margin-left:2rem}[class*=grid-7]>*{width:calc(100% / 7 - .01px)}[class*=grid-7].has-gutter{margin-right:-.5rem;margin-left:-.5rem}[class*=grid-7].has-gutter>*{width:calc(100% / 7 - 1rem - .01px);margin-right:.5rem;margin-left:.5rem}[class*=grid-7].has-gutter-l{margin-right:-1rem;margin-left:-1rem}[class*=grid-7].has-gutter-l>*{width:calc(100% / 7 - 2rem - .01px);margin-right:1rem;margin-left:1rem}[class*=grid-7].has-gutter-xl{margin-right:-2rem;margin-left:-2rem}[class*=grid-7].has-gutter-xl>*{width:calc(100% / 7 - 4rem - .01px);margin-right:2rem;margin-left:2rem}[class*=grid-8]>*{width:calc(100% / 8 - .01px)}[class*=grid-8].has-gutter{margin-right:-.5rem;margin-left:-.5rem}[class*=grid-8].has-gutter>*{width:calc(100% / 8 - 1rem - .01px);margin-right:.5rem;margin-left:.5rem}[class*=grid-8].has-gutter-l{margin-right:-1rem;margin-left:-1rem}[class*=grid-8].has-gutter-l>*{width:calc(100% / 8 - 2rem - .01px);margin-right:1rem;margin-left:1rem}[class*=grid-8].has-gutter-xl{margin-right:-2rem;margin-left:-2rem}[class*=grid-8].has-gutter-xl>*{width:calc(100% / 8 - 4rem - .01px);margin-right:2rem;margin-left:2rem}[class*=grid-9]>*{width:calc(100% / 9 - .01px)}[class*=grid-9].has-gutter{margin-right:-.5rem;margin-left:-.5rem}[class*=grid-9].has-gutter>*{width:calc(100% / 9 - 1rem - .01px);margin-right:.5rem;margin-left:.5rem}[class*=grid-9].has-gutter-l{margin-right:-1rem;margin-left:-1rem}[class*=grid-9].has-gutter-l>*{width:calc(100% / 9 - 2rem - .01px);margin-right:1rem;margin-left:1rem}[class*=grid-9].has-gutter-xl{margin-right:-2rem;margin-left:-2rem}[class*=grid-9].has-gutter-xl>*{width:calc(100% / 9 - 4rem - .01px);margin-right:2rem;margin-left:2rem}[class*=grid-10]>*{width:calc(100% / 10 - .01px)}[class*=grid-10].has-gutter{margin-right:-.5rem;margin-left:-.5rem}[class*=grid-10].has-gutter>*{width:calc(100% / 10 - 1rem - .01px);margin-right:.5rem;margin-left:.5rem}[class*=grid-10].has-gutter-l{margin-right:-1rem;margin-left:-1rem}[class*=grid-10].has-gutter-l>*{width:calc(100% / 10 - 2rem - .01px);margin-right:1rem;margin-left:1rem}[class*=grid-10].has-gutter-xl{margin-right:-2rem;margin-left:-2rem}[class*=grid-10].has-gutter-xl>*{width:calc(100% / 10 - 4rem - .01px);margin-right:2rem;margin-left:2rem}[class*=grid-11]>*{width:calc(100% / 11 - .01px)}[class*=grid-11].has-gutter{margin-right:-.5rem;margin-left:-.5rem}[class*=grid-11].has-gutter>*{width:calc(100% / 11 - 1rem - .01px);margin-right:.5rem;margin-left:.5rem}[class*=grid-11].has-gutter-l{margin-right:-1rem;margin-left:-1rem}[class*=grid-11].has-gutter-l>*{width:calc(100% / 11 - 2rem - .01px);margin-right:1rem;margin-left:1rem}[class*=grid-11].has-gutter-xl{margin-right:-2rem;margin-left:-2rem}[class*=grid-11].has-gutter-xl>*{width:calc(100% / 11 - 4rem - .01px);margin-right:2rem;margin-left:2rem}[class*=grid-12]>*{width:calc(100% / 12 - .01px)}[class*=grid-12].has-gutter{margin-right:-.5rem;margin-left:-.5rem}[class*=grid-12].has-gutter>*{width:calc(100% / 12 - 1rem - .01px);margin-right:.5rem;margin-left:.5rem}[class*=grid-12].has-gutter-l{margin-right:-1rem;margin-left:-1rem}[class*=grid-12].has-gutter-l>*{width:calc(100% / 12 - 2rem - .01px);margin-right:1rem;margin-left:1rem}[class*=grid-12].has-gutter-xl{margin-right:-2rem;margin-left:-2rem}[class*=grid-12].has-gutter-xl>*{width:calc(100% / 12 - 4rem - .01px);margin-right:2rem;margin-left:2rem}}.push{margin-left:auto!important}.pull{margin-right:auto!important}.item-first{-webkit-box-ordinal-group:0;-ms-flex-order:-1;order:-1}.item-last{-webkit-box-ordinal-group:2;-ms-flex-order:1;order:1}[class*=grid-][class*="--reverse"]{-webkit-box-orient:horizontal;-webkit-box-direction:reverse;-ms-flex-direction:row-reverse;flex-direction:row-reverse}@media (min-width:576px){.full{-webkit-box-flex:0;-ms-flex:0 0 auto;flex:0 0 auto;width:calc(100% / 1 - .01px)}.has-gutter>.full{width:calc(100% / 1 - 1rem - .01px)}.has-gutter-l>.full{width:calc(100% / 1 - 2rem - .01px)}.has-gutter-xl>.full{width:calc(100% / 1 - 4rem - .01px)}.one-half{-webkit-box-flex:0;-ms-flex:0 0 auto;flex:0 0 auto;width:calc(100% / 2 - .01px)}.has-gutter>.one-half{width:calc(100% / 2 - 1rem - .01px)}.has-gutter-l>.one-half{width:calc(100% / 2 - 2rem - .01px)}.has-gutter-xl>.one-half{width:calc(100% / 2 - 4rem - .01px)}.one-third{-webkit-box-flex:0;-ms-flex:0 0 auto;flex:0 0 auto;width:calc(100% / 3 - .01px)}.has-gutter>.one-third{width:calc(100% / 3 - 1rem - .01px)}.has-gutter-l>.one-third{width:calc(100% / 3 - 2rem - .01px)}.has-gutter-xl>.one-third{width:calc(100% / 3 - 4rem - .01px)}.one-quarter{-webkit-box-flex:0;-ms-flex:0 0 auto;flex:0 0 auto;width:calc(100% / 4 - .01px)}.has-gutter>.one-quarter{width:calc(100% / 4 - 1rem - .01px)}.has-gutter-l>.one-quarter{width:calc(100% / 4 - 2rem - .01px)}.has-gutter-xl>.one-quarter{width:calc(100% / 4 - 4rem - .01px)}.one-fifth{-webkit-box-flex:0;-ms-flex:0 0 auto;flex:0 0 auto;width:calc(100% / 5 - .01px)}.has-gutter>.one-fifth{width:calc(100% / 5 - 1rem - .01px)}.has-gutter-l>.one-fifth{width:calc(100% / 5 - 2rem - .01px)}.has-gutter-xl>.one-fifth{width:calc(100% / 5 - 4rem - .01px)}.one-sixth{-webkit-box-flex:0;-ms-flex:0 0 auto;flex:0 0 auto;width:calc(100% / 6 - .01px)}.has-gutter>.one-sixth{width:calc(100% / 6 - 1rem - .01px)}.has-gutter-l>.one-sixth{width:calc(100% / 6 - 2rem - .01px)}.has-gutter-xl>.one-sixth{width:calc(100% / 6 - 4rem - .01px)}.two-thirds{-webkit-box-flex:0;-ms-flex:0 0 auto;flex:0 0 auto;width:calc(100% / 3 * 2 - .01px)}.has-gutter>.two-thirds{width:calc(100% / 3 * 2 - 1rem - .01px)}.has-gutter-l>.two-thirds{width:calc(100% / 3 * 2 - 2rem - .01px)}.has-gutter-xl>.two-thirds{width:calc(100% / 3 * 2 - 4rem - .01px)}.three-quarters{-webkit-box-flex:0;-ms-flex:0 0 auto;flex:0 0 auto;width:calc(100% / 4 * 3 - .01px)}.has-gutter>.three-quarters{width:calc(100% / 4 * 3 - 1rem - .01px)}.has-gutter-l>.three-quarters{width:calc(100% / 4 * 3 - 2rem - .01px)}.has-gutter-xl>.three-quarters{width:calc(100% / 4 * 3 - 4rem - .01px)}.five-sixths{-webkit-box-flex:0;-ms-flex:0 0 auto;flex:0 0 auto;width:calc(100% / 6 * 5 - .01px)}.has-gutter>.five-sixths{width:calc(100% / 6 * 5 - 1rem - .01px)}.has-gutter-l>.five-sixths{width:calc(100% / 6 * 5 - 2rem - .01px)}.has-gutter-xl>.five-sixths{width:calc(100% / 6 * 5 - 4rem - .01px)}}@media (min-width:576px) and (max-width:767px){[class*="-small-1"]>*{width:calc(100% / 1 - .01px)}[class*="-small-1"].has-gutter>*{width:calc(100% / 1 - 1rem - .01px)}[class*="-small-1"].has-gutter-l>*{width:calc(100% / 1 - 2rem - .01px)}[class*="-small-1"].has-gutter-xl>*{width:calc(100% / 1 - 4rem - .01px)}[class*="-small-2"]>*{width:calc(100% / 2 - .01px)}[class*="-small-2"].has-gutter>*{width:calc(100% / 2 - 1rem - .01px)}[class*="-small-2"].has-gutter-l>*{width:calc(100% / 2 - 2rem - .01px)}[class*="-small-2"].has-gutter-xl>*{width:calc(100% / 2 - 4rem - .01px)}[class*="-small-3"]>*{width:calc(100% / 3 - .01px)}[class*="-small-3"].has-gutter>*{width:calc(100% / 3 - 1rem - .01px)}[class*="-small-3"].has-gutter-l>*{width:calc(100% / 3 - 2rem - .01px)}[class*="-small-3"].has-gutter-xl>*{width:calc(100% / 3 - 4rem - .01px)}[class*="-small-4"]>*{width:calc(100% / 4 - .01px)}[class*="-small-4"].has-gutter>*{width:calc(100% / 4 - 1rem - .01px)}[class*="-small-4"].has-gutter-l>*{width:calc(100% / 4 - 2rem - .01px)}[class*="-small-4"].has-gutter-xl>*{width:calc(100% / 4 - 4rem - .01px)}} \ No newline at end of file diff --git a/css/grillade-grid.css b/css/grillade-grid.css new file mode 100644 index 0000000..e3c9580 --- /dev/null +++ b/css/grillade-grid.css @@ -0,0 +1 @@ +@media (min-width:480px){[class*=" grid-"],[class^=grid-]{display:grid;grid-auto-flow:dense}[class*=" grid-"].has-gutter,[class^=grid-].has-gutter{grid-gap:1rem}[class*=" grid-"].has-gutter-l,[class^=grid-].has-gutter-l{grid-gap:2rem}[class*=" grid-"].has-gutter-xl,[class^=grid-].has-gutter-xl{grid-gap:4rem}}[class*=grid-1]{grid-template-columns:repeat(1,1fr)}[class*=grid-2]{grid-template-columns:repeat(2,1fr)}[class*=grid-3]{grid-template-columns:repeat(3,1fr)}[class*=grid-4]{grid-template-columns:repeat(4,1fr)}[class*=grid-5]{grid-template-columns:repeat(5,1fr)}[class*=grid-6]{grid-template-columns:repeat(6,1fr)}[class*=grid-7]{grid-template-columns:repeat(7,1fr)}[class*=grid-8]{grid-template-columns:repeat(8,1fr)}[class*=grid-9]{grid-template-columns:repeat(9,1fr)}[class*=grid-10]{grid-template-columns:repeat(10,1fr)}[class*=grid-11]{grid-template-columns:repeat(11,1fr)}[class*=grid-12]{grid-template-columns:repeat(12,1fr)}[class*=col-1]{grid-column:auto/span 1}[class*=row-1]{grid-row:auto/span 1}[class*=col-2]{grid-column:auto/span 2}[class*=row-2]{grid-row:auto/span 2}[class*=col-3]{grid-column:auto/span 3}[class*=row-3]{grid-row:auto/span 3}[class*=col-4]{grid-column:auto/span 4}[class*=row-4]{grid-row:auto/span 4}[class*=col-5]{grid-column:auto/span 5}[class*=row-5]{grid-row:auto/span 5}[class*=col-6]{grid-column:auto/span 6}[class*=row-6]{grid-row:auto/span 6}[class*=col-7]{grid-column:auto/span 7}[class*=row-7]{grid-row:auto/span 7}[class*=col-8]{grid-column:auto/span 8}[class*=row-8]{grid-row:auto/span 8}[class*=col-9]{grid-column:auto/span 9}[class*=row-9]{grid-row:auto/span 9}[class*=col-10]{grid-column:auto/span 10}[class*=row-10]{grid-row:auto/span 10}[class*=col-11]{grid-column:auto/span 11}[class*=row-11]{grid-row:auto/span 11}[class*=col-12]{grid-column:auto/span 12}[class*=row-12]{grid-row:auto/span 12}@media (min-width:480px) and (max-width:767px){[class*=grid-][class*="-small-1"]{grid-template-columns:repeat(1,1fr)}[class*=col-][class*="-small-1"]{grid-column:auto/span 1}[class*=grid-][class*="-small-2"]{grid-template-columns:repeat(2,1fr)}[class*=col-][class*="-small-2"]{grid-column:auto/span 2}[class*=grid-][class*="-small-3"]{grid-template-columns:repeat(3,1fr)}[class*=col-][class*="-small-3"]{grid-column:auto/span 3}[class*=grid-][class*="-small-4"]{grid-template-columns:repeat(4,1fr)}[class*=col-][class*="-small-4"]{grid-column:auto/span 4}[class*="-small-all"]{grid-column:1/-1}}.item-first{-webkit-box-ordinal-group:0;-ms-flex-order:-1;order:-1}.item-last{-webkit-box-ordinal-group:2;-ms-flex-order:1;order:1}.grid-offset{visibility:hidden}.col-all{grid-column:1/-1}.row-all{grid-row:1/-1} \ No newline at end of file diff --git a/css/grillade-v6.css b/css/grillade-v6.css deleted file mode 100644 index a433e5d..0000000 --- a/css/grillade-v6.css +++ /dev/null @@ -1 +0,0 @@ -@media (min-width:576px){[class*=" grid-"],[class^=grid-]{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-orient:horizontal;-webkit-box-direction:normal;-ms-flex-direction:row;flex-direction:row;-ms-flex-wrap:wrap;flex-wrap:wrap}[class*=" grid-"]>*,[class^=grid-]>*{-webkit-box-sizing:border-box;box-sizing:border-box;min-width:0;min-height:0}.grid,.grid--reverse{display:-webkit-box;display:-ms-flexbox;display:flex}.grid--reverse>*,.grid>*{-webkit-box-flex:1;-ms-flex:1 1 0%;flex:1 1 0%;-webkit-box-sizing:border-box;box-sizing:border-box;min-width:0;min-height:0}.grid--reverse.has-gutter>*+*,.grid.has-gutter>*+*{margin-left:calc(1rem - .01px)}.grid--reverse.has-gutter-l>*+*,.grid.has-gutter-l>*+*{margin-left:calc(2rem - .01px)}.grid--reverse.has-gutter-xl>*+*,.grid.has-gutter-xl>*+*{margin-left:calc(4rem - .01px)}[class*=grid-2]>*{width:calc(100% / 2 - .01px)}[class*=grid-2].has-gutter{margin-right:-.5rem;margin-left:-.5rem}[class*=grid-2].has-gutter>*{width:calc(100% / 2 - 1rem - .01px);margin-right:.5rem;margin-left:.5rem}[class*=grid-2].has-gutter-l{margin-right:-1rem;margin-left:-1rem}[class*=grid-2].has-gutter-l>*{width:calc(100% / 2 - 2rem - .01px);margin-right:1rem;margin-left:1rem}[class*=grid-2].has-gutter-xl{margin-right:-2rem;margin-left:-2rem}[class*=grid-2].has-gutter-xl>*{width:calc(100% / 2 - 4rem - .01px);margin-right:2rem;margin-left:2rem}[class*=grid-3]>*{width:calc(100% / 3 - .01px)}[class*=grid-3].has-gutter{margin-right:-.5rem;margin-left:-.5rem}[class*=grid-3].has-gutter>*{width:calc(100% / 3 - 1rem - .01px);margin-right:.5rem;margin-left:.5rem}[class*=grid-3].has-gutter-l{margin-right:-1rem;margin-left:-1rem}[class*=grid-3].has-gutter-l>*{width:calc(100% / 3 - 2rem - .01px);margin-right:1rem;margin-left:1rem}[class*=grid-3].has-gutter-xl{margin-right:-2rem;margin-left:-2rem}[class*=grid-3].has-gutter-xl>*{width:calc(100% / 3 - 4rem - .01px);margin-right:2rem;margin-left:2rem}[class*=grid-4]>*{width:calc(100% / 4 - .01px)}[class*=grid-4].has-gutter{margin-right:-.5rem;margin-left:-.5rem}[class*=grid-4].has-gutter>*{width:calc(100% / 4 - 1rem - .01px);margin-right:.5rem;margin-left:.5rem}[class*=grid-4].has-gutter-l{margin-right:-1rem;margin-left:-1rem}[class*=grid-4].has-gutter-l>*{width:calc(100% / 4 - 2rem - .01px);margin-right:1rem;margin-left:1rem}[class*=grid-4].has-gutter-xl{margin-right:-2rem;margin-left:-2rem}[class*=grid-4].has-gutter-xl>*{width:calc(100% / 4 - 4rem - .01px);margin-right:2rem;margin-left:2rem}[class*=grid-5]>*{width:calc(100% / 5 - .01px)}[class*=grid-5].has-gutter{margin-right:-.5rem;margin-left:-.5rem}[class*=grid-5].has-gutter>*{width:calc(100% / 5 - 1rem - .01px);margin-right:.5rem;margin-left:.5rem}[class*=grid-5].has-gutter-l{margin-right:-1rem;margin-left:-1rem}[class*=grid-5].has-gutter-l>*{width:calc(100% / 5 - 2rem - .01px);margin-right:1rem;margin-left:1rem}[class*=grid-5].has-gutter-xl{margin-right:-2rem;margin-left:-2rem}[class*=grid-5].has-gutter-xl>*{width:calc(100% / 5 - 4rem - .01px);margin-right:2rem;margin-left:2rem}[class*=grid-6]>*{width:calc(100% / 6 - .01px)}[class*=grid-6].has-gutter{margin-right:-.5rem;margin-left:-.5rem}[class*=grid-6].has-gutter>*{width:calc(100% / 6 - 1rem - .01px);margin-right:.5rem;margin-left:.5rem}[class*=grid-6].has-gutter-l{margin-right:-1rem;margin-left:-1rem}[class*=grid-6].has-gutter-l>*{width:calc(100% / 6 - 2rem - .01px);margin-right:1rem;margin-left:1rem}[class*=grid-6].has-gutter-xl{margin-right:-2rem;margin-left:-2rem}[class*=grid-6].has-gutter-xl>*{width:calc(100% / 6 - 4rem - .01px);margin-right:2rem;margin-left:2rem}[class*=grid-7]>*{width:calc(100% / 7 - .01px)}[class*=grid-7].has-gutter{margin-right:-.5rem;margin-left:-.5rem}[class*=grid-7].has-gutter>*{width:calc(100% / 7 - 1rem - .01px);margin-right:.5rem;margin-left:.5rem}[class*=grid-7].has-gutter-l{margin-right:-1rem;margin-left:-1rem}[class*=grid-7].has-gutter-l>*{width:calc(100% / 7 - 2rem - .01px);margin-right:1rem;margin-left:1rem}[class*=grid-7].has-gutter-xl{margin-right:-2rem;margin-left:-2rem}[class*=grid-7].has-gutter-xl>*{width:calc(100% / 7 - 4rem - .01px);margin-right:2rem;margin-left:2rem}[class*=grid-8]>*{width:calc(100% / 8 - .01px)}[class*=grid-8].has-gutter{margin-right:-.5rem;margin-left:-.5rem}[class*=grid-8].has-gutter>*{width:calc(100% / 8 - 1rem - .01px);margin-right:.5rem;margin-left:.5rem}[class*=grid-8].has-gutter-l{margin-right:-1rem;margin-left:-1rem}[class*=grid-8].has-gutter-l>*{width:calc(100% / 8 - 2rem - .01px);margin-right:1rem;margin-left:1rem}[class*=grid-8].has-gutter-xl{margin-right:-2rem;margin-left:-2rem}[class*=grid-8].has-gutter-xl>*{width:calc(100% / 8 - 4rem - .01px);margin-right:2rem;margin-left:2rem}[class*=grid-9]>*{width:calc(100% / 9 - .01px)}[class*=grid-9].has-gutter{margin-right:-.5rem;margin-left:-.5rem}[class*=grid-9].has-gutter>*{width:calc(100% / 9 - 1rem - .01px);margin-right:.5rem;margin-left:.5rem}[class*=grid-9].has-gutter-l{margin-right:-1rem;margin-left:-1rem}[class*=grid-9].has-gutter-l>*{width:calc(100% / 9 - 2rem - .01px);margin-right:1rem;margin-left:1rem}[class*=grid-9].has-gutter-xl{margin-right:-2rem;margin-left:-2rem}[class*=grid-9].has-gutter-xl>*{width:calc(100% / 9 - 4rem - .01px);margin-right:2rem;margin-left:2rem}[class*=grid-10]>*{width:calc(100% / 10 - .01px)}[class*=grid-10].has-gutter{margin-right:-.5rem;margin-left:-.5rem}[class*=grid-10].has-gutter>*{width:calc(100% / 10 - 1rem - .01px);margin-right:.5rem;margin-left:.5rem}[class*=grid-10].has-gutter-l{margin-right:-1rem;margin-left:-1rem}[class*=grid-10].has-gutter-l>*{width:calc(100% / 10 - 2rem - .01px);margin-right:1rem;margin-left:1rem}[class*=grid-10].has-gutter-xl{margin-right:-2rem;margin-left:-2rem}[class*=grid-10].has-gutter-xl>*{width:calc(100% / 10 - 4rem - .01px);margin-right:2rem;margin-left:2rem}[class*=grid-11]>*{width:calc(100% / 11 - .01px)}[class*=grid-11].has-gutter{margin-right:-.5rem;margin-left:-.5rem}[class*=grid-11].has-gutter>*{width:calc(100% / 11 - 1rem - .01px);margin-right:.5rem;margin-left:.5rem}[class*=grid-11].has-gutter-l{margin-right:-1rem;margin-left:-1rem}[class*=grid-11].has-gutter-l>*{width:calc(100% / 11 - 2rem - .01px);margin-right:1rem;margin-left:1rem}[class*=grid-11].has-gutter-xl{margin-right:-2rem;margin-left:-2rem}[class*=grid-11].has-gutter-xl>*{width:calc(100% / 11 - 4rem - .01px);margin-right:2rem;margin-left:2rem}[class*=grid-12]>*{width:calc(100% / 12 - .01px)}[class*=grid-12].has-gutter{margin-right:-.5rem;margin-left:-.5rem}[class*=grid-12].has-gutter>*{width:calc(100% / 12 - 1rem - .01px);margin-right:.5rem;margin-left:.5rem}[class*=grid-12].has-gutter-l{margin-right:-1rem;margin-left:-1rem}[class*=grid-12].has-gutter-l>*{width:calc(100% / 12 - 2rem - .01px);margin-right:1rem;margin-left:1rem}[class*=grid-12].has-gutter-xl{margin-right:-2rem;margin-left:-2rem}[class*=grid-12].has-gutter-xl>*{width:calc(100% / 12 - 4rem - .01px);margin-right:2rem;margin-left:2rem}}.push{margin-left:auto!important}.pull{margin-right:auto!important}.item-first{-webkit-box-ordinal-group:0;-ms-flex-order:-1;order:-1}.item-last{-webkit-box-ordinal-group:2;-ms-flex-order:1;order:1}[class*=grid-][class*="--reverse"]{-webkit-box-orient:horizontal;-webkit-box-direction:reverse;-ms-flex-direction:row-reverse;flex-direction:row-reverse}@media (min-width:576px){.full,.one-half{-webkit-box-flex:0}.full{-ms-flex:0 0 auto;flex:0 0 auto;width:calc(100% / 1 - .01px)}.has-gutter>.full{width:calc(100% / 1 - 1rem - .01px)}.has-gutter-l>.full{width:calc(100% / 1 - 2rem - .01px)}.has-gutter-xl>.full{width:calc(100% / 1 - 4rem - .01px)}.one-half{-ms-flex:0 0 auto;flex:0 0 auto;width:calc(100% / 2 - .01px)}.has-gutter>.one-half{width:calc(100% / 2 - 1rem - .01px)}.has-gutter-l>.one-half{width:calc(100% / 2 - 2rem - .01px)}.has-gutter-xl>.one-half{width:calc(100% / 2 - 4rem - .01px)}.one-third{-webkit-box-flex:0;-ms-flex:0 0 auto;flex:0 0 auto;width:calc(100% / 3 - .01px)}.has-gutter>.one-third{width:calc(100% / 3 - 1rem - .01px)}.has-gutter-l>.one-third{width:calc(100% / 3 - 2rem - .01px)}.has-gutter-xl>.one-third{width:calc(100% / 3 - 4rem - .01px)}.one-quarter{-webkit-box-flex:0;-ms-flex:0 0 auto;flex:0 0 auto;width:calc(100% / 4 - .01px)}.has-gutter>.one-quarter{width:calc(100% / 4 - 1rem - .01px)}.has-gutter-l>.one-quarter{width:calc(100% / 4 - 2rem - .01px)}.has-gutter-xl>.one-quarter{width:calc(100% / 4 - 4rem - .01px)}.one-fifth{-webkit-box-flex:0;-ms-flex:0 0 auto;flex:0 0 auto;width:calc(100% / 5 - .01px)}.has-gutter>.one-fifth{width:calc(100% / 5 - 1rem - .01px)}.has-gutter-l>.one-fifth{width:calc(100% / 5 - 2rem - .01px)}.has-gutter-xl>.one-fifth{width:calc(100% / 5 - 4rem - .01px)}.one-sixth{-webkit-box-flex:0;-ms-flex:0 0 auto;flex:0 0 auto;width:calc(100% / 6 - .01px)}.has-gutter>.one-sixth{width:calc(100% / 6 - 1rem - .01px)}.has-gutter-l>.one-sixth{width:calc(100% / 6 - 2rem - .01px)}.has-gutter-xl>.one-sixth{width:calc(100% / 6 - 4rem - .01px)}.two-thirds{-webkit-box-flex:0;-ms-flex:0 0 auto;flex:0 0 auto;width:calc(100% / 3 * 2 - .01px)}.has-gutter>.two-thirds{width:calc(100% / 3 * 2 - 1rem - .01px)}.has-gutter-l>.two-thirds{width:calc(100% / 3 * 2 - 2rem - .01px)}.has-gutter-xl>.two-thirds{width:calc(100% / 3 * 2 - 4rem - .01px)}.three-quarters{-webkit-box-flex:0;-ms-flex:0 0 auto;flex:0 0 auto;width:calc(100% / 4 * 3 - .01px)}.has-gutter>.three-quarters{width:calc(100% / 4 * 3 - 1rem - .01px)}.has-gutter-l>.three-quarters{width:calc(100% / 4 * 3 - 2rem - .01px)}.has-gutter-xl>.three-quarters{width:calc(100% / 4 * 3 - 4rem - .01px)}.five-sixths{-webkit-box-flex:0;-ms-flex:0 0 auto;flex:0 0 auto;width:calc(100% / 6 * 5 - .01px)}.has-gutter>.five-sixths{width:calc(100% / 6 * 5 - 1rem - .01px)}.has-gutter-l>.five-sixths{width:calc(100% / 6 * 5 - 2rem - .01px)}.has-gutter-xl>.five-sixths{width:calc(100% / 6 * 5 - 4rem - .01px)}}@media (min-width:576px) and (max-width:767px){[class*="-small-1"]>*{width:calc(100% / 1 - .01px)}[class*="-small-1"].has-gutter>*{width:calc(100% / 1 - 1rem - .01px)}[class*="-small-1"].has-gutter-l>*{width:calc(100% / 1 - 2rem - .01px)}[class*="-small-1"].has-gutter-xl>*{width:calc(100% / 1 - 4rem - .01px)}[class*="-small-2"]>*{width:calc(100% / 2 - .01px)}[class*="-small-2"].has-gutter>*{width:calc(100% / 2 - 1rem - .01px)}[class*="-small-2"].has-gutter-l>*{width:calc(100% / 2 - 2rem - .01px)}[class*="-small-2"].has-gutter-xl>*{width:calc(100% / 2 - 4rem - .01px)}[class*="-small-3"]>*{width:calc(100% / 3 - .01px)}[class*="-small-3"].has-gutter>*{width:calc(100% / 3 - 1rem - .01px)}[class*="-small-3"].has-gutter-l>*{width:calc(100% / 3 - 2rem - .01px)}[class*="-small-3"].has-gutter-xl>*{width:calc(100% / 3 - 4rem - .01px)}[class*="-small-4"]>*{width:calc(100% / 4 - .01px)}[class*="-small-4"].has-gutter>*{width:calc(100% / 4 - 1rem - .01px)}[class*="-small-4"].has-gutter-l>*{width:calc(100% / 4 - 2rem - .01px)}[class*="-small-4"].has-gutter-xl>*{width:calc(100% / 4 - 4rem - .01px)}} \ No newline at end of file diff --git a/css/grillade.css b/css/grillade.css deleted file mode 100644 index 3e1c887..0000000 --- a/css/grillade.css +++ /dev/null @@ -1 +0,0 @@ -@media (min-width:480px){[class*=" grid-"],[class^=grid-]{display:-ms-grid;display:grid;grid-auto-flow:dense}[class*=" grid-"].has-gutter,[class^=grid-].has-gutter{grid-gap:1rem}[class*=" grid-"].has-gutter-l,[class^=grid-].has-gutter-l{grid-gap:2rem}[class*=" grid-"].has-gutter-xl,[class^=grid-].has-gutter-xl{grid-gap:4rem}}[class*=grid-1]{-ms-grid-columns:(1fr) [1];grid-template-columns:repeat(1,1fr)}[class*=grid-2]{-ms-grid-columns:(1fr) [2];grid-template-columns:repeat(2,1fr)}[class*=grid-3]{-ms-grid-columns:(1fr) [3];grid-template-columns:repeat(3,1fr)}[class*=grid-4]{-ms-grid-columns:(1fr) [4];grid-template-columns:repeat(4,1fr)}[class*=grid-5]{-ms-grid-columns:(1fr) [5];grid-template-columns:repeat(5,1fr)}[class*=grid-6]{-ms-grid-columns:(1fr) [6];grid-template-columns:repeat(6,1fr)}[class*=grid-7]{-ms-grid-columns:(1fr) [7];grid-template-columns:repeat(7,1fr)}[class*=grid-8]{-ms-grid-columns:(1fr) [8];grid-template-columns:repeat(8,1fr)}[class*=grid-9]{-ms-grid-columns:(1fr) [9];grid-template-columns:repeat(9,1fr)}[class*=grid-10]{-ms-grid-columns:(1fr) [10];grid-template-columns:repeat(10,1fr)}[class*=grid-11]{-ms-grid-columns:(1fr) [11];grid-template-columns:repeat(11,1fr)}[class*=grid-12]{-ms-grid-columns:(1fr) [12];grid-template-columns:repeat(12,1fr)}[class*=col-1]{-ms-grid-column-span:1;-ms-grid-column:auto;grid-column:auto/span 1}[class*=row-1]{-ms-grid-row-span:1;-ms-grid-row:auto;grid-row:auto/span 1}[class*=col-2]{-ms-grid-column-span:2;-ms-grid-column:auto;grid-column:auto/span 2}[class*=row-2]{-ms-grid-row-span:2;-ms-grid-row:auto;grid-row:auto/span 2}[class*=col-3]{-ms-grid-column-span:3;-ms-grid-column:auto;grid-column:auto/span 3}[class*=row-3]{-ms-grid-row-span:3;-ms-grid-row:auto;grid-row:auto/span 3}[class*=col-4]{-ms-grid-column-span:4;-ms-grid-column:auto;grid-column:auto/span 4}[class*=row-4]{-ms-grid-row-span:4;-ms-grid-row:auto;grid-row:auto/span 4}[class*=col-5]{-ms-grid-column-span:5;-ms-grid-column:auto;grid-column:auto/span 5}[class*=row-5]{-ms-grid-row-span:5;-ms-grid-row:auto;grid-row:auto/span 5}[class*=col-6]{-ms-grid-column-span:6;-ms-grid-column:auto;grid-column:auto/span 6}[class*=row-6]{-ms-grid-row-span:6;-ms-grid-row:auto;grid-row:auto/span 6}[class*=col-7]{-ms-grid-column-span:7;-ms-grid-column:auto;grid-column:auto/span 7}[class*=row-7]{-ms-grid-row-span:7;-ms-grid-row:auto;grid-row:auto/span 7}[class*=col-8]{-ms-grid-column-span:8;-ms-grid-column:auto;grid-column:auto/span 8}[class*=row-8]{-ms-grid-row-span:8;-ms-grid-row:auto;grid-row:auto/span 8}[class*=col-9]{-ms-grid-column-span:9;-ms-grid-column:auto;grid-column:auto/span 9}[class*=row-9]{-ms-grid-row-span:9;-ms-grid-row:auto;grid-row:auto/span 9}[class*=col-10]{-ms-grid-column-span:10;-ms-grid-column:auto;grid-column:auto/span 10}[class*=row-10]{-ms-grid-row-span:10;-ms-grid-row:auto;grid-row:auto/span 10}[class*=col-11]{-ms-grid-column-span:11;-ms-grid-column:auto;grid-column:auto/span 11}[class*=row-11]{-ms-grid-row-span:11;-ms-grid-row:auto;grid-row:auto/span 11}[class*=col-12]{-ms-grid-column-span:12;-ms-grid-column:auto;grid-column:auto/span 12}[class*=row-12]{-ms-grid-row-span:12;-ms-grid-row:auto;grid-row:auto/span 12}@media (min-width:480px) and (max-width:767px){[class*=grid-][class*="-small-1"]{-ms-grid-columns:(1fr) [1];grid-template-columns:repeat(1,1fr)}[class*=col-][class*="-small-1"]{-ms-grid-column-span:1;-ms-grid-column:auto;grid-column:auto/span 1}[class*=grid-][class*="-small-2"]{-ms-grid-columns:(1fr) [2];grid-template-columns:repeat(2,1fr)}[class*=col-][class*="-small-2"]{-ms-grid-column-span:2;-ms-grid-column:auto;grid-column:auto/span 2}[class*=grid-][class*="-small-3"]{-ms-grid-columns:(1fr) [3];grid-template-columns:repeat(3,1fr)}[class*=col-][class*="-small-3"]{-ms-grid-column-span:3;-ms-grid-column:auto;grid-column:auto/span 3}[class*=grid-][class*="-small-4"]{-ms-grid-columns:(1fr) [4];grid-template-columns:repeat(4,1fr)}[class*=col-][class*="-small-4"]{-ms-grid-column-span:4;-ms-grid-column:auto;grid-column:auto/span 4}[class*="-small-all"]{grid-column:1/-1}}.item-first{-webkit-box-ordinal-group:0;-ms-flex-order:-1;order:-1}.item-last{-webkit-box-ordinal-group:2;-ms-flex-order:1;order:1}.grid-offset{visibility:hidden}.col-all{grid-column:1/-1}.row-all{grid-row:1/-1} \ No newline at end of file diff --git a/css/grillade.scss b/css/grillade.scss deleted file mode 100644 index 3ff652d..0000000 --- a/css/grillade.scss +++ /dev/null @@ -1,95 +0,0 @@ -/* --------------------------------------- */ -/* ==Grillade : ultra light Grid System */ -/* --------------------------------------- */ -/* Doc : @TODO */ -// WARNING: THIS IS NOT A COMPLETE GRID FRAMEWORK, just ultra light Grid System -// if you need complex Grid : -// 1- use vanilla CSS Grid Layout spec (perfect for you) -// 2- use Bootstrap (good luck) - -@if (not variable_exists(tiny)) or (not variable_exists(small)) or (not variable_exists(medium)) - { - $tiny: 480px !global; - $small: 576px !global; - $medium: 768px !global; -} - -[class*=" grid-"], -[class^="grid-"] { - @media (min-width: $tiny) { - display: grid; - grid-auto-flow: dense; - - // gutters - @if variable_exists(grid-gutters) { - $gutter: $grid-gutters !global; - } - @else { - $gutter: ( '': 1rem, '-l': 2rem, '-xl': 4rem ) !global; - } - @each $affix, $size in $gutter { - &.has-gutter#{$affix} { - grid-gap: $size; - } - } - } -} - -// grid constructor (.grid-2 to .grid-12) -@for $i from 1 through 12 { - [class*="grid-#{$i}"] { - grid-template-columns: repeat(#{$i}, 1fr); - } -} - -// grid items constructor (.col-1 to .col-12, .row-1 to .row-12) -@for $i from 1 through 12 { - [class*="col-#{$i}"] { - grid-column: auto / span #{$i}; - } - - [class*="row-#{$i}"] { - grid-row: auto / span #{$i}; - } -} - -/* intermediate breakpoint */ -// -small-X suffix means "X columns when < small screen" -// example : .grid-4-small-2 will be 1 column (< tiny) then 2 columns (< small) then 4 columns -@media (min-width: $tiny) and (max-width: ($medium - 1)) { - @for $i from 1 through 4{ - [class*="grid-"][class*="-small-#{$i}"] { - grid-template-columns: repeat(#{$i}, 1fr); - } - - [class*="col-"][class*="-small-#{$i}"] { - grid-column: auto / span #{$i}; - } - } - [class*="-small-all"] { - grid-column: 1 / -1; - } -} - -// grid order -.item-first { - order: -1; -} - -.item-last { - order: 1; -} - -// grid offset -.grid-offset { - visibility: hidden; -} - -// spanning all collumns or rows -.col-all { - grid-column: 1 / -1; -} - -.row-all { - grid-row: 1 / -1; -} diff --git a/css/knacss-unminified.css b/css/knacss-unminified.css index 7609703..75e251b 100644 --- a/css/knacss-unminified.css +++ b/css/knacss-unminified.css @@ -1619,7 +1619,6 @@ ul.is-unstyled, ul.unstyled { } .media-figure--center { -ms-flex-item-align: center; - -ms-grid-row-align: center; align-self: center; } .media--reverse { @@ -1637,7 +1636,6 @@ ul.is-unstyled, ul.unstyled { /* see https://codepen.io/raphaelgoetter/pen/zzwxEE */ @media (min-width: 480px) { .autogrid { - display: -ms-grid; display: grid; grid-auto-flow: column; grid-auto-column: 1fr; @@ -2561,11 +2559,9 @@ button:focus { /* --------------------------------------- */ /* ==Grillade : ultra light Grid System */ /* --------------------------------------- */ -/* Doc : @TODO */ @media (min-width: 480px) { [class*=" grid-"], [class^="grid-"] { - display: -ms-grid; display: grid; grid-auto-flow: dense; } @@ -2584,246 +2580,174 @@ button:focus { } [class*="grid-1"] { - -ms-grid-columns: (1fr)[1]; - grid-template-columns: repeat(1, 1fr); + grid-template-columns: repeat(1, 1fr); } [class*="grid-2"] { - -ms-grid-columns: (1fr)[2]; - grid-template-columns: repeat(2, 1fr); + grid-template-columns: repeat(2, 1fr); } [class*="grid-3"] { - -ms-grid-columns: (1fr)[3]; - grid-template-columns: repeat(3, 1fr); + grid-template-columns: repeat(3, 1fr); } [class*="grid-4"] { - -ms-grid-columns: (1fr)[4]; - grid-template-columns: repeat(4, 1fr); + grid-template-columns: repeat(4, 1fr); } [class*="grid-5"] { - -ms-grid-columns: (1fr)[5]; - grid-template-columns: repeat(5, 1fr); + grid-template-columns: repeat(5, 1fr); } [class*="grid-6"] { - -ms-grid-columns: (1fr)[6]; - grid-template-columns: repeat(6, 1fr); + grid-template-columns: repeat(6, 1fr); } [class*="grid-7"] { - -ms-grid-columns: (1fr)[7]; - grid-template-columns: repeat(7, 1fr); + grid-template-columns: repeat(7, 1fr); } [class*="grid-8"] { - -ms-grid-columns: (1fr)[8]; - grid-template-columns: repeat(8, 1fr); + grid-template-columns: repeat(8, 1fr); } [class*="grid-9"] { - -ms-grid-columns: (1fr)[9]; - grid-template-columns: repeat(9, 1fr); + grid-template-columns: repeat(9, 1fr); } [class*="grid-10"] { - -ms-grid-columns: (1fr)[10]; - grid-template-columns: repeat(10, 1fr); + grid-template-columns: repeat(10, 1fr); } [class*="grid-11"] { - -ms-grid-columns: (1fr)[11]; - grid-template-columns: repeat(11, 1fr); + grid-template-columns: repeat(11, 1fr); } [class*="grid-12"] { - -ms-grid-columns: (1fr)[12]; - grid-template-columns: repeat(12, 1fr); + grid-template-columns: repeat(12, 1fr); } [class*="col-1"] { - -ms-grid-column-span: 1; - -ms-grid-column: auto; - grid-column: auto/span 1; + grid-column: auto/span 1; } [class*="row-1"] { - -ms-grid-row-span: 1; - -ms-grid-row: auto; - grid-row: auto/span 1; + grid-row: auto/span 1; } [class*="col-2"] { - -ms-grid-column-span: 2; - -ms-grid-column: auto; - grid-column: auto/span 2; + grid-column: auto/span 2; } [class*="row-2"] { - -ms-grid-row-span: 2; - -ms-grid-row: auto; - grid-row: auto/span 2; + grid-row: auto/span 2; } [class*="col-3"] { - -ms-grid-column-span: 3; - -ms-grid-column: auto; - grid-column: auto/span 3; + grid-column: auto/span 3; } [class*="row-3"] { - -ms-grid-row-span: 3; - -ms-grid-row: auto; - grid-row: auto/span 3; + grid-row: auto/span 3; } [class*="col-4"] { - -ms-grid-column-span: 4; - -ms-grid-column: auto; - grid-column: auto/span 4; + grid-column: auto/span 4; } [class*="row-4"] { - -ms-grid-row-span: 4; - -ms-grid-row: auto; - grid-row: auto/span 4; + grid-row: auto/span 4; } [class*="col-5"] { - -ms-grid-column-span: 5; - -ms-grid-column: auto; - grid-column: auto/span 5; + grid-column: auto/span 5; } [class*="row-5"] { - -ms-grid-row-span: 5; - -ms-grid-row: auto; - grid-row: auto/span 5; + grid-row: auto/span 5; } [class*="col-6"] { - -ms-grid-column-span: 6; - -ms-grid-column: auto; - grid-column: auto/span 6; + grid-column: auto/span 6; } [class*="row-6"] { - -ms-grid-row-span: 6; - -ms-grid-row: auto; - grid-row: auto/span 6; + grid-row: auto/span 6; } [class*="col-7"] { - -ms-grid-column-span: 7; - -ms-grid-column: auto; - grid-column: auto/span 7; + grid-column: auto/span 7; } [class*="row-7"] { - -ms-grid-row-span: 7; - -ms-grid-row: auto; - grid-row: auto/span 7; + grid-row: auto/span 7; } [class*="col-8"] { - -ms-grid-column-span: 8; - -ms-grid-column: auto; - grid-column: auto/span 8; + grid-column: auto/span 8; } [class*="row-8"] { - -ms-grid-row-span: 8; - -ms-grid-row: auto; - grid-row: auto/span 8; + grid-row: auto/span 8; } [class*="col-9"] { - -ms-grid-column-span: 9; - -ms-grid-column: auto; - grid-column: auto/span 9; + grid-column: auto/span 9; } [class*="row-9"] { - -ms-grid-row-span: 9; - -ms-grid-row: auto; - grid-row: auto/span 9; + grid-row: auto/span 9; } [class*="col-10"] { - -ms-grid-column-span: 10; - -ms-grid-column: auto; - grid-column: auto/span 10; + grid-column: auto/span 10; } [class*="row-10"] { - -ms-grid-row-span: 10; - -ms-grid-row: auto; - grid-row: auto/span 10; + grid-row: auto/span 10; } [class*="col-11"] { - -ms-grid-column-span: 11; - -ms-grid-column: auto; - grid-column: auto/span 11; + grid-column: auto/span 11; } [class*="row-11"] { - -ms-grid-row-span: 11; - -ms-grid-row: auto; - grid-row: auto/span 11; + grid-row: auto/span 11; } [class*="col-12"] { - -ms-grid-column-span: 12; - -ms-grid-column: auto; - grid-column: auto/span 12; + grid-column: auto/span 12; } [class*="row-12"] { - -ms-grid-row-span: 12; - -ms-grid-row: auto; - grid-row: auto/span 12; + grid-row: auto/span 12; } /* intermediate breakpoints */ @media (min-width: 480px) and (max-width: 767px) { [class*="grid-"][class*="-small-1"] { - -ms-grid-columns: (1fr)[1]; - grid-template-columns: repeat(1, 1fr); + grid-template-columns: repeat(1, 1fr); } [class*="col-"][class*="-small-1"] { - -ms-grid-column-span: 1; - -ms-grid-column: auto; - grid-column: auto/span 1; + grid-column: auto/span 1; } [class*="grid-"][class*="-small-2"] { - -ms-grid-columns: (1fr)[2]; - grid-template-columns: repeat(2, 1fr); + grid-template-columns: repeat(2, 1fr); } [class*="col-"][class*="-small-2"] { - -ms-grid-column-span: 2; - -ms-grid-column: auto; - grid-column: auto/span 2; + grid-column: auto/span 2; } [class*="grid-"][class*="-small-3"] { - -ms-grid-columns: (1fr)[3]; - grid-template-columns: repeat(3, 1fr); + grid-template-columns: repeat(3, 1fr); } [class*="col-"][class*="-small-3"] { - -ms-grid-column-span: 3; - -ms-grid-column: auto; - grid-column: auto/span 3; + grid-column: auto/span 3; } [class*="grid-"][class*="-small-4"] { - -ms-grid-columns: (1fr)[4]; - grid-template-columns: repeat(4, 1fr); + grid-template-columns: repeat(4, 1fr); } [class*="col-"][class*="-small-4"] { - -ms-grid-column-span: 4; - -ms-grid-column: auto; - grid-column: auto/span 4; + grid-column: auto/span 4; } [class*="-small-all"] { grid-column: 1 / -1; diff --git a/css/knacss.css b/css/knacss.css index af2e9ec..5ebd729 100644 --- a/css/knacss.css +++ b/css/knacss.css @@ -1,4 +1,4 @@ @charset "UTF-8";/*! * www.KNACSS.com v7.0.0 (??? 2017) @author: Alsacreations, Raphael Goetter * Licence WTFPL http://www.wtfpl.net/ -*/blockquote,figure{margin:0 0 1rem}body,caption{text-align:left}button,hr,input{overflow:visible}pre,textarea{overflow:auto}address,legend{line-height:inherit}*,fieldset{min-width:0}label,legend{margin-bottom:.5rem}blockquote,code,img,input,legend,pre,svg,table,td,textarea,video{max-width:100%}code,mark{padding:2px 4px}article,aside,dialog,figcaption,figure,footer,header,hgroup,hr,legend,main,nav,section{display:block}hr,legend,pre code{padding:0}.clear,hr{clear:both}.btn:focus,.button:focus,.nav-button,[type=button]:focus,button:focus,html{-webkit-tap-highlight-color:transparent}*,::after,::before{-webkit-box-sizing:border-box;box-sizing:border-box}html{font-family:sans-serif;line-height:1.15;-webkit-text-size-adjust:100%;-ms-text-size-adjust:100%;-ms-overflow-style:scrollbar}@-ms-viewport{width:device-width}body{font-weight:400}[tabindex="-1"]:focus{outline:0!important}hr{-webkit-box-sizing:content-box;box-sizing:content-box}abbr[data-original-title],abbr[title]{-webkit-text-decoration:underline dotted;text-decoration:underline dotted;cursor:help;border-bottom:0}ol ol,ol ul,ul ol,ul ul{margin-bottom:0}dt{font-weight:700}dd{margin-left:0}blockquote{position:relative;padding-left:3em;min-height:2em}dfn{font-style:italic}b,strong{font-weight:bolder}small{font-size:80%}sub,sup{position:relative;font-size:75%;line-height:0;vertical-align:0}sub{bottom:-.25em;top:.5ex}sup{top:-.5em;bottom:1ex}a{background-color:transparent;-webkit-text-decoration-skip:objects;color:#333;text-decoration:none}a:not([href]):not([tabindex]),a:not([href]):not([tabindex]):focus,a:not([href]):not([tabindex]):hover{color:inherit;text-decoration:none}a:not([href]):not([tabindex]):focus{outline:0}code,kbd,pre,samp{font-size:1em}pre{-ms-overflow-style:scrollbar;-moz-tab-size:2;-o-tab-size:2;tab-size:2}img{border-style:none;height:auto;vertical-align:middle}.inbl,.table,table{vertical-align:top}svg:not(:root){overflow:hidden}[role=button],a,area,button,input:not([type=range]),label,select,summary,textarea{-ms-touch-action:manipulation;touch-action:manipulation}caption{padding-top:.75rem;padding-bottom:.75rem;color:#868e96;caption-side:bottom}th{text-align:inherit}button:focus{outline:dotted 1px;outline:-webkit-focus-ring-color auto 5px}button,input,optgroup,select,textarea{margin:0;font-family:inherit;font-size:inherit;line-height:inherit}button,select{text-transform:none}[type=submit],[type=reset],button,html [type=button]{-webkit-appearance:button}[type=submit]::-moz-focus-inner,[type=button]::-moz-focus-inner,[type=reset]::-moz-focus-inner,button::-moz-focus-inner{padding:0;border-style:none}input[type=radio],input[type=checkbox]{-webkit-box-sizing:border-box;box-sizing:border-box;padding:0}input[type=date],input[type=time],input[type=datetime-local],input[type=month]{-webkit-appearance:listbox}fieldset{margin:0}legend{width:100%;font-size:1.5rem;color:inherit;white-space:normal}[type=number]::-webkit-inner-spin-button,[type=number]::-webkit-outer-spin-button{height:auto}[type=search]{outline-offset:-2px}[type=search]::-webkit-search-cancel-button,[type=search]::-webkit-search-decoration{-webkit-appearance:none}::-webkit-file-upload-button{font:inherit;-webkit-appearance:button}output{display:inline-block}summary{display:list-item}template{display:none}[hidden]{display:none!important}html{-webkit-box-sizing:border-box;box-sizing:border-box;font-size:62.5%;font-size:calc(1em * .625)}*{-webkit-box-sizing:inherit;box-sizing:inherit}body{margin:0;font-size:1.6rem;background-color:#fff;color:#212529;font-family:-apple-system,BlinkMacSystemFont,"Segoe UI",Roboto,Oxygen-Sans,Ubuntu,Cantarell,"Helvetica Neue",sans-serif;line-height:1.5}.h1-like,.h2-like,h1,h2{font-family:sans-serif;font-weight:500}a:active,a:focus,a:hover{color:#0d0d0d;text-decoration:underline}.h1-like,h1{font-size:3.2rem}.h2-like,h2{font-size:2.8rem}.h3-like,h3{font-size:2.4rem;font-weight:500}.h4-like,h4{font-size:2rem;font-weight:500}.h5-like,h5{font-size:1.8rem;font-weight:500}.h6-like,h6{font-size:1.6rem;font-weight:500}dd,h1,h2,h3,h4,h5,h6{margin-top:0;margin-bottom:.5rem}address,blockquote,dl,li,ol,p,pre,ul{margin-top:0;margin-bottom:1rem}li .p-like,li ol,li p,li ul,ol ol,ul ul{margin-top:0;margin-bottom:0}.smaller{font-size:.6em}.small{font-size:.8em}.big{font-size:1.2em}.bigger{font-size:1.5em}.biggest{font-size:2em}ol,ul{padding-left:2em}.italic,address,cite,em,i,var{font-style:italic}code,kbd,mark{border-radius:2px}kbd{padding:0 2px;border:1px solid #999}code{background:rgba(0,0,0,.04);color:#b11}pre code{background:0 0;color:inherit;border-radius:0}blockquote::before{content:"\201C";position:absolute;left:0;top:0;font-family:georgia,serif;font-size:5em;height:.4em;line-height:.9;color:#e7e9ed}blockquote>footer{margin-top:.75em;font-size:.9em;color:rgba(0,0,0,.7)}blockquote>footer::before{content:"\2014 \0020"}q{font-style:normal}.q,q{quotes:"“\00a0" "\00a0”"}.q:lang(fr),q:lang(fr){quotes:"«\00a0" "\00a0»"}hr{height:1px;margin:1em 0 2em;border:0;color:#ccc;background-color:#ccc}blockquote,figure{margin-left:0;margin-right:0}.center,.right{margin-left:auto}.center,.left{margin-right:auto}code,kbd,pre,samp{white-space:pre-wrap;font-family:consolas,courier,monospace;line-height:normal}@media print{*{background:0 0!important;-webkit-box-shadow:none!important;box-shadow:none!important;text-shadow:none!important}body{width:auto;margin:auto;font-family:serif;font-size:12pt}.h1-like,.h2-like,.h3-like,.h4-like,.h5-like,.h6-like,.p-like,blockquote,h1,h2,h3,h4,h5,h6,label,ol,p,ul{color:#000;margin:auto}.print{display:block}.no-print{display:none}.p-like,blockquote,p{orphans:3;widows:3}blockquote,ol,ul{page-break-inside:avoid}.h1-like,.h2-like,.h3-like,caption,h1,h2,h3{page-break-after:avoid}a{color:#000}a[href^="javascript:"]::after,a[href^="#"]::after{content:""}}@media screen and (-ms-high-contrast:active),(-ms-high-contrast:none){img[src$=".svg"]{width:100%}}.bfc,.mod{overflow:hidden}.clearfix::after{content:"";display:table;clear:both;border-collapse:collapse}.txtleft{text-align:left}.txtright{text-align:right}.txtcenter{text-align:center}.fl{float:left}img.fl{margin-right:1rem}.fr{float:right}img.fr{margin-left:1rem}img.fl,img.fr{margin-bottom:.5rem}.inbl{display:inline-block}.d-flex,.flex-column-reverse,.flex-container,.flex-container--column,.flex-container--column-reverse,.flex-container--row,.flex-container--row-reverse,.flex-row,.flex-row-reverse{display:-webkit-box;display:-ms-flexbox;display:flex;-ms-flex-wrap:wrap;flex-wrap:wrap}.flex-container--row,.flex-row{-webkit-box-orient:horizontal;-webkit-box-direction:normal;-ms-flex-direction:row;flex-direction:row}.flex-container--column,.flex-row{-webkit-box-orient:vertical;-webkit-box-direction:normal;-ms-flex-direction:column;flex-direction:column}.flex-container--row-reverse,.flex-row-reverse{-webkit-box-orient:horizontal;-webkit-box-direction:reverse;-ms-flex-direction:row-reverse;flex-direction:row-reverse;-webkit-box-pack:end;-ms-flex-pack:end;justify-content:flex-end}.flex-column-reverse,.flex-container--column-reverse{-webkit-box-orient:vertical;-webkit-box-direction:reverse;-ms-flex-direction:column-reverse;flex-direction:column-reverse;-webkit-box-pack:end;-ms-flex-pack:end;justify-content:flex-end}.flex-item-fluid,.item-fluid{-webkit-box-flex:1;-ms-flex:1 1 0%;flex:1 1 0%}.flex-item-first,.item-first{-webkit-box-ordinal-group:0;-ms-flex-order:-1;order:-1}.flex-item-medium,.item-medium{-webkit-box-ordinal-group:1;-ms-flex-order:0;order:0}.flex-item-last,.item-last{-webkit-box-ordinal-group:2;-ms-flex-order:1;order:1}.flex-item-center,.item-center,.mr-auto{margin:auto}.is-hidden,.js-hidden,[hidden]{display:none}.tabs-content-item[aria-hidden=true],.visually-hidden{position:absolute!important;border:0!important;height:1px!important;width:1px!important;padding:0!important;overflow:hidden!important;clip:rect(0,0,0,0)!important}.skip-links,.skip-links a{position:absolute}.is-disabled,.is-disabled~label,.js-disabled,[disabled],[disabled]~label{opacity:.5;cursor:not-allowed!important;-webkit-filter:grayscale(1);filter:grayscale(1)}ul.is-unstyled,ul.unstyled{list-style:none;padding-left:0}.color--inverse{color:#fff}.w100{width:100%}.w95{width:95%}.w90{width:90%}.w85{width:85%}.w80{width:80%}.w75{width:75%}.w70{width:70%}.w65{width:65%}.w60{width:60%}.w55{width:55%}.w50{width:50%}.w45{width:45%}.w40{width:40%}.w35{width:35%}.w30{width:30%}.w25{width:25%}.w20{width:20%}.w15{width:15%}.w10{width:10%}.w5{width:5%}.w66{width:calc(100% / 3 * 2)}.w33{width:calc(100% / 3)}.wauto{width:auto}.w960p{width:960px}.mw960p{max-width:960px}.w1140p{width:1140px}.mw1140p{max-width:1140px}.w1000p{width:1000px}.w950p{width:950px}.w900p{width:900px}.w850p{width:850px}.w800p{width:800px}.w750p{width:750px}.w700p{width:700px}.w650p{width:650px}.w600p{width:600px}.w550p{width:550px}.w500p{width:500px}.w450p{width:450px}.w400p{width:400px}.w350p{width:350px}.w300p{width:300px}.w250p{width:250px}.w200p{width:200px}.w150p{width:150px}.w100p{width:100px}.w50p{width:50px}.ma0,.man{margin:0}.pa0,.pan{padding:0}.mas{margin:1rem}.mam{margin:2rem}.mal{margin:4rem}.pas{padding:1rem}.pam{padding:2rem}.pal{padding:4rem}.mt0,.mtn{margin-top:0}.mts{margin-top:1rem}.mtm{margin-top:2rem}.mtl{margin-top:4rem}.mr0,.mrn{margin-right:0}.mrs{margin-right:1rem}.mrm{margin-right:2rem}.mrl{margin-right:4rem}.mb0,.mbn{margin-bottom:0}.mbs{margin-bottom:1rem}.mbm{margin-bottom:2rem}.mbl{margin-bottom:4rem}.ml0,.mln{margin-left:0}.mls{margin-left:1rem}.mlm{margin-left:2rem}.mll{margin-left:4rem}.mauto{margin:auto}.mtauto{margin-top:auto}.mrauto{margin-right:auto}.mbauto{margin-bottom:auto}.mlauto{margin-left:auto}.pt0,.ptn{padding-top:0}.pts{padding-top:1rem}.ptm{padding-top:2rem}.ptl{padding-top:4rem}.pr0,.prn{padding-right:0}.prs{padding-right:1rem}.prm{padding-right:2rem}.prl{padding-right:4rem}.pb0,.pbn{padding-bottom:0}.pbs{padding-bottom:1rem}.pbm{padding-bottom:2rem}.pbl{padding-bottom:4rem}.pl0,.pln{padding-left:0}.pls{padding-left:1rem}.plm{padding-left:2rem}.pll{padding-left:4rem}@media (min-width:992px){.large-hidden{display:none!important}.large-visible{display:block!important}.large-no-float{float:none}.large-inbl{display:inline-block;float:none;vertical-align:top}.large-w25{width:25%!important}.large-w33{width:33.333333%!important}.large-w50{width:50%!important}.large-w66{width:66.666666%!important}.large-w75{width:75%!important}.large-w100,.large-wauto{display:block!important;float:none!important;clear:none!important;width:auto!important;margin-left:0!important;margin-right:0!important;border:0}.large-ma0,.large-man{margin:0!important}}@media (min-width:768px) and (max-width:991px){.medium-hidden{display:none!important}.medium-visible{display:block!important}.medium-no-float{float:none}.medium-inbl{display:inline-block;float:none;vertical-align:top}.medium-w25{width:25%!important}.medium-w33{width:33.333333%!important}.medium-w50{width:50%!important}.medium-w66{width:66.666666%!important}.medium-w75{width:75%!important}.medium-w100,.medium-wauto{display:block!important;float:none!important;clear:none!important;width:auto!important;margin-left:0!important;margin-right:0!important;border:0}.medium-ma0,.medium-man{margin:0!important}}@media (min-width:576px) and (max-width:767px){.small-hidden{display:none!important}.small-visible{display:block!important}.small-no-float{float:none}.small-inbl{display:inline-block;float:none;vertical-align:top}.small-w25{width:25%!important}.small-w33{width:33.333333%!important}.small-w50{width:50%!important}.small-w66{width:66.666666%!important}.small-w75{width:75%!important}.small-w100,.small-wauto{display:block!important;float:none!important;clear:none!important;width:auto!important;margin-left:0!important;margin-right:0!important;border:0}.small-ma0,.small-man{margin:0!important}.small-pa0,.small-pan{padding:0!important}}@media (max-width:575px){code,div,pre,samp,table,td,textarea,th{word-wrap:break-word;-webkit-hyphens:auto;-ms-hyphens:auto;hyphens:auto}.no-wrapping{word-wrap:normal;-webkit-hyphens:manual;-ms-hyphens:manual;hyphens:manual}.col,.mod,.tiny-w100,.tiny-wauto,fieldset{clear:none!important;margin-left:0!important;margin-right:0!important;border:0}.col,.mod,fieldset{display:block!important;float:none!important;width:auto!important}.tiny-inbl,.tiny-no-float{float:none}.flex-column-reverse,.flex-container,.flex-container--column,.flex-container--column-reverse,.flex-container--row,.flex-container--row-reverse,.flex-row,.flex-row-reverse{-webkit-box-orient:vertical;-webkit-box-direction:normal;-ms-flex-direction:column;flex-direction:column}.tiny-hidden{display:none!important}.tiny-visible{display:block!important}.tiny-inbl{display:inline-block;vertical-align:top}.tiny-w25{width:25%!important}.tiny-w33{width:33.333333%!important}.tiny-w50{width:50%!important}.tiny-w66{width:66.666666%!important}.tiny-w75{width:75%!important}.tiny-w100,.tiny-wauto{display:block!important;float:none!important;width:auto!important}.tiny-ma0,.tiny-man{margin:0!important}.tiny-pa0,.tiny-pan{padding:0!important}}@media (min-width:480px){.media{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-align:start;-ms-flex-align:start;align-items:flex-start}.media-content{-webkit-box-flex:1;-ms-flex:1 1 0%;flex:1 1 0%}.media-figure--center{-ms-flex-item-align:center;-ms-grid-row-align:center;align-self:center}.media--reverse{-webkit-box-orient:horizontal;-webkit-box-direction:reverse;-ms-flex-direction:row-reverse;flex-direction:row-reverse}.autogrid{display:-ms-grid;display:grid;grid-auto-flow:column;grid-auto-column:1fr}.autogrid.has-gutter{grid-column-gap:1rem}.autogrid.has-gutter-l{grid-column-gap:2rem}.autogrid.has-gutter-xl{grid-column-gap:4rem}}.skip-links a{overflow:hidden;clip:rect(1px,1px,1px,1px);padding:.5em;background:#000;color:#fff;text-decoration:none}.skip-links a:focus{position:static;overflow:visible;clip:auto}.table,table{width:100%;max-width:100%;table-layout:fixed;border-collapse:collapse;margin-bottom:2rem}.table{display:table;border:1px solid #acb3c2;background:0 0}.table--zebra tbody tr:nth-child(odd){background:#e7e9ed}.table caption{caption-side:bottom;padding:1rem;color:#333;font-style:italic;text-align:right}.table td,.table th{padding:.3rem .6rem;min-width:2rem;vertical-align:top;border:1px dotted #acb3c2;text-align:left;cursor:default}.table thead{color:#212529;background:0 0}.table--auto{table-layout:auto}fieldset,form{border:none}fieldset{padding:2rem}fieldset legend{padding:0 .5rem;border:0;white-space:normal}label{display:inline-block;cursor:pointer}[type=submit],[type=date],[type=time],[type=datetime-local],[type=month],[type=number],[type=search],[type=color],[type=email],[type=password],[type=tel],[type=text],[type=url],[type=week],select,textarea{white-space:nowrap;font-family:inherit;font-size:inherit;border:0;-webkit-box-shadow:0 0 0 1px #333 inset;box-shadow:0 0 0 1px #333 inset;color:#212529;vertical-align:middle;padding:.5rem 1rem;margin:0;-webkit-transition:.25s;transition:.25s;-webkit-transition-property:background-color,color,border,-webkit-box-shadow;transition-property:background-color,color,border,-webkit-box-shadow;transition-property:box-shadow,background-color,color,border;transition-property:box-shadow,background-color,color,border,-webkit-box-shadow;-webkit-appearance:none;-moz-appearance:none;appearance:none}[type=submit]{background-color:#333;color:#fff;cursor:pointer}input[readonly]{background-color:#e7e9ed}select{padding-right:2rem;border-radius:0;background-image:url(data:image/svg+xml,%3C%3Fxml%20version%3D%221.0%22%20standalone%3D%22no%22%3F%3E%3Csvg%20xmlns%3D%22http%3A//www.w3.org/2000/svg%22%20xmlns%3Axlink%3D%22http%3A//www.w3.org/1999/xlink%22%20style%3D%22isolation%3Aisolate%22%20viewBox%3D%220%200%2020%2020%22%20width%3D%2220%22%20height%3D%2220%22%3E%3Cpath%20d%3D%22%20M%209.96%2011.966%20L%203.523%205.589%20C%202.464%204.627%200.495%206.842%201.505%207.771%20L%201.505%207.771%20L%208.494%2014.763%20C%209.138%2015.35%2010.655%2015.369%2011.29%2014.763%20L%2011.29%2014.763%20L%2018.49%207.771%20C%2019.557%206.752%2017.364%204.68%2016.262%205.725%20L%2016.262%205.725%20L%209.96%2011.966%20Z%20%22%20fill%3D%22inherit%22/%3E%3C/svg%3E);background-position:right .6rem center;background-repeat:no-repeat;background-size:1.2rem}select::-ms-expand{display:none}textarea{min-height:5em;vertical-align:top;resize:vertical;white-space:normal}[type=search]::-webkit-search-cancel-button,[type=search]::-webkit-search-decoration,[type=search]::-webkit-search-results-button,[type=search]::-webkit-search-results-decoration{display:none}::-webkit-input-placeholder{color:#777}input:-moz-placeholder,textarea:-moz-placeholder{color:#777}progress{width:100%;vertical-align:middle}.btn,.btn--danger,.btn--ghost,.btn--info,.btn--inverse,.btn--primary,.btn--success,.btn--warning,.button,.button--danger,.button--ghost,.button--info,.button--inverse,.button--primary,.button--success,.button--warning,[type=button],button{display:inline-block;padding:1rem 1.5rem;cursor:pointer;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none;-webkit-transition:.25s;transition:.25s;-webkit-transition-property:background-color,color,border,-webkit-box-shadow;transition-property:background-color,color,border,-webkit-box-shadow;transition-property:box-shadow,background-color,color,border;transition-property:box-shadow,background-color,color,border,-webkit-box-shadow;text-align:center;vertical-align:middle;white-space:nowrap;text-decoration:none;color:#212529;border:none;border-radius:0;background-color:#e7e9ed;font-family:inherit;font-size:inherit;line-height:1}.btn--primary,.button--primary{background-color:#0275D8;color:#fff;-webkit-box-shadow:none;box-shadow:none}.btn--primary:active,.btn--primary:focus,.btn--primary:hover,.button--primary:active,.button--primary:focus,.button--primary:hover{background-color:#025aa5}.btn--success,.button--success{background-color:#5CB85C;color:#fff;-webkit-box-shadow:none;box-shadow:none}.btn--success:active,.btn--success:focus,.btn--success:hover,.button--success:active,.button--success:focus,.button--success:hover{background-color:#449d44}.btn--info,.button--info{background-color:#5BC0DE;color:#fff;-webkit-box-shadow:none;box-shadow:none}.btn--info:active,.btn--info:focus,.btn--info:hover,.button--info:active,.button--info:focus,.button--info:hover{background-color:#31b0d5}.btn--warning,.button--warning{background-color:#F0AD4E;color:#fff;-webkit-box-shadow:none;box-shadow:none}.btn--warning:active,.btn--warning:focus,.btn--warning:hover,.button--warning:active,.button--warning:focus,.button--warning:hover{background-color:#ec971f}.btn--danger,.button--danger{background-color:#D9534F;color:#fff;-webkit-box-shadow:none;box-shadow:none}.btn--danger:active,.btn--danger:focus,.btn--danger:hover,.button--danger:active,.button--danger:focus,.button--danger:hover{background-color:#c9302c}.btn--inverse,.button--inverse{background-color:#333;color:#fff;-webkit-box-shadow:none;box-shadow:none}.btn--inverse:active,.btn--inverse:focus,.btn--inverse:hover,.button--inverse:active,.button--inverse:focus,.button--inverse:hover{background-color:#1a1a1a}.btn--ghost,.btn--ghost:active,.btn--ghost:focus,.btn--ghost:hover,.button--ghost,.button--ghost:active,.button--ghost:focus,.button--ghost:hover{background-color:transparent}.btn--ghost,.button--ghost{color:#fff;-webkit-box-shadow:0 0 0 1px #fff inset;box-shadow:0 0 0 1px #fff inset}.btn--small,.button--small{padding:.7rem 1rem;font-size:.8em}.btn--big,.button--big{padding:1.5rem 2rem;font-size:1.4em}.btn--block,.button--block{width:100%!important;display:block}.btn--unstyled,.button--unstyled{padding:0;border:none;text-align:left;background:0 0;border-radius:0;-webkit-box-shadow:none;box-shadow:none;-webkit-appearance:none;-moz-appearance:none;appearance:none}.nav-button,.nav-button>*{padding:0;background-color:transparent}.btn--unstyled:focus,.button--unstyled:focus{-webkit-box-shadow:none;box-shadow:none;outline:0}.nav-button{outline:0;border:0;cursor:pointer}.nav-button>*{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-orient:vertical;-webkit-box-direction:normal;-ms-flex-direction:column;flex-direction:column;-webkit-box-pack:justify;-ms-flex-pack:justify;justify-content:space-between;-webkit-box-align:stretch;-ms-flex-align:stretch;align-items:stretch;height:2.6rem;width:2.6rem;background-image:-webkit-gradient(linear,left top,left bottom,from(#333),to(#333));background-image:linear-gradient(#333,#333);background-position:center;background-repeat:no-repeat;background-origin:content-box;background-size:100% 5px;-webkit-transition:.25s;transition:.25s;-webkit-transition-property:background,-webkit-transform;transition-property:background,-webkit-transform;transition-property:transform,background;transition-property:transform,background,-webkit-transform;will-change:transform,background}.nav-button>::after,.nav-button>::before{content:"";height:5px;background:#333;-webkit-transition:.25s;transition:.25s;-webkit-transition-property:top,-webkit-transform;transition-property:top,-webkit-transform;transition-property:transform,top;transition-property:transform,top,-webkit-transform;will-change:transform,top}.nav-button:hover>*{background-color:transparent}.nav-button.is-active>*{background-image:none;-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center}.nav-button.is-active>::before{-webkit-transform:translateY(50%) rotate3d(0,0,1,45deg);transform:translateY(50%) rotate3d(0,0,1,45deg)}.nav-button.is-active>::after{-webkit-transform:translateY(-50%) rotate3d(0,0,1,-45deg);transform:translateY(-50%) rotate3d(0,0,1,-45deg)}.checkbox{border-radius:4px}.switch{border-radius:3em}.checkbox,.radio,.switch{-webkit-appearance:none;-moz-appearance:none;appearance:none;vertical-align:text-bottom;outline:0;cursor:pointer;-webkit-box-shadow:inset 0 0 0 1px #333;box-shadow:inset 0 0 0 1px #333;background:#fff}.checkbox:checked,.radio:checked{background-position:center;background-repeat:no-repeat;background-color:#333}.checkbox~label,.radio~label,.switch~label{cursor:pointer}.alert--disabled,.alert.disabled,.badge--disabled,.badge.disabled,.disabled.alert--danger,.disabled.alert--ghost,.disabled.alert--info,.disabled.alert--inverse,.disabled.alert--primary,.disabled.alert--success,.disabled.alert--warning,.disabled.badge--danger,.disabled.badge--ghost,.disabled.badge--info,.disabled.badge--inverse,.disabled.badge--primary,.disabled.badge--success,.disabled.badge--warning,.disabled.tag--danger,.disabled.tag--ghost,.disabled.tag--info,.disabled.tag--inverse,.disabled.tag--primary,.disabled.tag--success,.disabled.tag--warning,.tag--disabled,.tag.disabled{opacity:.5;cursor:not-allowed}.checkbox::-ms-check,.radio::-ms-check,.switch::-ms-check{display:none}.switch{width:4rem;height:2rem;line-height:2rem;font-size:60%;-webkit-box-shadow:inset -2rem 0 0 #333,inset 0 0 0 1px #333;box-shadow:inset -2rem 0 0 #333,inset 0 0 0 1px #333;-webkit-transition:-webkit-box-shadow .15s;transition:-webkit-box-shadow .15s;transition:box-shadow .15s;transition:box-shadow .15s,-webkit-box-shadow .15s}.checkbox,.radio{width:2rem;height:2rem}.switch::after,.switch::before{font-weight:700;color:#fff}.switch::before{content:"✕";float:right;margin-right:.66667rem}.switch:checked{-webkit-box-shadow:inset 2rem 0 0 #5CB85C,inset 0 0 0 1px #5CB85C;box-shadow:inset 2rem 0 0 #5CB85C,inset 0 0 0 1px #5CB85C}.switch:checked::before{content:"✓";float:left;margin-left:.66667rem}.checkbox{-webkit-transition:background-color .15s;transition:background-color .15s}.checkbox:checked{background-image:url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0idXRmLTgiPz4NCjwhLS0gR2VuZXJhdG9yOiBBZG9iZSBJbGx1c3RyYXRvciAxNy4xLjAsIFNWRyBFeHBvcnQgUGx1Zy1JbiAuIFNWRyBWZXJzaW9uOiA2LjAwIEJ1aWxkIDApICAtLT4NCjwhRE9DVFlQRSBzdmcgUFVCTElDICItLy9XM0MvL0RURCBTVkcgMS4xLy9FTiIgImh0dHA6Ly93d3cudzMub3JnL0dyYXBoaWNzL1NWRy8xLjEvRFREL3N2ZzExLmR0ZCI+DQo8c3ZnIHZlcnNpb249IjEuMSIgaWQ9IkxheWVyXzEiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgeG1sbnM6eGxpbms9Imh0dHA6Ly93d3cudzMub3JnLzE5OTkveGxpbmsiIHg9IjBweCIgeT0iMHB4Ig0KCSB2aWV3Qm94PSIwIDAgOCA4IiBlbmFibGUtYmFja2dyb3VuZD0ibmV3IDAgMCA4IDgiIHhtbDpzcGFjZT0icHJlc2VydmUiPg0KPHBhdGggZmlsbD0iI0ZGRkZGRiIgZD0iTTYuNCwxTDUuNywxLjdMMi45LDQuNUwyLjEsMy43TDEuNCwzTDAsNC40bDAuNywwLjdsMS41LDEuNWwwLjcsMC43bDAuNy0wLjdsMy41LTMuNWwwLjctMC43TDYuNCwxTDYuNCwxeiINCgkvPg0KPC9zdmc+DQo=);background-size:60% 60%}.radio{border-radius:50%;-webkit-transition:background-color .15s;transition:background-color .15s}.radio:checked{background-image:url(data:image/svg+xml,%3C%3Fxml%20version%3D%221.0%22%20standalone%3D%22no%22%3F%3E%3Csvg%20version%3D%221.1%22%20width%3D%2240%22%20height%3D%2240%22%0AviewBox%3D%220%200%2080%2080%22%20xmlns%3D%22http%3A//www.w3.org/2000/svg%22%3E%3Ccircle%20cx%3D%2240%22%20cy%3D%2240%22%20r%3D%2224%22%20style%3D%22fill%3A%23ffffff%22/%3E%3C/svg%3E);background-size:80% 80%}.tabs-menu{border-bottom:2px solid #e7e9ed}.tabs-menu-link{display:block;margin-bottom:-2px;padding:.5rem 3rem;border-bottom:4px solid transparent;color:#212529;background:0 0;text-decoration:none;border-radius:0;-webkit-transition:.25s;transition:.25s;-webkit-transition-property:color,border,background-color;transition-property:color,border,background-color}.tabs-menu-link.is-active,.tabs-menu-link:focus{border-bottom-color:#333;color:#333;outline:0}.tabs-menu-link.is-active{background:0 0}@media (min-width:576px){.tabs-menu-link{display:inline-block}}.tabs-content-item{padding-top:1rem}.tabs-content-item[aria-hidden=true]{visibility:hidden}.tabs-content-item[aria-hidden=false]{visibility:visible}[class*=icon-arrow-]::after{content:"";display:inline-block;width:1em;height:1em;-webkit-mask-size:cover;mask-size:cover;background-color:#000;line-height:1;vertical-align:baseline}.icon-arrow-down::after{-webkit-mask-image:url(data:image/svg+xml,%3C%3Fxml%20version%3D%221.0%22%20standalone%3D%22no%22%3F%3E%3Csvg%20xmlns%3D%22http%3A//www.w3.org/2000/svg%22%20xmlns%3Axlink%3D%22http%3A//www.w3.org/1999/xlink%22%20style%3D%22isolation%3Aisolate%22%20viewBox%3D%220%200%2020%2020%22%20width%3D%2220%22%20height%3D%2220%22%3E%3Cpath%20d%3D%22%20M%209.96%2011.966%20L%203.523%205.589%20C%202.464%204.627%200.495%206.842%201.505%207.771%20L%201.505%207.771%20L%208.494%2014.763%20C%209.138%2015.35%2010.655%2015.369%2011.29%2014.763%20L%2011.29%2014.763%20L%2018.49%207.771%20C%2019.557%206.752%2017.364%204.68%2016.262%205.725%20L%2016.262%205.725%20L%209.96%2011.966%20Z%20%22%20fill%3D%22inherit%22/%3E%3C/svg%3E);mask-image:url(data:image/svg+xml,%3C%3Fxml%20version%3D%221.0%22%20standalone%3D%22no%22%3F%3E%3Csvg%20xmlns%3D%22http%3A//www.w3.org/2000/svg%22%20xmlns%3Axlink%3D%22http%3A//www.w3.org/1999/xlink%22%20style%3D%22isolation%3Aisolate%22%20viewBox%3D%220%200%2020%2020%22%20width%3D%2220%22%20height%3D%2220%22%3E%3Cpath%20d%3D%22%20M%209.96%2011.966%20L%203.523%205.589%20C%202.464%204.627%200.495%206.842%201.505%207.771%20L%201.505%207.771%20L%208.494%2014.763%20C%209.138%2015.35%2010.655%2015.369%2011.29%2014.763%20L%2011.29%2014.763%20L%2018.49%207.771%20C%2019.557%206.752%2017.364%204.68%2016.262%205.725%20L%2016.262%205.725%20L%209.96%2011.966%20Z%20%22%20fill%3D%22inherit%22/%3E%3C/svg%3E)}.icon-arrow-up::after{-webkit-mask-image:url(data:image/svg+xml,%3C%3Fxml%20version%3D%221.0%22%20standalone%3D%22no%22%3F%3E%3Csvg%20xmlns%3D%22http%3A//www.w3.org/2000/svg%22%20xmlns%3Axlink%3D%22http%3A//www.w3.org/1999/xlink%22%20style%3D%22isolation%3Aisolate%22%20viewBox%3D%220%200%2020%2020%22%20width%3D%2220%22%20height%3D%2220%22%3E%3Cpath%20d%3D%22%20M%209.96%208.596%20L%203.523%2014.973%20C%202.464%2015.935%200.495%2013.72%201.505%2012.791%20L%201.505%2012.791%20L%208.494%205.799%20C%209.138%205.212%2010.655%205.193%2011.29%205.799%20L%2011.29%205.799%20L%2018.49%2012.791%20C%2019.557%2013.809%2017.364%2015.882%2016.262%2014.837%20L%2016.262%2014.837%20L%209.96%208.596%20Z%20%22%20fill%3D%22inherit%22/%3E%3C/svg%3E);mask-image:url(data:image/svg+xml,%3C%3Fxml%20version%3D%221.0%22%20standalone%3D%22no%22%3F%3E%3Csvg%20xmlns%3D%22http%3A//www.w3.org/2000/svg%22%20xmlns%3Axlink%3D%22http%3A//www.w3.org/1999/xlink%22%20style%3D%22isolation%3Aisolate%22%20viewBox%3D%220%200%2020%2020%22%20width%3D%2220%22%20height%3D%2220%22%3E%3Cpath%20d%3D%22%20M%209.96%208.596%20L%203.523%2014.973%20C%202.464%2015.935%200.495%2013.72%201.505%2012.791%20L%201.505%2012.791%20L%208.494%205.799%20C%209.138%205.212%2010.655%205.193%2011.29%205.799%20L%2011.29%205.799%20L%2018.49%2012.791%20C%2019.557%2013.809%2017.364%2015.882%2016.262%2014.837%20L%2016.262%2014.837%20L%209.96%208.596%20Z%20%22%20fill%3D%22inherit%22/%3E%3C/svg%3E)}.icon-arrow-right::after{-webkit-mask-image:url(data:image/svg+xml,%3C%3Fxml%20version%3D%221.0%22%20standalone%3D%22no%22%3F%3E%3Csvg%20xmlns%3D%22http%3A//www.w3.org/2000/svg%22%20xmlns%3Axlink%3D%22http%3A//www.w3.org/1999/xlink%22%20style%3D%22isolation%3Aisolate%22%20viewBox%3D%220%200%2020%2020%22%20width%3D%2220%22%20height%3D%2220%22%3E%3Cpath%20d%3D%22%20M%2011.685%2010.321%20L%205.308%2016.758%20C%204.346%2017.817%206.561%2019.786%207.49%2018.776%20L%207.49%2018.776%20L%2014.482%2011.787%20C%2015.069%2011.142%2015.088%209.626%2014.482%208.991%20L%2014.482%208.991%20L%207.49%201.791%20C%206.472%200.724%204.399%202.916%205.444%204.019%20L%205.444%204.019%20L%2011.685%2010.321%20Z%20%22%20fill%3D%22inherit%22/%3E%3C/svg%3E);mask-image:url(data:image/svg+xml,%3C%3Fxml%20version%3D%221.0%22%20standalone%3D%22no%22%3F%3E%3Csvg%20xmlns%3D%22http%3A//www.w3.org/2000/svg%22%20xmlns%3Axlink%3D%22http%3A//www.w3.org/1999/xlink%22%20style%3D%22isolation%3Aisolate%22%20viewBox%3D%220%200%2020%2020%22%20width%3D%2220%22%20height%3D%2220%22%3E%3Cpath%20d%3D%22%20M%2011.685%2010.321%20L%205.308%2016.758%20C%204.346%2017.817%206.561%2019.786%207.49%2018.776%20L%207.49%2018.776%20L%2014.482%2011.787%20C%2015.069%2011.142%2015.088%209.626%2014.482%208.991%20L%2014.482%208.991%20L%207.49%201.791%20C%206.472%200.724%204.399%202.916%205.444%204.019%20L%205.444%204.019%20L%2011.685%2010.321%20Z%20%22%20fill%3D%22inherit%22/%3E%3C/svg%3E)}.icon-arrow-left::after{-webkit-mask-image:url(data:image/svg+xml,%3C%3Fxml%20version%3D%221.0%22%20standalone%3D%22no%22%3F%3E%3Csvg%20xmlns%3D%22http%3A//www.w3.org/2000/svg%22%20xmlns%3Axlink%3D%22http%3A//www.w3.org/1999/xlink%22%20style%3D%22isolation%3Aisolate%22%20viewBox%3D%220%200%2020%2020%22%20width%3D%2220%22%20height%3D%2220%22%3E%3Cpath%20d%3D%22%20M%208.315%2010.321%20L%2014.692%2016.758%20C%2015.654%2017.817%2013.439%2019.786%2012.51%2018.776%20L%2012.51%2018.776%20L%205.518%2011.787%20C%204.931%2011.142%204.912%209.626%205.518%208.991%20L%205.518%208.991%20L%2012.51%201.791%20C%2013.528%200.724%2015.601%202.916%2014.556%204.019%20L%2014.556%204.019%20L%208.315%2010.321%20Z%20%22%20fill%3D%22inherit%22/%3E%3C/svg%3E);mask-image:url(data:image/svg+xml,%3C%3Fxml%20version%3D%221.0%22%20standalone%3D%22no%22%3F%3E%3Csvg%20xmlns%3D%22http%3A//www.w3.org/2000/svg%22%20xmlns%3Axlink%3D%22http%3A//www.w3.org/1999/xlink%22%20style%3D%22isolation%3Aisolate%22%20viewBox%3D%220%200%2020%2020%22%20width%3D%2220%22%20height%3D%2220%22%3E%3Cpath%20d%3D%22%20M%208.315%2010.321%20L%2014.692%2016.758%20C%2015.654%2017.817%2013.439%2019.786%2012.51%2018.776%20L%2012.51%2018.776%20L%205.518%2011.787%20C%204.931%2011.142%204.912%209.626%205.518%208.991%20L%205.518%208.991%20L%2012.51%201.791%20C%2013.528%200.724%2015.601%202.916%2014.556%204.019%20L%2014.556%204.019%20L%208.315%2010.321%20Z%20%22%20fill%3D%22inherit%22/%3E%3C/svg%3E)}.tag,.tag--danger,.tag--ghost,.tag--info,.tag--inverse,.tag--primary,.tag--success,.tag--warning{display:inline-block;padding:3px .5rem;vertical-align:baseline;white-space:nowrap;color:#212529;border-radius:0;background-color:#e7e9ed;line-height:1}.tag--primary{background-color:#0275D8;color:#fff;-webkit-box-shadow:none;box-shadow:none}.tag--info,.tag--success{color:#fff;-webkit-box-shadow:none}.tag--success{background-color:#5CB85C;box-shadow:none}.tag--info{background-color:#5BC0DE;box-shadow:none}.tag--danger,.tag--warning{-webkit-box-shadow:none;color:#fff}.tag--warning{background-color:#F0AD4E;box-shadow:none}.tag--danger{background-color:#D9534F;box-shadow:none}.tag--inverse{background-color:#333;color:#fff;-webkit-box-shadow:none;box-shadow:none}.tag--ghost{background-color:transparent;color:#fff;-webkit-box-shadow:0 0 0 1px #fff inset;box-shadow:0 0 0 1px #fff inset}.tag--small{font-size:1.2rem}.tag--big{font-size:2rem}.tag--block{width:100%!important;display:block}.tag--danger:empty,.tag--ghost:empty,.tag--info:empty,.tag--inverse:empty,.tag--primary:empty,.tag--success:empty,.tag--warning:empty,.tag:empty{display:none}.badge,.badge--danger,.badge--ghost,.badge--info,.badge--inverse,.badge--primary,.badge--success,.badge--warning{display:inline-block;padding:.5rem;border-radius:50%;color:#212529;background-color:#e7e9ed;line-height:1}.badge--danger::before,.badge--ghost::before,.badge--info::before,.badge--inverse::before,.badge--primary::before,.badge--success::before,.badge--warning::before,.badge::before{content:"";display:inline-block;vertical-align:middle;padding-top:100%}.badge--primary{background-color:#0275D8;color:#fff}.badge--success{background-color:#5CB85C;color:#fff}.badge--info{background-color:#5BC0DE;color:#fff}.badge--warning{background-color:#F0AD4E;color:#fff}.badge--danger{background-color:#D9534F;color:#fff}.badge--inverse{background-color:#333;color:#fff}.badge--ghost{background-color:transparent;color:#fff}.badge--small{font-size:1.2rem}.badge--big{font-size:2rem}.badge--danger:empty,.badge--ghost:empty,.badge--info:empty,.badge--inverse:empty,.badge--primary:empty,.badge--success:empty,.badge--warning:empty,.badge:empty{display:none}.alert,.alert--danger,.alert--ghost,.alert--info,.alert--inverse,.alert--primary,.alert--success,.alert--warning{padding:1rem;margin-top:.75em;margin-bottom:0;color:#212529;border-radius:0;background-color:#e7e9ed}.alert a,.alert--danger a,.alert--ghost a,.alert--info a,.alert--inverse a,.alert--primary a,.alert--success a,.alert--warning a{color:inherit;text-decoration:underline}.alert--primary{background-color:#0275D8;color:#fff;-webkit-box-shadow:none;box-shadow:none}.alert--info,.alert--success{color:#fff;-webkit-box-shadow:none}.alert--success{background-color:#5CB85C;box-shadow:none}.alert--info{background-color:#5BC0DE;box-shadow:none}.alert--danger,.alert--warning{-webkit-box-shadow:none;color:#fff}.alert--warning{background-color:#F0AD4E;box-shadow:none}.alert--danger{background-color:#D9534F;box-shadow:none}.alert--inverse{background-color:#333;color:#fff;-webkit-box-shadow:none;box-shadow:none}.alert--ghost{background-color:transparent;color:#fff;-webkit-box-shadow:0 0 0 1px #fff inset;box-shadow:0 0 0 1px #fff inset}.alert--small{font-size:1.2rem}.alert--big{font-size:2rem}.alert--block{width:100%!important;display:block}.alert--danger:empty,.alert--ghost:empty,.alert--info:empty,.alert--inverse:empty,.alert--primary:empty,.alert--success:empty,.alert--warning:empty,.alert:empty{display:none}@media (min-width:480px){[class*=" grid-"],[class^=grid-]{display:-ms-grid;display:grid;grid-auto-flow:dense}[class*=" grid-"].has-gutter,[class^=grid-].has-gutter{grid-gap:1rem}[class*=" grid-"].has-gutter-l,[class^=grid-].has-gutter-l{grid-gap:2rem}[class*=" grid-"].has-gutter-xl,[class^=grid-].has-gutter-xl{grid-gap:4rem}}[class*=grid-1]{-ms-grid-columns:(1fr) [1];grid-template-columns:repeat(1,1fr)}[class*=grid-2]{-ms-grid-columns:(1fr) [2];grid-template-columns:repeat(2,1fr)}[class*=grid-3]{-ms-grid-columns:(1fr) [3];grid-template-columns:repeat(3,1fr)}[class*=grid-4]{-ms-grid-columns:(1fr) [4];grid-template-columns:repeat(4,1fr)}[class*=grid-5]{-ms-grid-columns:(1fr) [5];grid-template-columns:repeat(5,1fr)}[class*=grid-6]{-ms-grid-columns:(1fr) [6];grid-template-columns:repeat(6,1fr)}[class*=grid-7]{-ms-grid-columns:(1fr) [7];grid-template-columns:repeat(7,1fr)}[class*=grid-8]{-ms-grid-columns:(1fr) [8];grid-template-columns:repeat(8,1fr)}[class*=grid-9]{-ms-grid-columns:(1fr) [9];grid-template-columns:repeat(9,1fr)}[class*=grid-10]{-ms-grid-columns:(1fr) [10];grid-template-columns:repeat(10,1fr)}[class*=grid-11]{-ms-grid-columns:(1fr) [11];grid-template-columns:repeat(11,1fr)}[class*=grid-12]{-ms-grid-columns:(1fr) [12];grid-template-columns:repeat(12,1fr)}[class*=col-1]{-ms-grid-column-span:1;-ms-grid-column:auto;grid-column:auto/span 1}[class*=row-1]{-ms-grid-row-span:1;-ms-grid-row:auto;grid-row:auto/span 1}[class*=col-2]{-ms-grid-column-span:2;-ms-grid-column:auto;grid-column:auto/span 2}[class*=row-2]{-ms-grid-row-span:2;-ms-grid-row:auto;grid-row:auto/span 2}[class*=col-3]{-ms-grid-column-span:3;-ms-grid-column:auto;grid-column:auto/span 3}[class*=row-3]{-ms-grid-row-span:3;-ms-grid-row:auto;grid-row:auto/span 3}[class*=col-4]{-ms-grid-column-span:4;-ms-grid-column:auto;grid-column:auto/span 4}[class*=row-4]{-ms-grid-row-span:4;-ms-grid-row:auto;grid-row:auto/span 4}[class*=col-5]{-ms-grid-column-span:5;-ms-grid-column:auto;grid-column:auto/span 5}[class*=row-5]{-ms-grid-row-span:5;-ms-grid-row:auto;grid-row:auto/span 5}[class*=col-6]{-ms-grid-column-span:6;-ms-grid-column:auto;grid-column:auto/span 6}[class*=row-6]{-ms-grid-row-span:6;-ms-grid-row:auto;grid-row:auto/span 6}[class*=col-7]{-ms-grid-column-span:7;-ms-grid-column:auto;grid-column:auto/span 7}[class*=row-7]{-ms-grid-row-span:7;-ms-grid-row:auto;grid-row:auto/span 7}[class*=col-8]{-ms-grid-column-span:8;-ms-grid-column:auto;grid-column:auto/span 8}[class*=row-8]{-ms-grid-row-span:8;-ms-grid-row:auto;grid-row:auto/span 8}[class*=col-9]{-ms-grid-column-span:9;-ms-grid-column:auto;grid-column:auto/span 9}[class*=row-9]{-ms-grid-row-span:9;-ms-grid-row:auto;grid-row:auto/span 9}[class*=col-10]{-ms-grid-column-span:10;-ms-grid-column:auto;grid-column:auto/span 10}[class*=row-10]{-ms-grid-row-span:10;-ms-grid-row:auto;grid-row:auto/span 10}[class*=col-11]{-ms-grid-column-span:11;-ms-grid-column:auto;grid-column:auto/span 11}[class*=row-11]{-ms-grid-row-span:11;-ms-grid-row:auto;grid-row:auto/span 11}[class*=col-12]{-ms-grid-column-span:12;-ms-grid-column:auto;grid-column:auto/span 12}[class*=row-12]{-ms-grid-row-span:12;-ms-grid-row:auto;grid-row:auto/span 12}@media (min-width:480px) and (max-width:767px){[class*=grid-][class*="-small-1"]{-ms-grid-columns:(1fr) [1];grid-template-columns:repeat(1,1fr)}[class*=col-][class*="-small-1"]{-ms-grid-column-span:1;-ms-grid-column:auto;grid-column:auto/span 1}[class*=grid-][class*="-small-2"]{-ms-grid-columns:(1fr) [2];grid-template-columns:repeat(2,1fr)}[class*=col-][class*="-small-2"]{-ms-grid-column-span:2;-ms-grid-column:auto;grid-column:auto/span 2}[class*=grid-][class*="-small-3"]{-ms-grid-columns:(1fr) [3];grid-template-columns:repeat(3,1fr)}[class*=col-][class*="-small-3"]{-ms-grid-column-span:3;-ms-grid-column:auto;grid-column:auto/span 3}[class*=grid-][class*="-small-4"]{-ms-grid-columns:(1fr) [4];grid-template-columns:repeat(4,1fr)}[class*=col-][class*="-small-4"]{-ms-grid-column-span:4;-ms-grid-column:auto;grid-column:auto/span 4}[class*="-small-all"]{grid-column:1/-1}}.item-first{-webkit-box-ordinal-group:0;-ms-flex-order:-1;order:-1}.item-last{-webkit-box-ordinal-group:2;-ms-flex-order:1;order:1}.grid-offset{visibility:hidden}.col-all{grid-column:1/-1}.row-all{grid-row:1/-1} \ No newline at end of file +*/*,::after,::before{-webkit-box-sizing:border-box;box-sizing:border-box}html{font-family:sans-serif;line-height:1.15;-webkit-text-size-adjust:100%;-ms-text-size-adjust:100%;-ms-overflow-style:scrollbar;-webkit-tap-highlight-color:transparent}@-ms-viewport{width:device-width}article,aside,dialog,figcaption,figure,footer,header,hgroup,main,nav,section{display:block}body{margin:0;font-family:-apple-system,BlinkMacSystemFont,"Segoe UI",Roboto,"Helvetica Neue",Arial,sans-serif,"Apple Color Emoji","Segoe UI Emoji","Segoe UI Symbol";font-size:1rem;font-weight:400;line-height:1.5;color:#212529;text-align:left;background-color:#fff}[tabindex="-1"]:focus{outline:0!important}hr{-webkit-box-sizing:content-box;box-sizing:content-box;height:0;overflow:visible}h1,h2,h3,h4,h5,h6{margin-top:0;margin-bottom:.5rem}p{margin-top:0;margin-bottom:1rem}abbr[data-original-title],abbr[title]{text-decoration:underline;-webkit-text-decoration:underline dotted;text-decoration:underline dotted;cursor:help;border-bottom:0}address{margin-bottom:1rem;font-style:normal;line-height:inherit}dl,ol,ul{margin-top:0;margin-bottom:1rem}ol ol,ol ul,ul ol,ul ul{margin-bottom:0}dt{font-weight:700}dd{margin-bottom:.5rem;margin-left:0}blockquote{margin:0 0 1rem}dfn{font-style:italic}b,strong{font-weight:bolder}small{font-size:80%}sub,sup{position:relative;font-size:75%;line-height:0;vertical-align:baseline}sub{bottom:-.25em}sup{top:-.5em}a{color:#007bff;text-decoration:none;background-color:transparent;-webkit-text-decoration-skip:objects}a:hover{color:#0056b3;text-decoration:underline}a:not([href]):not([tabindex]){color:inherit;text-decoration:none}a:not([href]):not([tabindex]):focus,a:not([href]):not([tabindex]):hover{color:inherit;text-decoration:none}a:not([href]):not([tabindex]):focus{outline:0}code,kbd,pre,samp{font-family:monospace,monospace;font-size:1em}pre{margin-top:0;margin-bottom:1rem;overflow:auto;-ms-overflow-style:scrollbar}figure{margin:0 0 1rem}img{vertical-align:middle;border-style:none}svg:not(:root){overflow:hidden}[role=button],a,area,button,input:not([type=range]),label,select,summary,textarea{-ms-touch-action:manipulation;touch-action:manipulation}table{border-collapse:collapse}caption{padding-top:.75rem;padding-bottom:.75rem;color:#868e96;text-align:left;caption-side:bottom}th{text-align:inherit}label{display:inline-block;margin-bottom:.5rem}button{border-radius:0}button:focus{outline:1px dotted;outline:5px auto -webkit-focus-ring-color}button,input,optgroup,select,textarea{margin:0;font-family:inherit;font-size:inherit;line-height:inherit}button,input{overflow:visible}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{padding:0;border-style:none}input[type=checkbox],input[type=radio]{-webkit-box-sizing:border-box;box-sizing:border-box;padding:0}input[type=date],input[type=datetime-local],input[type=month],input[type=time]{-webkit-appearance:listbox}textarea{overflow:auto;resize:vertical}fieldset{min-width:0;padding:0;margin:0;border:0}legend{display:block;width:100%;max-width:100%;padding:0;margin-bottom:.5rem;font-size:1.5rem;line-height:inherit;color:inherit;white-space:normal}progress{vertical-align:baseline}[type=number]::-webkit-inner-spin-button,[type=number]::-webkit-outer-spin-button{height:auto}[type=search]{outline-offset:-2px;-webkit-appearance:none}[type=search]::-webkit-search-cancel-button,[type=search]::-webkit-search-decoration{-webkit-appearance:none}::-webkit-file-upload-button{font:inherit;-webkit-appearance:button}output{display:inline-block}summary{display:list-item}template{display:none}[hidden]{display:none!important}html{-webkit-box-sizing:border-box;box-sizing:border-box}*{-webkit-box-sizing:inherit;box-sizing:inherit;min-width:0}html{font-size:62.5%;font-size:calc(1em * .625)}body{margin:0;font-size:1.6rem;background-color:#fff;color:#212529;font-family:-apple-system,BlinkMacSystemFont,"Segoe UI",Roboto,Oxygen-Sans,Ubuntu,Cantarell,"Helvetica Neue",sans-serif;line-height:1.5}a{color:#333;text-decoration:none}a:active,a:focus,a:hover{color:#0d0d0d;text-decoration:underline}.h1-like,h1{font-size:3.2rem;font-family:sans-serif;font-weight:500}.h2-like,h2{font-size:2.8rem;font-family:sans-serif;font-weight:500}.h3-like,h3{font-size:2.4rem;font-weight:500}.h4-like,h4{font-size:2rem;font-weight:500}.h5-like,h5{font-size:1.8rem;font-weight:500}.h6-like,h6{font-size:1.6rem;font-weight:500}dd,h1,h2,h3,h4,h5,h6{margin-top:0;margin-bottom:.5rem}address,blockquote,dl,li,ol,p,pre,ul{margin-top:0;margin-bottom:1rem}li .p-like,li ol,li p,li ul,ol ol,ul ul{margin-top:0;margin-bottom:0}.smaller{font-size:.6em}.small{font-size:.8em}.big{font-size:1.2em}.bigger{font-size:1.5em}.biggest{font-size:2em}blockquote,code,img,input,pre,svg,table,td,textarea,video{max-width:100%}img{height:auto}ol,ul{padding-left:2em}img{vertical-align:middle}.italic,address,cite,em,i,var{font-style:italic}code,kbd,mark{border-radius:2px}kbd{padding:0 2px;border:1px solid #999}pre{-moz-tab-size:2;-o-tab-size:2;tab-size:2}code{padding:2px 4px;background:rgba(0,0,0,.04);color:#b11}pre code{padding:0;background:0 0;color:inherit;border-radius:0}mark{padding:2px 4px}sub,sup{vertical-align:0}sup{bottom:1ex}sub{top:.5ex}blockquote{position:relative;padding-left:3em;min-height:2em}blockquote::before{content:"\201C";position:absolute;left:0;top:0;font-family:georgia,serif;font-size:5em;height:.4em;line-height:.9;color:#e7e9ed}blockquote>footer{margin-top:.75em;font-size:.9em;color:rgba(0,0,0,.7)}blockquote>footer::before{content:"\2014 \0020"}q{font-style:normal}.q,q{quotes:"“\00a0" "\00a0”"}.q:lang(fr),q:lang(fr){quotes:"«\00a0" "\00a0»"}hr{display:block;clear:both;height:1px;margin:1em 0 2em;padding:0;border:0;color:#ccc;background-color:#ccc}blockquote,figure{margin-left:0;margin-right:0}code,kbd,pre,samp{white-space:pre-wrap;font-family:consolas,courier,monospace;line-height:normal}@media print{*{background:0 0!important;-webkit-box-shadow:none!important;box-shadow:none!important;text-shadow:none!important}body{width:auto;margin:auto;font-family:serif;font-size:12pt}.h1-like,.h2-like,.h3-like,.h4-like,.h5-like,.h6-like,.p-like,blockquote,h1,h2,h3,h4,h5,h6,label,ol,p,ul{color:#000;margin:auto}.print{display:block}.no-print{display:none}.p-like,blockquote,p{orphans:3;widows:3}blockquote,ol,ul{page-break-inside:avoid}.h1-like,.h2-like,.h3-like,caption,h1,h2,h3{page-break-after:avoid}a{color:#000}a[href^="#"]::after,a[href^="javascript:"]::after{content:""}}@media (max-width:575px){code,div,pre,samp,table,td,textarea,th{word-wrap:break-word;-webkit-hyphens:auto;-ms-hyphens:auto;hyphens:auto}}@media (max-width:575px){.no-wrapping{word-wrap:normal;-webkit-hyphens:manual;-ms-hyphens:manual;hyphens:manual}}@media screen and (-ms-high-contrast:active),(-ms-high-contrast:none){img[src$=".svg"]{width:100%}}.bfc,.mod{overflow:hidden}.clear{clear:both}.clearfix::after{content:"";display:table;clear:both;border-collapse:collapse}.left{margin-right:auto}.right{margin-left:auto}.center{margin-left:auto;margin-right:auto}.txtleft{text-align:left}.txtright{text-align:right}.txtcenter{text-align:center}.fl{float:left}img.fl{margin-right:1rem}.fr{float:right}img.fr{margin-left:1rem}img.fl,img.fr{margin-bottom:.5rem}.inbl{display:inline-block;vertical-align:top}.d-flex,.flex-column-reverse,.flex-container,.flex-container--column,.flex-container--column-reverse,.flex-container--row,.flex-container--row-reverse,.flex-row,.flex-row-reverse{display:-webkit-box;display:-ms-flexbox;display:flex;-ms-flex-wrap:wrap;flex-wrap:wrap}.flex-container--row,.flex-row{-webkit-box-orient:horizontal;-webkit-box-direction:normal;-ms-flex-direction:row;flex-direction:row}.flex-container--column,.flex-row{-webkit-box-orient:vertical;-webkit-box-direction:normal;-ms-flex-direction:column;flex-direction:column}.flex-container--row-reverse,.flex-row-reverse{-webkit-box-orient:horizontal;-webkit-box-direction:reverse;-ms-flex-direction:row-reverse;flex-direction:row-reverse;-webkit-box-pack:end;-ms-flex-pack:end;justify-content:flex-end}.flex-column-reverse,.flex-container--column-reverse{-webkit-box-orient:vertical;-webkit-box-direction:reverse;-ms-flex-direction:column-reverse;flex-direction:column-reverse;-webkit-box-pack:end;-ms-flex-pack:end;justify-content:flex-end}.flex-item-fluid,.item-fluid{-webkit-box-flex:1;-ms-flex:1 1 0%;flex:1 1 0%}.flex-item-first,.item-first{-webkit-box-ordinal-group:0;-ms-flex-order:-1;order:-1}.flex-item-medium,.item-medium{-webkit-box-ordinal-group:1;-ms-flex-order:0;order:0}.flex-item-last,.item-last{-webkit-box-ordinal-group:2;-ms-flex-order:1;order:1}.flex-item-center,.item-center,.mr-auto{margin:auto}.is-hidden,.js-hidden,[hidden]{display:none}.tabs-content-item[aria-hidden=true],.visually-hidden{position:absolute!important;border:0!important;height:1px!important;width:1px!important;padding:0!important;overflow:hidden!important;clip:rect(0,0,0,0)!important}.is-disabled,.is-disabled~label,.js-disabled,[disabled],[disabled]~label{opacity:.5;cursor:not-allowed!important;-webkit-filter:grayscale(1);filter:grayscale(1)}ul.is-unstyled,ul.unstyled{list-style:none;padding-left:0}.color--inverse{color:#fff}.w100{width:100%}.w95{width:95%}.w90{width:90%}.w85{width:85%}.w80{width:80%}.w75{width:75%}.w70{width:70%}.w65{width:65%}.w60{width:60%}.w55{width:55%}.w50{width:50%}.w45{width:45%}.w40{width:40%}.w35{width:35%}.w30{width:30%}.w25{width:25%}.w20{width:20%}.w15{width:15%}.w10{width:10%}.w5{width:5%}.w66{width:calc(100% / 3 * 2)}.w33{width:calc(100% / 3)}.wauto{width:auto}.w960p{width:960px}.mw960p{max-width:960px}.w1140p{width:1140px}.mw1140p{max-width:1140px}.w1000p{width:1000px}.w950p{width:950px}.w900p{width:900px}.w850p{width:850px}.w800p{width:800px}.w750p{width:750px}.w700p{width:700px}.w650p{width:650px}.w600p{width:600px}.w550p{width:550px}.w500p{width:500px}.w450p{width:450px}.w400p{width:400px}.w350p{width:350px}.w300p{width:300px}.w250p{width:250px}.w200p{width:200px}.w150p{width:150px}.w100p{width:100px}.w50p{width:50px}.ma0,.man{margin:0}.pa0,.pan{padding:0}.mas{margin:1rem}.mam{margin:2rem}.mal{margin:4rem}.pas{padding:1rem}.pam{padding:2rem}.pal{padding:4rem}.mt0,.mtn{margin-top:0}.mts{margin-top:1rem}.mtm{margin-top:2rem}.mtl{margin-top:4rem}.mr0,.mrn{margin-right:0}.mrs{margin-right:1rem}.mrm{margin-right:2rem}.mrl{margin-right:4rem}.mb0,.mbn{margin-bottom:0}.mbs{margin-bottom:1rem}.mbm{margin-bottom:2rem}.mbl{margin-bottom:4rem}.ml0,.mln{margin-left:0}.mls{margin-left:1rem}.mlm{margin-left:2rem}.mll{margin-left:4rem}.mauto{margin:auto}.mtauto{margin-top:auto}.mrauto{margin-right:auto}.mbauto{margin-bottom:auto}.mlauto{margin-left:auto}.pt0,.ptn{padding-top:0}.pts{padding-top:1rem}.ptm{padding-top:2rem}.ptl{padding-top:4rem}.pr0,.prn{padding-right:0}.prs{padding-right:1rem}.prm{padding-right:2rem}.prl{padding-right:4rem}.pb0,.pbn{padding-bottom:0}.pbs{padding-bottom:1rem}.pbm{padding-bottom:2rem}.pbl{padding-bottom:4rem}.pl0,.pln{padding-left:0}.pls{padding-left:1rem}.plm{padding-left:2rem}.pll{padding-left:4rem}@media (min-width:992px){.large-hidden{display:none!important}.large-visible{display:block!important}.large-no-float{float:none}.large-inbl{display:inline-block;float:none;vertical-align:top}.large-w25{width:25%!important}.large-w33{width:33.333333%!important}.large-w50{width:50%!important}.large-w66{width:66.666666%!important}.large-w75{width:75%!important}.large-w100,.large-wauto{display:block!important;float:none!important;clear:none!important;width:auto!important;margin-left:0!important;margin-right:0!important;border:0}.large-ma0,.large-man{margin:0!important}}@media (min-width:768px) and (max-width:991px){.medium-hidden{display:none!important}.medium-visible{display:block!important}.medium-no-float{float:none}.medium-inbl{display:inline-block;float:none;vertical-align:top}.medium-w25{width:25%!important}.medium-w33{width:33.333333%!important}.medium-w50{width:50%!important}.medium-w66{width:66.666666%!important}.medium-w75{width:75%!important}.medium-w100,.medium-wauto{display:block!important;float:none!important;clear:none!important;width:auto!important;margin-left:0!important;margin-right:0!important;border:0}.medium-ma0,.medium-man{margin:0!important}}@media (min-width:576px) and (max-width:767px){.small-hidden{display:none!important}.small-visible{display:block!important}.small-no-float{float:none}.small-inbl{display:inline-block;float:none;vertical-align:top}.small-w25{width:25%!important}.small-w33{width:33.333333%!important}.small-w50{width:50%!important}.small-w66{width:66.666666%!important}.small-w75{width:75%!important}.small-w100,.small-wauto{display:block!important;float:none!important;clear:none!important;width:auto!important;margin-left:0!important;margin-right:0!important;border:0}.small-ma0,.small-man{margin:0!important}.small-pa0,.small-pan{padding:0!important}}@media (max-width:575px){.col,.mod,fieldset{display:block!important;float:none!important;clear:none!important;width:auto!important;margin-left:0!important;margin-right:0!important;border:0}.flex-column-reverse,.flex-container,.flex-container--column,.flex-container--column-reverse,.flex-container--row,.flex-container--row-reverse,.flex-row,.flex-row-reverse{-webkit-box-orient:vertical;-webkit-box-direction:normal;-ms-flex-direction:column;flex-direction:column}.tiny-hidden{display:none!important}.tiny-visible{display:block!important}.tiny-no-float{float:none}.tiny-inbl{display:inline-block;float:none;vertical-align:top}.tiny-w25{width:25%!important}.tiny-w33{width:33.333333%!important}.tiny-w50{width:50%!important}.tiny-w66{width:66.666666%!important}.tiny-w75{width:75%!important}.tiny-w100,.tiny-wauto{display:block!important;float:none!important;clear:none!important;width:auto!important;margin-left:0!important;margin-right:0!important;border:0}.tiny-ma0,.tiny-man{margin:0!important}.tiny-pa0,.tiny-pan{padding:0!important}}@media (min-width:480px){.media{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-align:start;-ms-flex-align:start;align-items:flex-start}.media-content{-webkit-box-flex:1;-ms-flex:1 1 0%;flex:1 1 0%}.media-figure--center{-ms-flex-item-align:center;align-self:center}.media--reverse{-webkit-box-orient:horizontal;-webkit-box-direction:reverse;-ms-flex-direction:row-reverse;flex-direction:row-reverse}}@media (min-width:480px){.autogrid{display:grid;grid-auto-flow:column;grid-auto-column:1fr}.autogrid.has-gutter{grid-column-gap:1rem}.autogrid.has-gutter-l{grid-column-gap:2rem}.autogrid.has-gutter-xl{grid-column-gap:4rem}}.skip-links{position:absolute}.skip-links a{position:absolute;overflow:hidden;clip:rect(1px,1px,1px,1px);padding:.5em;background:#000;color:#fff;text-decoration:none}.skip-links a:focus{position:static;overflow:visible;clip:auto}.table,table{width:100%;max-width:100%;table-layout:fixed;border-collapse:collapse;vertical-align:top;margin-bottom:2rem}.table{display:table;border:1px solid #acb3c2;background:0 0}.table--zebra tbody tr:nth-child(odd){background:#e7e9ed}.table caption{caption-side:bottom;padding:1rem;color:#333;font-style:italic;text-align:right}.table td,.table th{padding:.3rem .6rem;min-width:2rem;vertical-align:top;border:1px #acb3c2 dotted;text-align:left;cursor:default}.table thead{color:#212529;background:0 0}.table--auto{table-layout:auto}fieldset,form{border:none}fieldset{padding:2rem}fieldset legend{padding:0 .5rem;border:0;white-space:normal}label{display:inline-block;cursor:pointer}[type=color],[type=date],[type=datetime-local],[type=email],[type=month],[type=number],[type=password],[type=search],[type=submit],[type=tel],[type=text],[type=time],[type=url],[type=week],select,textarea{white-space:nowrap;font-family:inherit;font-size:inherit;border:0;-webkit-box-shadow:0 0 0 1px #333 inset;box-shadow:0 0 0 1px #333 inset;color:#212529;vertical-align:middle;padding:.5rem 1rem;margin:0;-webkit-transition:.25s;transition:.25s;-webkit-transition-property:background-color,color,border,-webkit-box-shadow;transition-property:background-color,color,border,-webkit-box-shadow;transition-property:box-shadow,background-color,color,border;transition-property:box-shadow,background-color,color,border,-webkit-box-shadow;-webkit-appearance:none;-moz-appearance:none;appearance:none}[type=submit]{background-color:#333;color:#fff;cursor:pointer}input[readonly]{background-color:#e7e9ed}select{padding-right:2rem;border-radius:0;background-image:url(data:image/svg+xml,%3C%3Fxml%20version%3D%221.0%22%20standalone%3D%22no%22%3F%3E%3Csvg%20xmlns%3D%22http%3A//www.w3.org/2000/svg%22%20xmlns%3Axlink%3D%22http%3A//www.w3.org/1999/xlink%22%20style%3D%22isolation%3Aisolate%22%20viewBox%3D%220%200%2020%2020%22%20width%3D%2220%22%20height%3D%2220%22%3E%3Cpath%20d%3D%22%20M%209.96%2011.966%20L%203.523%205.589%20C%202.464%204.627%200.495%206.842%201.505%207.771%20L%201.505%207.771%20L%208.494%2014.763%20C%209.138%2015.35%2010.655%2015.369%2011.29%2014.763%20L%2011.29%2014.763%20L%2018.49%207.771%20C%2019.557%206.752%2017.364%204.68%2016.262%205.725%20L%2016.262%205.725%20L%209.96%2011.966%20Z%20%22%20fill%3D%22inherit%22/%3E%3C/svg%3E);background-position:right .6rem center;background-repeat:no-repeat;background-size:1.2rem}select::-ms-expand{display:none}textarea{min-height:5em;vertical-align:top;resize:vertical;white-space:normal}[type=search]::-webkit-search-cancel-button,[type=search]::-webkit-search-decoration,[type=search]::-webkit-search-results-button,[type=search]::-webkit-search-results-decoration{display:none}::-webkit-input-placeholder{color:#777}input:-moz-placeholder,textarea:-moz-placeholder{color:#777}progress{width:100%;vertical-align:middle}.btn,.btn--danger,.btn--ghost,.btn--info,.btn--inverse,.btn--primary,.btn--success,.btn--warning,.button,.button--danger,.button--ghost,.button--info,.button--inverse,.button--primary,.button--success,.button--warning,[type=button],button{display:inline-block;padding:1rem 1.5rem;cursor:pointer;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none;-webkit-transition:.25s;transition:.25s;-webkit-transition-property:background-color,color,border,-webkit-box-shadow;transition-property:background-color,color,border,-webkit-box-shadow;transition-property:box-shadow,background-color,color,border;transition-property:box-shadow,background-color,color,border,-webkit-box-shadow;text-align:center;vertical-align:middle;white-space:nowrap;text-decoration:none;color:#212529;border:none;border-radius:0;background-color:#e7e9ed;font-family:inherit;font-size:inherit;line-height:1}.btn:focus,.button:focus,[type=button]:focus,button:focus{-webkit-tap-highlight-color:transparent}.btn--primary,.button--primary{background-color:#0275d8;color:#fff;-webkit-box-shadow:none;box-shadow:none}.btn--primary:active,.btn--primary:focus,.btn--primary:hover,.button--primary:active,.button--primary:focus,.button--primary:hover{background-color:#025aa5}.btn--success,.button--success{background-color:#5cb85c;color:#fff;-webkit-box-shadow:none;box-shadow:none}.btn--success:active,.btn--success:focus,.btn--success:hover,.button--success:active,.button--success:focus,.button--success:hover{background-color:#449d44}.btn--info,.button--info{background-color:#5bc0de;color:#fff;-webkit-box-shadow:none;box-shadow:none}.btn--info:active,.btn--info:focus,.btn--info:hover,.button--info:active,.button--info:focus,.button--info:hover{background-color:#31b0d5}.btn--warning,.button--warning{background-color:#f0ad4e;color:#fff;-webkit-box-shadow:none;box-shadow:none}.btn--warning:active,.btn--warning:focus,.btn--warning:hover,.button--warning:active,.button--warning:focus,.button--warning:hover{background-color:#ec971f}.btn--danger,.button--danger{background-color:#d9534f;color:#fff;-webkit-box-shadow:none;box-shadow:none}.btn--danger:active,.btn--danger:focus,.btn--danger:hover,.button--danger:active,.button--danger:focus,.button--danger:hover{background-color:#c9302c}.btn--inverse,.button--inverse{background-color:#333;color:#fff;-webkit-box-shadow:none;box-shadow:none}.btn--inverse:active,.btn--inverse:focus,.btn--inverse:hover,.button--inverse:active,.button--inverse:focus,.button--inverse:hover{background-color:#1a1a1a}.btn--ghost,.button--ghost{background-color:transparent;color:#fff;-webkit-box-shadow:0 0 0 1px #fff inset;box-shadow:0 0 0 1px #fff inset}.btn--ghost:active,.btn--ghost:focus,.btn--ghost:hover,.button--ghost:active,.button--ghost:focus,.button--ghost:hover{background-color:transparent}.btn--small,.button--small{padding:.7rem 1rem;font-size:.8em}.btn--big,.button--big{padding:1.5rem 2rem;font-size:1.4em}.btn--block,.button--block{width:100%!important;display:block}.btn--unstyled,.button--unstyled{padding:0;border:none;text-align:left;background:0 0;border-radius:0;-webkit-box-shadow:none;box-shadow:none;-webkit-appearance:none;-moz-appearance:none;appearance:none}.btn--unstyled:focus,.button--unstyled:focus{-webkit-box-shadow:none;box-shadow:none;outline:0}.nav-button{padding:0;background-color:transparent;outline:0;border:0;cursor:pointer;-webkit-tap-highlight-color:transparent}.nav-button>*{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-orient:vertical;-webkit-box-direction:normal;-ms-flex-direction:column;flex-direction:column;-webkit-box-pack:justify;-ms-flex-pack:justify;justify-content:space-between;-webkit-box-align:stretch;-ms-flex-align:stretch;align-items:stretch;height:2.6rem;width:2.6rem;padding:0;background-color:transparent;background-image:-webkit-gradient(linear,left top,left bottom,from(#333),to(#333));background-image:linear-gradient(#333,#333);background-position:center;background-repeat:no-repeat;background-origin:content-box;background-size:100% 5px;-webkit-transition:.25s;transition:.25s;-webkit-transition-property:background,-webkit-transform;transition-property:background,-webkit-transform;transition-property:transform,background;transition-property:transform,background,-webkit-transform;will-change:transform,background}.nav-button>::after,.nav-button>::before{content:"";height:5px;background:#333;-webkit-transition:.25s;transition:.25s;-webkit-transition-property:top,-webkit-transform;transition-property:top,-webkit-transform;transition-property:transform,top;transition-property:transform,top,-webkit-transform;will-change:transform,top}.nav-button:hover>*{background-color:transparent}.nav-button.is-active>*{background-image:none;-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center}.nav-button.is-active>::before{-webkit-transform:translateY(50%) rotate3d(0,0,1,45deg);transform:translateY(50%) rotate3d(0,0,1,45deg)}.nav-button.is-active>::after{-webkit-transform:translateY(-50%) rotate3d(0,0,1,-45deg);transform:translateY(-50%) rotate3d(0,0,1,-45deg)}.checkbox{border-radius:4px}.switch{border-radius:3em}.radio{border-radius:50%}.checkbox,.radio,.switch{-webkit-appearance:none;-moz-appearance:none;appearance:none;vertical-align:text-bottom;outline:0;cursor:pointer;-webkit-box-shadow:inset 0 0 0 1px #333;box-shadow:inset 0 0 0 1px #333;background:#fff}.checkbox~label,.radio~label,.switch~label{cursor:pointer}.checkbox::-ms-check,.radio::-ms-check,.switch::-ms-check{display:none}.switch{width:4rem;height:2rem;line-height:2rem;font-size:60%;-webkit-box-shadow:inset -2rem 0 0 #333,inset 0 0 0 1px #333;box-shadow:inset -2rem 0 0 #333,inset 0 0 0 1px #333;-webkit-transition:-webkit-box-shadow .15s;transition:-webkit-box-shadow .15s;transition:box-shadow .15s;transition:box-shadow .15s,-webkit-box-shadow .15s}.switch::after,.switch::before{font-weight:700;color:#fff}.switch::before{content:"✕";float:right;margin-right:.66667rem}.switch:checked{-webkit-box-shadow:inset 2rem 0 0 #5cb85c,inset 0 0 0 1px #5cb85c;box-shadow:inset 2rem 0 0 #5cb85c,inset 0 0 0 1px #5cb85c}.switch:checked::before{content:"✓";float:left;margin-left:.66667rem}.checkbox{width:2rem;height:2rem;-webkit-transition:background-color .15s;transition:background-color .15s}.checkbox:checked{background-image:url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0idXRmLTgiPz4NCjwhLS0gR2VuZXJhdG9yOiBBZG9iZSBJbGx1c3RyYXRvciAxNy4xLjAsIFNWRyBFeHBvcnQgUGx1Zy1JbiAuIFNWRyBWZXJzaW9uOiA2LjAwIEJ1aWxkIDApICAtLT4NCjwhRE9DVFlQRSBzdmcgUFVCTElDICItLy9XM0MvL0RURCBTVkcgMS4xLy9FTiIgImh0dHA6Ly93d3cudzMub3JnL0dyYXBoaWNzL1NWRy8xLjEvRFREL3N2ZzExLmR0ZCI+DQo8c3ZnIHZlcnNpb249IjEuMSIgaWQ9IkxheWVyXzEiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgeG1sbnM6eGxpbms9Imh0dHA6Ly93d3cudzMub3JnLzE5OTkveGxpbmsiIHg9IjBweCIgeT0iMHB4Ig0KCSB2aWV3Qm94PSIwIDAgOCA4IiBlbmFibGUtYmFja2dyb3VuZD0ibmV3IDAgMCA4IDgiIHhtbDpzcGFjZT0icHJlc2VydmUiPg0KPHBhdGggZmlsbD0iI0ZGRkZGRiIgZD0iTTYuNCwxTDUuNywxLjdMMi45LDQuNUwyLjEsMy43TDEuNCwzTDAsNC40bDAuNywwLjdsMS41LDEuNWwwLjcsMC43bDAuNy0wLjdsMy41LTMuNWwwLjctMC43TDYuNCwxTDYuNCwxeiINCgkvPg0KPC9zdmc+DQo=);background-size:60% 60%;background-position:center;background-repeat:no-repeat;background-color:#333}.radio{width:2rem;height:2rem;-webkit-transition:background-color .15s;transition:background-color .15s}.radio:checked{background-image:url(data:image/svg+xml,%3C%3Fxml%20version%3D%221.0%22%20standalone%3D%22no%22%3F%3E%3Csvg%20version%3D%221.1%22%20width%3D%2240%22%20height%3D%2240%22%0AviewBox%3D%220%200%2080%2080%22%20xmlns%3D%22http%3A//www.w3.org/2000/svg%22%3E%3Ccircle%20cx%3D%2240%22%20cy%3D%2240%22%20r%3D%2224%22%20style%3D%22fill%3A%23ffffff%22/%3E%3C/svg%3E);background-size:80% 80%;background-position:center;background-repeat:no-repeat;background-color:#333}.tabs-menu{border-bottom:2px solid #e7e9ed}.tabs-menu-link{display:block;margin-bottom:-2px;padding:.5rem 3rem;border-bottom:4px solid transparent;color:#212529;background:0 0;text-decoration:none;border-radius:0;-webkit-transition:.25s;transition:.25s;-webkit-transition-property:color,border,background-color;transition-property:color,border,background-color}.tabs-menu-link.is-active{border-bottom-color:#333;color:#333;background:0 0;outline:0}.tabs-menu-link:focus{border-bottom-color:#333;color:#333;outline:0}@media (min-width:576px){.tabs-menu-link{display:inline-block}}.tabs-content-item{padding-top:1rem}.tabs-content-item[aria-hidden=true]{visibility:hidden}.tabs-content-item[aria-hidden=false]{visibility:visible}[class*=icon-arrow-]::after{content:"";display:inline-block;width:1em;height:1em;-webkit-mask-size:cover;mask-size:cover;background-color:#000;line-height:1;vertical-align:baseline}.icon-arrow-down::after{-webkit-mask-image:url(data:image/svg+xml,%3C%3Fxml%20version%3D%221.0%22%20standalone%3D%22no%22%3F%3E%3Csvg%20xmlns%3D%22http%3A//www.w3.org/2000/svg%22%20xmlns%3Axlink%3D%22http%3A//www.w3.org/1999/xlink%22%20style%3D%22isolation%3Aisolate%22%20viewBox%3D%220%200%2020%2020%22%20width%3D%2220%22%20height%3D%2220%22%3E%3Cpath%20d%3D%22%20M%209.96%2011.966%20L%203.523%205.589%20C%202.464%204.627%200.495%206.842%201.505%207.771%20L%201.505%207.771%20L%208.494%2014.763%20C%209.138%2015.35%2010.655%2015.369%2011.29%2014.763%20L%2011.29%2014.763%20L%2018.49%207.771%20C%2019.557%206.752%2017.364%204.68%2016.262%205.725%20L%2016.262%205.725%20L%209.96%2011.966%20Z%20%22%20fill%3D%22inherit%22/%3E%3C/svg%3E);mask-image:url(data:image/svg+xml,%3C%3Fxml%20version%3D%221.0%22%20standalone%3D%22no%22%3F%3E%3Csvg%20xmlns%3D%22http%3A//www.w3.org/2000/svg%22%20xmlns%3Axlink%3D%22http%3A//www.w3.org/1999/xlink%22%20style%3D%22isolation%3Aisolate%22%20viewBox%3D%220%200%2020%2020%22%20width%3D%2220%22%20height%3D%2220%22%3E%3Cpath%20d%3D%22%20M%209.96%2011.966%20L%203.523%205.589%20C%202.464%204.627%200.495%206.842%201.505%207.771%20L%201.505%207.771%20L%208.494%2014.763%20C%209.138%2015.35%2010.655%2015.369%2011.29%2014.763%20L%2011.29%2014.763%20L%2018.49%207.771%20C%2019.557%206.752%2017.364%204.68%2016.262%205.725%20L%2016.262%205.725%20L%209.96%2011.966%20Z%20%22%20fill%3D%22inherit%22/%3E%3C/svg%3E)}.icon-arrow-up::after{-webkit-mask-image:url(data:image/svg+xml,%3C%3Fxml%20version%3D%221.0%22%20standalone%3D%22no%22%3F%3E%3Csvg%20xmlns%3D%22http%3A//www.w3.org/2000/svg%22%20xmlns%3Axlink%3D%22http%3A//www.w3.org/1999/xlink%22%20style%3D%22isolation%3Aisolate%22%20viewBox%3D%220%200%2020%2020%22%20width%3D%2220%22%20height%3D%2220%22%3E%3Cpath%20d%3D%22%20M%209.96%208.596%20L%203.523%2014.973%20C%202.464%2015.935%200.495%2013.72%201.505%2012.791%20L%201.505%2012.791%20L%208.494%205.799%20C%209.138%205.212%2010.655%205.193%2011.29%205.799%20L%2011.29%205.799%20L%2018.49%2012.791%20C%2019.557%2013.809%2017.364%2015.882%2016.262%2014.837%20L%2016.262%2014.837%20L%209.96%208.596%20Z%20%22%20fill%3D%22inherit%22/%3E%3C/svg%3E);mask-image:url(data:image/svg+xml,%3C%3Fxml%20version%3D%221.0%22%20standalone%3D%22no%22%3F%3E%3Csvg%20xmlns%3D%22http%3A//www.w3.org/2000/svg%22%20xmlns%3Axlink%3D%22http%3A//www.w3.org/1999/xlink%22%20style%3D%22isolation%3Aisolate%22%20viewBox%3D%220%200%2020%2020%22%20width%3D%2220%22%20height%3D%2220%22%3E%3Cpath%20d%3D%22%20M%209.96%208.596%20L%203.523%2014.973%20C%202.464%2015.935%200.495%2013.72%201.505%2012.791%20L%201.505%2012.791%20L%208.494%205.799%20C%209.138%205.212%2010.655%205.193%2011.29%205.799%20L%2011.29%205.799%20L%2018.49%2012.791%20C%2019.557%2013.809%2017.364%2015.882%2016.262%2014.837%20L%2016.262%2014.837%20L%209.96%208.596%20Z%20%22%20fill%3D%22inherit%22/%3E%3C/svg%3E)}.icon-arrow-right::after{-webkit-mask-image:url(data:image/svg+xml,%3C%3Fxml%20version%3D%221.0%22%20standalone%3D%22no%22%3F%3E%3Csvg%20xmlns%3D%22http%3A//www.w3.org/2000/svg%22%20xmlns%3Axlink%3D%22http%3A//www.w3.org/1999/xlink%22%20style%3D%22isolation%3Aisolate%22%20viewBox%3D%220%200%2020%2020%22%20width%3D%2220%22%20height%3D%2220%22%3E%3Cpath%20d%3D%22%20M%2011.685%2010.321%20L%205.308%2016.758%20C%204.346%2017.817%206.561%2019.786%207.49%2018.776%20L%207.49%2018.776%20L%2014.482%2011.787%20C%2015.069%2011.142%2015.088%209.626%2014.482%208.991%20L%2014.482%208.991%20L%207.49%201.791%20C%206.472%200.724%204.399%202.916%205.444%204.019%20L%205.444%204.019%20L%2011.685%2010.321%20Z%20%22%20fill%3D%22inherit%22/%3E%3C/svg%3E);mask-image:url(data:image/svg+xml,%3C%3Fxml%20version%3D%221.0%22%20standalone%3D%22no%22%3F%3E%3Csvg%20xmlns%3D%22http%3A//www.w3.org/2000/svg%22%20xmlns%3Axlink%3D%22http%3A//www.w3.org/1999/xlink%22%20style%3D%22isolation%3Aisolate%22%20viewBox%3D%220%200%2020%2020%22%20width%3D%2220%22%20height%3D%2220%22%3E%3Cpath%20d%3D%22%20M%2011.685%2010.321%20L%205.308%2016.758%20C%204.346%2017.817%206.561%2019.786%207.49%2018.776%20L%207.49%2018.776%20L%2014.482%2011.787%20C%2015.069%2011.142%2015.088%209.626%2014.482%208.991%20L%2014.482%208.991%20L%207.49%201.791%20C%206.472%200.724%204.399%202.916%205.444%204.019%20L%205.444%204.019%20L%2011.685%2010.321%20Z%20%22%20fill%3D%22inherit%22/%3E%3C/svg%3E)}.icon-arrow-left::after{-webkit-mask-image:url(data:image/svg+xml,%3C%3Fxml%20version%3D%221.0%22%20standalone%3D%22no%22%3F%3E%3Csvg%20xmlns%3D%22http%3A//www.w3.org/2000/svg%22%20xmlns%3Axlink%3D%22http%3A//www.w3.org/1999/xlink%22%20style%3D%22isolation%3Aisolate%22%20viewBox%3D%220%200%2020%2020%22%20width%3D%2220%22%20height%3D%2220%22%3E%3Cpath%20d%3D%22%20M%208.315%2010.321%20L%2014.692%2016.758%20C%2015.654%2017.817%2013.439%2019.786%2012.51%2018.776%20L%2012.51%2018.776%20L%205.518%2011.787%20C%204.931%2011.142%204.912%209.626%205.518%208.991%20L%205.518%208.991%20L%2012.51%201.791%20C%2013.528%200.724%2015.601%202.916%2014.556%204.019%20L%2014.556%204.019%20L%208.315%2010.321%20Z%20%22%20fill%3D%22inherit%22/%3E%3C/svg%3E);mask-image:url(data:image/svg+xml,%3C%3Fxml%20version%3D%221.0%22%20standalone%3D%22no%22%3F%3E%3Csvg%20xmlns%3D%22http%3A//www.w3.org/2000/svg%22%20xmlns%3Axlink%3D%22http%3A//www.w3.org/1999/xlink%22%20style%3D%22isolation%3Aisolate%22%20viewBox%3D%220%200%2020%2020%22%20width%3D%2220%22%20height%3D%2220%22%3E%3Cpath%20d%3D%22%20M%208.315%2010.321%20L%2014.692%2016.758%20C%2015.654%2017.817%2013.439%2019.786%2012.51%2018.776%20L%2012.51%2018.776%20L%205.518%2011.787%20C%204.931%2011.142%204.912%209.626%205.518%208.991%20L%205.518%208.991%20L%2012.51%201.791%20C%2013.528%200.724%2015.601%202.916%2014.556%204.019%20L%2014.556%204.019%20L%208.315%2010.321%20Z%20%22%20fill%3D%22inherit%22/%3E%3C/svg%3E)}.tag,.tag--danger,.tag--ghost,.tag--info,.tag--inverse,.tag--primary,.tag--success,.tag--warning{display:inline-block;padding:3px .5rem;vertical-align:baseline;white-space:nowrap;color:#212529;border-radius:0;background-color:#e7e9ed;line-height:1}.tag--primary{background-color:#0275d8;color:#fff;-webkit-box-shadow:none;box-shadow:none}.tag--success{background-color:#5cb85c;color:#fff;-webkit-box-shadow:none;box-shadow:none}.tag--info{background-color:#5bc0de;color:#fff;-webkit-box-shadow:none;box-shadow:none}.tag--warning{background-color:#f0ad4e;color:#fff;-webkit-box-shadow:none;box-shadow:none}.tag--danger{background-color:#d9534f;color:#fff;-webkit-box-shadow:none;box-shadow:none}.tag--inverse{background-color:#333;color:#fff;-webkit-box-shadow:none;box-shadow:none}.tag--ghost{background-color:transparent;color:#fff;-webkit-box-shadow:0 0 0 1px #fff inset;box-shadow:0 0 0 1px #fff inset}.tag--small{font-size:1.2rem}.tag--big{font-size:2rem}.tag--block{width:100%!important;display:block}.disabled.tag--danger,.disabled.tag--ghost,.disabled.tag--info,.disabled.tag--inverse,.disabled.tag--primary,.disabled.tag--success,.disabled.tag--warning,.tag--disabled,.tag.disabled{opacity:.5;cursor:not-allowed}.tag--danger:empty,.tag--ghost:empty,.tag--info:empty,.tag--inverse:empty,.tag--primary:empty,.tag--success:empty,.tag--warning:empty,.tag:empty{display:none}.badge,.badge--danger,.badge--ghost,.badge--info,.badge--inverse,.badge--primary,.badge--success,.badge--warning{display:inline-block;padding:.5rem;border-radius:50%;color:#212529;background-color:#e7e9ed;line-height:1}.badge--danger::before,.badge--ghost::before,.badge--info::before,.badge--inverse::before,.badge--primary::before,.badge--success::before,.badge--warning::before,.badge::before{content:"";display:inline-block;vertical-align:middle;padding-top:100%}.badge--primary{background-color:#0275d8;color:#fff}.badge--success{background-color:#5cb85c;color:#fff}.badge--info{background-color:#5bc0de;color:#fff}.badge--warning{background-color:#f0ad4e;color:#fff}.badge--danger{background-color:#d9534f;color:#fff}.badge--inverse{background-color:#333;color:#fff}.badge--ghost{background-color:transparent;color:#fff}.badge--small{font-size:1.2rem}.badge--big{font-size:2rem}.badge--disabled,.badge.disabled,.disabled.badge--danger,.disabled.badge--ghost,.disabled.badge--info,.disabled.badge--inverse,.disabled.badge--primary,.disabled.badge--success,.disabled.badge--warning{opacity:.5;cursor:not-allowed}.badge--danger:empty,.badge--ghost:empty,.badge--info:empty,.badge--inverse:empty,.badge--primary:empty,.badge--success:empty,.badge--warning:empty,.badge:empty{display:none}.alert,.alert--danger,.alert--ghost,.alert--info,.alert--inverse,.alert--primary,.alert--success,.alert--warning{padding:1rem 1rem;margin-top:.75em;margin-bottom:0;color:#212529;border-radius:0;background-color:#e7e9ed}.alert a,.alert--danger a,.alert--ghost a,.alert--info a,.alert--inverse a,.alert--primary a,.alert--success a,.alert--warning a{color:inherit;text-decoration:underline}.alert--primary{background-color:#0275d8;color:#fff;-webkit-box-shadow:none;box-shadow:none}.alert--success{background-color:#5cb85c;color:#fff;-webkit-box-shadow:none;box-shadow:none}.alert--info{background-color:#5bc0de;color:#fff;-webkit-box-shadow:none;box-shadow:none}.alert--warning{background-color:#f0ad4e;color:#fff;-webkit-box-shadow:none;box-shadow:none}.alert--danger{background-color:#d9534f;color:#fff;-webkit-box-shadow:none;box-shadow:none}.alert--inverse{background-color:#333;color:#fff;-webkit-box-shadow:none;box-shadow:none}.alert--ghost{background-color:transparent;color:#fff;-webkit-box-shadow:0 0 0 1px #fff inset;box-shadow:0 0 0 1px #fff inset}.alert--small{font-size:1.2rem}.alert--big{font-size:2rem}.alert--block{width:100%!important;display:block}.alert--disabled,.alert.disabled,.disabled.alert--danger,.disabled.alert--ghost,.disabled.alert--info,.disabled.alert--inverse,.disabled.alert--primary,.disabled.alert--success,.disabled.alert--warning{opacity:.5;cursor:not-allowed}.alert--danger:empty,.alert--ghost:empty,.alert--info:empty,.alert--inverse:empty,.alert--primary:empty,.alert--success:empty,.alert--warning:empty,.alert:empty{display:none}@media (min-width:480px){[class*=" grid-"],[class^=grid-]{display:grid;grid-auto-flow:dense}[class*=" grid-"].has-gutter,[class^=grid-].has-gutter{grid-gap:1rem}[class*=" grid-"].has-gutter-l,[class^=grid-].has-gutter-l{grid-gap:2rem}[class*=" grid-"].has-gutter-xl,[class^=grid-].has-gutter-xl{grid-gap:4rem}}[class*=grid-1]{grid-template-columns:repeat(1,1fr)}[class*=grid-2]{grid-template-columns:repeat(2,1fr)}[class*=grid-3]{grid-template-columns:repeat(3,1fr)}[class*=grid-4]{grid-template-columns:repeat(4,1fr)}[class*=grid-5]{grid-template-columns:repeat(5,1fr)}[class*=grid-6]{grid-template-columns:repeat(6,1fr)}[class*=grid-7]{grid-template-columns:repeat(7,1fr)}[class*=grid-8]{grid-template-columns:repeat(8,1fr)}[class*=grid-9]{grid-template-columns:repeat(9,1fr)}[class*=grid-10]{grid-template-columns:repeat(10,1fr)}[class*=grid-11]{grid-template-columns:repeat(11,1fr)}[class*=grid-12]{grid-template-columns:repeat(12,1fr)}[class*=col-1]{grid-column:auto/span 1}[class*=row-1]{grid-row:auto/span 1}[class*=col-2]{grid-column:auto/span 2}[class*=row-2]{grid-row:auto/span 2}[class*=col-3]{grid-column:auto/span 3}[class*=row-3]{grid-row:auto/span 3}[class*=col-4]{grid-column:auto/span 4}[class*=row-4]{grid-row:auto/span 4}[class*=col-5]{grid-column:auto/span 5}[class*=row-5]{grid-row:auto/span 5}[class*=col-6]{grid-column:auto/span 6}[class*=row-6]{grid-row:auto/span 6}[class*=col-7]{grid-column:auto/span 7}[class*=row-7]{grid-row:auto/span 7}[class*=col-8]{grid-column:auto/span 8}[class*=row-8]{grid-row:auto/span 8}[class*=col-9]{grid-column:auto/span 9}[class*=row-9]{grid-row:auto/span 9}[class*=col-10]{grid-column:auto/span 10}[class*=row-10]{grid-row:auto/span 10}[class*=col-11]{grid-column:auto/span 11}[class*=row-11]{grid-row:auto/span 11}[class*=col-12]{grid-column:auto/span 12}[class*=row-12]{grid-row:auto/span 12}@media (min-width:480px) and (max-width:767px){[class*=grid-][class*="-small-1"]{grid-template-columns:repeat(1,1fr)}[class*=col-][class*="-small-1"]{grid-column:auto/span 1}[class*=grid-][class*="-small-2"]{grid-template-columns:repeat(2,1fr)}[class*=col-][class*="-small-2"]{grid-column:auto/span 2}[class*=grid-][class*="-small-3"]{grid-template-columns:repeat(3,1fr)}[class*=col-][class*="-small-3"]{grid-column:auto/span 3}[class*=grid-][class*="-small-4"]{grid-template-columns:repeat(4,1fr)}[class*=col-][class*="-small-4"]{grid-column:auto/span 4}[class*="-small-all"]{grid-column:1/-1}}.item-first{-webkit-box-ordinal-group:0;-ms-flex-order:-1;order:-1}.item-last{-webkit-box-ordinal-group:2;-ms-flex-order:1;order:1}.grid-offset{visibility:hidden}.col-all{grid-column:1/-1}.row-all{grid-row:1/-1} \ No newline at end of file diff --git a/gulpfile.js b/gulpfile.js index de89165..4287fc1 100644 --- a/gulpfile.js +++ b/gulpfile.js @@ -5,8 +5,7 @@ var gulp = require('gulp'); var sass = require('gulp-sass'); var concat = require('gulp-concat'); var rename = require('gulp-rename'); -var minifycss = require('gulp-minify-css'); -// var sourcemaps = require('gulp-sourcemaps'); +var minifycss = require('gulp-clean-css'); var autoprefixer = require('gulp-autoprefixer'); @@ -16,28 +15,24 @@ gulp.task('css', function () { .pipe(sass({ outputStyle: 'expanded' // CSS non minifiée plus lisible ('}' à la ligne) })) - .pipe(autoprefixer({ grid: true })) + .pipe(autoprefixer()) .pipe(rename('knacss-unminified.css')) .pipe(gulp.dest('./css/')) .pipe(rename('knacss.css')) - //.pipe(sourcemaps.init()) .pipe(minifycss()) - //.pipe(sourcemaps.write('.', {includeContent: false})) .pipe(gulp.dest('./css/')); }); gulp.task('grillade', function() { - return gulp.src('./sass/components/_grillade.scss') - .pipe(gulp.dest('./css/')) + return gulp.src('./sass/components/grillade-grid.scss') .pipe(sass()) - .pipe(autoprefixer({ grid: true })) + .pipe(autoprefixer()) .pipe(minifycss()) .pipe(gulp.dest('./css/')); }); -gulp.task('grillade-v6', function() { - return gulp.src('./sass/components/_grillade-v6.scss') - .pipe(gulp.dest('./css/')) +gulp.task('grillade-flex', function() { + return gulp.src('./sass/components/grillade-flex.scss') .pipe(sass()) .pipe(autoprefixer()) .pipe(minifycss()) diff --git a/package.json b/package.json index c673ba2..abc5959 100644 --- a/package.json +++ b/package.json @@ -32,9 +32,8 @@ "gulp-rename": "latest", "gulp-sass": "latest", "gulp-concat": "latest", - "gulp-minify-css": "latest", - "gulp-autoprefixer": "latest", - "gulp-sourcemaps": "latest" + "gulp-clean-css": "latest", + "gulp-autoprefixer": "latest" }, "engines": {} } diff --git a/sass/components/_grillade-flex.scss b/sass/components/_grillade-flex.scss deleted file mode 100644 index eb6cadd..0000000 --- a/sass/components/_grillade-flex.scss +++ /dev/null @@ -1,145 +0,0 @@ -/* ---------------------------------- */ -/* ==Grillade v6 */ -/* ---------------------------------- */ -/* IMPORTANT : this is the KNACSS v6 old Grid System based on Flexbox */ -/* You only need it for projects on older browsers (IE11-) */ - -// Responsive breakpoints variables - -// Warning : you should use your own values, regardless of the devices -// Best practise : (max-width: ($BP - 1)) and (min-width: $BP) - -$tiny: 480px !default; // or 'em' if you prefer, of course -$small: 576px !default; -$medium: 768px !default; -$large: 992px !default; -$extra-large: 1200px !default; - -// gutter values for grid layouts. Unit can be: %, px, em, rem -$grid-gutters: ( '': 1rem, '-l': 2rem, '-xl': 4rem ); -// IEfixing, see -// https://github.com/alsacreations/KNACSS/issues/133; -$iefix: 0.01px; -@media (min-width: $small) { - [class*=" grid-"], - [class^="grid-"] { - display: flex; - flex-direction: row; - flex-wrap: wrap; - - & > * { - box-sizing: border-box; - min-width: 0; - min-height: 0; - } - } -} -// Multi-line grid constructor -// example : .grid-perso { @include grid(12, 3rem); } -@mixin grid($grid-number: 1, $own-gutter: 0) { - & > * { - width: calc(100% / #{$grid-number} - #{$iefix}); - } - @each $affix, $size in $grid-gutters { - &.has-gutter#{$affix} { - margin-right: -$size / 2; - margin-left: -$size / 2; - - & > * { - width: calc(100% / #{$grid-number} - #{$size} - #{$iefix}); - margin-right: $size / 2; - margin-left: $size / 2; - } - } - } - @if ($own-gutter != 0) { - margin-right: -$own-gutter / 2; - margin-left: -$own-gutter / 2; - - & > * { - width: calc(100% / #{$grid-number} - #{$own-gutter} - #{$iefix}); - margin-right: $own-gutter / 2; - margin-left: $own-gutter / 2; - } - } -} -// Mono-line grid constructor (.grid) -@media (min-width: $small) { - .grid, - .grid--reverse { - display: flex; - - & > * { - flex: 1 1 0%; - box-sizing: border-box; - min-width: 0; - min-height: 0; - } - @each $affix, $size in $grid-gutters { - &.has-gutter#{$affix} > * + * { - margin-left: calc(#{$size} - #{$iefix}); - } - } - } -} -// Constructing grids : will be compiled in CSS -@media (min-width: $small) { - @for $i from 2 through 12 { - [class*="grid-#{$i}"] { - @include grid(#{$i}, 0); - } - } -} - -// Grid offsets -.push { - margin-left: auto !important; -} - -.pull { - margin-right: auto !important; -} - -// Grid order -.item-first { - order: -1; -} - -.item-last { - order: 1; -} - -[class*="grid-"][class*="--reverse"] { - flex-direction: row-reverse; -} -// sizing individual children -@media (min-width: $small) { - @each $flow, $divider in ("full" "1"), ("one-half" "2"), ("one-third" "3"), ("one-quarter" "4"), ("one-fifth" "5"), ("one-sixth" "6"), ("two-thirds" "3 * 2"), ("three-quarters" "4 * 3"), ("five-sixths" "6 * 5") { - .#{$flow} { - flex: 0 0 auto; - width: calc(100% / #{$divider} - #{$iefix}); - } - @each $affix, $size in $grid-gutters { - .has-gutter#{$affix} > .#{$flow} { - width: calc(100% / #{$divider} - #{$size} - #{$iefix}); - } - } - } -} -/* Responsive Small Breakpoint */ -// -small-X suffix means "X columns on small-medium screen" -// example : .grid-4-small-2 will be 1 column (tiny and down) then 2 columns (until medium) then 4 columns -@media (min-width: $small) and (max-width: ($medium - 1)) { - @for $i from 1 through 4 { - [class*="-small-#{$i}"] { - & > * { - width: calc(100% / #{$i} - #{$iefix}); - } - @each $affix, $size in $grid-gutters { - &.has-gutter#{$affix} > * { - width: calc(100% / #{$i} - #{$size} - #{$iefix}); - } - } - } - } -} diff --git a/sass/components/_grillade-grid.scss b/sass/components/_grillade-grid.scss deleted file mode 100644 index c7203e4..0000000 --- a/sass/components/_grillade-grid.scss +++ /dev/null @@ -1,96 +0,0 @@ -/* --------------------------------------- */ -/* ==Grillade : ultra light Grid System */ -/* --------------------------------------- */ -/* Doc : @TODO */ -// WARNING: THIS IS NOT A COMPLETE GRID FRAMEWORK, just ultra light Grid System -// if you need complex Grid : -// 1- use vanilla CSS Grid Layout spec (perfect for you) -// 2- use Bootstrap (good luck) - -@if (not variable_exists(tiny)) or (not variable_exists(small)) or (not variable_exists(medium)) or (not variable_exists(large)) - { - $tiny: 480px !global; - $small: 576px !global; - $medium: 768px !global; - $large: 992px !global; -} - -[class*=" grid-"], -[class^="grid-"] { - @media (min-width: $tiny) { - display: grid; - grid-auto-flow: dense; - - // gutters - @if variable_exists(grid-gutters) { - $gutter: $grid-gutters !global; - } - @else { - $gutter: ( '': 1rem, '-l': 2rem, '-xl': 4rem ) !global; - } - @each $affix, $size in $gutter { - &.has-gutter#{$affix} { - grid-gap: $size; - } - } - } -} - -// grid constructor (.grid-2 to .grid-12) -@for $i from 1 through 12 { - [class*="grid-#{$i}"] { - grid-template-columns: repeat(#{$i}, 1fr); - } -} - -// grid items constructor (.col-1 to .col-12, .row-1 to .row-12) -@for $i from 1 through 12 { - [class*="col-#{$i}"] { - grid-column: auto / span #{$i}; - } - - [class*="row-#{$i}"] { - grid-row: auto / span #{$i}; - } -} - -/* intermediate breakpoints */ -// -small-X suffix means "X columns when < medium screen" -// example : .grid-4-small-2 will be 1 column (< tiny) then 2 columns (< medium) then 4 columns -@media (min-width: $tiny) and (max-width: ($medium - 1)) { - @for $i from 1 through 4{ - [class*="grid-"][class*="-small-#{$i}"] { - grid-template-columns: repeat(#{$i}, 1fr); - } - - [class*="col-"][class*="-small-#{$i}"] { - grid-column: auto / span #{$i}; - } - } - [class*="-small-all"] { - grid-column: 1 / -1; - } -} - -// grid order -.item-first { - order: -1; -} - -.item-last { - order: 1; -} - -// grid offset -.grid-offset { - visibility: hidden; -} - -// spanning all collumns or rows -.col-all { - grid-column: 1 / -1; -} - -.row-all { - grid-row: 1 / -1; -} diff --git a/css/grillade-v6.scss b/sass/components/grillade-flex.scss similarity index 100% rename from css/grillade-v6.scss rename to sass/components/grillade-flex.scss diff --git a/css/_grillade.scss b/sass/components/grillade-grid.scss similarity index 99% rename from css/_grillade.scss rename to sass/components/grillade-grid.scss index c7203e4..385c922 100644 --- a/css/_grillade.scss +++ b/sass/components/grillade-grid.scss @@ -1,7 +1,6 @@ /* --------------------------------------- */ /* ==Grillade : ultra light Grid System */ /* --------------------------------------- */ -/* Doc : @TODO */ // WARNING: THIS IS NOT A COMPLETE GRID FRAMEWORK, just ultra light Grid System // if you need complex Grid : // 1- use vanilla CSS Grid Layout spec (perfect for you) diff --git a/sass/knacss.scss b/sass/knacss.scss index f6ed9fb..b6cbe95 100644 --- a/sass/knacss.scss +++ b/sass/knacss.scss @@ -63,8 +63,9 @@ @import "components/_badges.scss"; // badges styles @import "components/_alerts.scss"; // alerts styles -// New Grid System by default (Grid Layout). If you prefer old "Flexbox" Grid System, replace file with "components/_grillade-flex.scss" -@import "components/_grillade-grid.scss"; // grid system with Grid Layout +// New Grid System by default (Grid Layout). If you prefer old "Flexbox" Grid System, replace file with "components/grillade-flex.scss" +// Note that none of these file is prefixed by an underscore, in order to compile them. +@import "components/grillade-grid.scss"; // grid system with Grid Layout