2 /** Flexbox styling rules **/
5 flex-direction: column;
28 /** Rules for all columns */
29 div[class^="col-"] img {
34 max-width: $max-width;
51 margin: $-xl auto 0 auto;
52 padding: $-m $-xxl $-xl*2 $-xxl;
54 display: inline-block;
58 background-color: #EEE;
59 box-shadow: 0 0 2px 0 rgba(0, 0, 0, 0.1);
60 border: 1px solid #DDD;
86 display: inline-block;
89 .col-xs-1, .col-sm-1, .col-md-1, .col-lg-1, .col-xs-2, .col-sm-2, .col-md-2, .col-lg-2, .col-xs-3, .col-sm-3, .col-md-3, .col-lg-3, .col-xs-4, .col-sm-4, .col-md-4, .col-lg-4, .col-xs-5, .col-sm-5, .col-md-5, .col-lg-5, .col-xs-6, .col-sm-6, .col-md-6, .col-lg-6, .col-xs-7, .col-sm-7, .col-md-7, .col-lg-7, .col-xs-8, .col-sm-8, .col-md-8, .col-lg-8, .col-xs-9, .col-sm-9, .col-md-9, .col-lg-9, .col-xs-10, .col-sm-10, .col-md-10, .col-lg-10, .col-xs-11, .col-sm-11, .col-md-11, .col-lg-11, .col-xs-12, .col-sm-12, .col-md-12, .col-lg-12 {
95 .col-xs-1, .col-xs-2, .col-xs-3, .col-xs-4, .col-xs-5, .col-xs-6, .col-xs-7, .col-xs-8, .col-xs-9, .col-xs-10, .col-xs-11, .col-xs-12 {
216 margin-left: 91.66666667%;
219 margin-left: 83.33333333%;
225 margin-left: 66.66666667%;
228 margin-left: 58.33333333%;
234 margin-left: 41.66666667%;
237 margin-left: 33.33333333%;
243 margin-left: 16.66666667%;
246 margin-left: 8.33333333%;
251 @media (min-width: $screen-sm) {
252 .col-sm-1, .col-sm-2, .col-sm-3, .col-sm-4, .col-sm-5, .col-sm-6, .col-sm-7, .col-sm-8, .col-sm-9, .col-sm-10, .col-sm-11, .col-sm-12 {
373 margin-left: 91.66666667%;
376 margin-left: 83.33333333%;
382 margin-left: 66.66666667%;
385 margin-left: 58.33333333%;
391 margin-left: 41.66666667%;
394 margin-left: 33.33333333%;
400 margin-left: 16.66666667%;
403 margin-left: 8.33333333%;
409 @media (min-width: $screen-md) {
410 .col-md-1, .col-md-2, .col-md-3, .col-md-4, .col-md-5, .col-md-6, .col-md-7, .col-md-8, .col-md-9, .col-md-10, .col-md-11, .col-md-12 {
531 margin-left: 91.66666667%;
534 margin-left: 83.33333333%;
540 margin-left: 66.66666667%;
543 margin-left: 58.33333333%;
549 margin-left: 41.66666667%;
552 margin-left: 33.33333333%;
558 margin-left: 16.66666667%;
561 margin-left: 8.33333333%;
567 @media (min-width: $screen-lg) {
568 .col-lg-1, .col-lg-2, .col-lg-3, .col-lg-4, .col-lg-5, .col-lg-6, .col-lg-7, .col-lg-8, .col-lg-9, .col-lg-10, .col-lg-11, .col-lg-12 {
689 margin-left: 91.66666667%;
692 margin-left: 83.33333333%;
698 margin-left: 66.66666667%;
701 margin-left: 58.33333333%;
707 margin-left: 41.66666667%;
710 margin-left: 33.33333333%;
716 margin-left: 16.66666667%;
719 margin-left: 8.33333333%;
729 .container-fluid:before,
730 .container-fluid:after,
738 .container-fluid:after,