2015-05-08 15 views
9

Jak mogę napisać css do mniej:Jak napisać border-radius w mniej bez dzieląc wynik

border-radius: 10px/20px; 

normalnie css zinterpretować coś takiego:

border-bottom-left-radius: 10px 20px; 
border-bottom-right-radius: 10px 20px; 
border-top-left-radius: 10px 20px; 
border-top-right-radius: 10px 20px; 

ale mniej kompilatorzy dzielą 10px/20px = 0,5px

+1

jestem p z poczuciem braku czegoś, ale czy nie można po prostu pominąć "/" i skompilować zgodnie z przeznaczeniem? – Maharkus

+1

@ Maharkus tak naprawdę nie działa, ponieważ interpretują granicę górę i dół bez tego "/". – RulerNature

+0

whoops, ok, rozumiem teraz, dzięki haha ​​ – Maharkus

Odpowiedz

6

Może to być spowodowane tym, że w kompilatorze nie włączono ścisłych matematycznych matematycznych, które nakazują wykonywanie matematyki tylko w nawiasach.

Alternatywą jest nakłonienie systemu do myślenia o zwykłym łańcuchu, zamiast do obliczeń.

border-radius: 10px ~"/" 20px; 

Codepen Example

2

Można owinąć całej karty w ~"..." jak

border-radius: ~"10px/20px"; 

lub użyć

border-radius: e("10px/20px"); 

Można odwołać string unquoting