pe-calc()
/.tmp_src/docs/application.css
| IE | IE | Chrome | Firefox | Safari | Opera | iOS | Android | Can I use |
|---|---|---|---|---|---|---|---|---|
9 ※部分対応 |
10 |
19 |
4 |
6 |
15 |
6.1 |
4.4 |
calc() as CSS unit value |
| 引数 | 初期値 | 値 | 備考 |
|---|---|---|---|
$property |
なし | calc が指定可能なプロパティ名 |
- |
$value |
なし | calc の引数値 |
【注意】<String> で指定する |
@mixin pe-calc($property, $value) {
...
}
.class-name {
@include pe-calc(width, "25% - 1em");
}
.class-name {
width: -webkit-calc(25% - 1em);
width: -moz-calc(25% - 1em);
width: calc(25% - 1em);
}