p0c-website

Proof of concepts for fun and profit
git clone https://git.in0rdr.ch/p0c-website.git
Log | Files | Refs | Pull requests |Archive | README | LICENSE

_columns.scss (1257B)


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