apps/wiki/static--wiki--editor--node_modules--grunt-contrib-less--node_modules--less--test/less/mixins-pattern.less

   1 .mixin (...) {
   2   variadic: true;
   3 }
   4 .mixin () {
   5     zero: 0;
   6 }
   7 .mixin (@a: 1px) {
   8     one: 1;
   9 }
  10 .mixin (@a) {
  11     one-req: 1;
  12 }
  13 .mixin (@a: 1px, @b: 2px) {
  14     two: 2;
  15 }
  16
  17 .mixin (@a, @b, @c) {
  18     three-req: 3;
  19 }
  20
  21 .mixin (@a: 1px, @b: 2px, @c: 3px) {
  22     three: 3;
  23 }
  24
  25 .zero {
  26     .mixin();
  27 }
  28
  29 .one {
  30     .mixin(1);
  31 }
  32
  33 .two {
  34     .mixin(1, 2);
  35 }
  36
  37 .three {
  38     .mixin(1, 2, 3);
  39 }
  40
  41 //
  42
  43 .mixout ('left') {
  44     left: 1;
  45 }
  46
  47 .mixout ('right') {
  48     right: 1;
  49 }
  50
  51 .left {
  52     .mixout('left');
  53 }
  54 .right {
  55     .mixout('right');
  56 }
  57
  58 //
  59
  60 .border (@side, @width) {
  61     color: black;
  62     .border-side(@side, @width);
  63 }
  64 .border-side (left, @w) {
  65     border-left: @w;
  66 }
  67 .border-side (right, @w) {
  68     border-right: @w;
  69 }
  70
  71 .border-right {
  72     .border(right, 4px);
  73 }
  74 .border-left {
  75     .border(left, 4px);
  76 }
  77
  78 //
  79
  80
  81 .border-radius (@r) {
  82     both: (@r * 10);
  83 }
  84 .border-radius (@r, left) {
  85     left: @r;
  86 }
  87 .border-radius (@r, right) {
  88     right: @r;
  89 }
  90
  91 .only-right {
  92     .border-radius(33, right);
  93 }
  94 .only-left {
  95     .border-radius(33, left);
  96 }
  97 .left-right {
  98     .border-radius(33);
  99 }