54 lines
1.0 KiB
Plaintext
54 lines
1.0 KiB
Plaintext
#operations {
|
|
color: #110000 + #000011 + #001100; // #111111
|
|
height: 10px / 2px + 6px - 1px * 2; // 9px
|
|
width: 2 * 4 - 5em; // 3em
|
|
text-shadow: -1px -1px 1px red, 6px 5px 5px yellow;
|
|
.spacing {
|
|
height: 10px / 2px+6px- 1px*2;
|
|
width: 2 * 4 - 5em;
|
|
}
|
|
substraction: 20 - 10 - 5 - 5; // 0
|
|
division: 20 / 5 / 4; // 1
|
|
}
|
|
|
|
@x: 4;
|
|
@y: 12em;
|
|
|
|
.with-variables {
|
|
height: @x + @y; // 16em
|
|
width: 12 + @y; // 24em
|
|
size: 5cm - @x; // 1cm
|
|
}
|
|
|
|
@z: -2;
|
|
|
|
.negative {
|
|
height: 2px + @z; // 0px
|
|
width: 2px - @z; // 4px
|
|
}
|
|
|
|
.shorthands {
|
|
padding: -1px 2px 0 -4px; //
|
|
}
|
|
|
|
.colors {
|
|
color: #123; // #112233
|
|
border-color: #234 + #111111; // #334455
|
|
background-color: #222222 - #fff; // #000000
|
|
.other {
|
|
color: 2 * #111; // #222222
|
|
border-color: #333333 / 3 + #111; // #222222
|
|
}
|
|
}
|
|
|
|
.negations {
|
|
@var: 4px;
|
|
variable: -@var; // 4
|
|
variable1: -@var + @var; // 0
|
|
variable2: @var + -@var; // 0
|
|
variable3: @var - -@var; // 8
|
|
variable4: -@var - -@var; // 0
|
|
paren: -(@var); // -4px
|
|
paren2: -(2 + 2) * -@var; // 16
|
|
}
|