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
|
2017-08-06 18:01:22 +00:00
|
|
|
list-style: none !important
|
2017-06-24 05:29:42 +00:00
|
|
|
|
2017-07-21 17:41:59 +00:00
|
|
|
.align-items-center
|
|
|
|
|
align-items: center
|
|
|
|
|
|
2017-08-06 18:01:22 +00:00
|
|
|
//@each $value in 'block', 'inline', 'inline-block', 'flex'
|
|
|
|
|
// .display-#{$value},
|
|
|
|
|
// .is-#{$value},
|
|
|
|
|
// 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
|
|
|
|
2017-07-26 07:30:05 +00:00
|
|
|
$properties: ( mb: 'margin-bottom', ml: 'margin-left', mr: 'margin-right', mt: 'margin-top', pb: 'padding-bottom', pl: 'padding-left', pr: 'padding-right', pt: 'padding-top' )
|
|
|
|
|
@each $key, $property in $properties
|
|
|
|
|
@for $value from 1 through 5
|
|
|
|
|
.#{$key}-#{$value}
|
|
|
|
|
#{$property}: #{$value}em !important
|
