123456789101112131415161718192021222324252627282930 |
- @val: 10px;
- .no-math {
- @c: 10px + 20px;
- @calc: (@val + 30px);
- root: calc(100% - @c);
- root2: calc(100% - @calc);
- @var: 50vh/2;
- width: calc(50% + (@var - 20px));
- height: calc(50% + ((@var - 20px)));
- min-height: calc(((10vh)) + calc((5vh)));
- foo: 1 + 2 calc(3 + 4) 5 + 6;
- @floor: floor(1 + .1);
- bar: calc(@floor + 20%);
- }
- .b {
- @a: 10px;
- @b: 10px;
- one: calc(100% - ((min(@a + @b))));
- two: calc(100% - (((@a + @b))));
- three: calc(e('100%') - (3 * 1));
- four: calc(~'100%' - (3 * 1));
- nested: calc(calc(2.25rem + 2px) - 1px * 2);
- }
- .c {
- @v: 10px;
- height: calc(100% - ((@v * 3) + (@v * 2)));
- }
|