2017-05-15 23:32:23 +00:00
|
|
|
.is-centered
|
|
|
|
|
margin: 0 auto
|
|
|
|
|
|
2017-02-19 21:14:22 +00:00
|
|
|
.is-half
|
|
|
|
|
width: 50%
|
2017-04-16 00:29:47 +00:00
|
|
|
|
|
|
|
|
.flex
|
|
|
|
|
flex: 1
|
2017-06-15 20:57:42 +00:00
|
|
|
|
|
|
|
|
.flex-wrap
|
|
|
|
|
flex-wrap: wrap
|
|
|
|
|
|
|
|
|
|
.list-style-none
|
|
|
|
|
list-style: none
|
2017-06-24 05:29:42 +00:00
|
|
|
|
2017-07-21 17:41:59 +00:00
|
|
|
.align-items-center
|
|
|
|
|
align-items: center
|
|
|
|
|
|
|
|
|
|
@each $value in 'block', 'inline', 'inline-block', 'flex'
|
|
|
|
|
.display-#{$value},
|
|
|
|
|
.is-#{$value},
|
2017-06-18 18:54:05 +00:00
|
|
|
display: #{$value}
|
2017-07-10 22:47:53 +00:00
|
|
|
|
|
|
|
|
@each $value in 'top', 'middle', 'bottom'
|
|
|
|
|
.table
|
|
|
|
|
& > thead > tr > th,
|
|
|
|
|
& > thead > tr > td,
|
|
|
|
|
& > tbody > tr > th,
|
|
|
|
|
& > tbody > tr > td,
|
|
|
|
|
& > tfoot > tr > th,
|
|
|
|
|
& > tfoot > tr > td
|
|
|
|
|
&.vertical-#{$value}
|
|
|
|
|
vertical-align: #{$value}
|
2017-07-21 17:41:59 +00:00
|
|
|
|
|
|
|
|
@each $value in 2, 3, 4, 5
|
|
|
|
|
.is-#{$value}
|
|
|
|
|
width: calc(100% / #{$value})
|
