_columns.scss 1.2 KB

1234567891011121314151617181920212223242526272829303132333435363738394041424344454647
  1. @mixin columns($arg: auto) {
  2. // <column-count> || <column-width>
  3. @include prefixer(columns, $arg, webkit moz spec);
  4. }
  5. @mixin column-count($int: auto) {
  6. // auto || integer
  7. @include prefixer(column-count, $int, webkit moz spec);
  8. }
  9. @mixin column-gap($length: normal) {
  10. // normal || length
  11. @include prefixer(column-gap, $length, webkit moz spec);
  12. }
  13. @mixin column-fill($arg: auto) {
  14. // auto || length
  15. @include prefixer(column-fill, $arg, webkit moz spec);
  16. }
  17. @mixin column-rule($arg) {
  18. // <border-width> || <border-style> || <color>
  19. @include prefixer(column-rule, $arg, webkit moz spec);
  20. }
  21. @mixin column-rule-color($color) {
  22. @include prefixer(column-rule-color, $color, webkit moz spec);
  23. }
  24. @mixin column-rule-style($style: none) {
  25. // none | hidden | dashed | dotted | double | groove | inset | inset | outset | ridge | solid
  26. @include prefixer(column-rule-style, $style, webkit moz spec);
  27. }
  28. @mixin column-rule-width ($width: none) {
  29. @include prefixer(column-rule-width, $width, webkit moz spec);
  30. }
  31. @mixin column-span($arg: none) {
  32. // none || all
  33. @include prefixer(column-span, $arg, webkit moz spec);
  34. }
  35. @mixin column-width($length: auto) {
  36. // auto || length
  37. @include prefixer(column-width, $length, webkit moz spec);
  38. }