pe-columns()

/.tmp_src/docs/application.css
IE Chrome Firefox Safari Opera iOS Android Can I use
10 OK OK 3.1 15 3.2 2.1 CSS3 Multiple column layout
@mixin 名 @mixin 引数値 備考
CSS プロパティ名 と 同じ CSS プロパティ値 と 同じ -
@mixin pe-columns($arg: auto) {
  ...
}
@mixin pe-column-count($int: auto) {
  ...
}
@mixin pe-column-gap($length: normal) {
  ...
}
@mixin pe-column-fill($arg: auto) {
  ...
}
@mixin pe-column-rule($arg) {
  ...
}
@mixin pe-column-rule-color($color) {
  ...
}
@mixin pe-column-rule-style($style: none) {
  ...
}
@mixin pe-column-rule-width ($width: none) {
  ...
}
@mixin pe-column-span($arg: none) {
  ...
}
@mixin pe-column-width($length: auto) {
  ...
}
.class-name {
  @include pe-columns(250px auto);
}
.class-name {
  -webkit-columns: 250px auto;
  -moz-columns: 250px auto;
  columns: 250px auto;
}
Last update at 2016/09/16 15:55

Styleguide