ミックスイン（PXTOEMは）私はDrupalの<a href="https://www.drupal.org/project/fortytwo" rel="nofollow noreferrer">FortyTwo theme.</a>使う

Question

CSS出力の誤差がテーマがミックスインという名前PXTOEM提供してい

.header-menus { 
    padding: pxtoem(0, $grid-gutter-width); 
} 

をしかし、それをコンパイルした後、適切な出力が得られませんか？

padding: 0/pxem 0.75/pxem; (see screenshot)[![Screenshot][2]][2] 

Answer 1

代わりにあなたがピクセルを追加する必要があり+ 0の：+ 0px。 + emの代わりに+ 0emを使用してください。
サスマイスターdemo。
テーマのソースコードを変更できない場合は、独自の関数を作成してください。

$default-font-size: 16px; 

// PXTOEM 
// Calculate percentage with font-size as context 
@function pxtoem($pixels...) { 
    $result: ''; 

    @each $item in $pixels { 
    $result: $result + ((($item + 0px)/$default-font-size) + 0em) + ' '; 
    } 

    @return #{$result}; 
} 

.header-menus { 
    padding: pxtoem(0, 30, 30px); 
} 

CSSの出力：

.header-menus { 
    padding: 0em 1.875em 1.875em ; 
}