css-calc
Zmienna Sass w funkcji CSS calc()
Próbuję użyć funkcji calc() w arkuszu stylów Sass, ale mam pewne problemy. Oto Mój kod:
$body_padding: 50px
body
paddin ... 0px;
height: calc(100% - $body_padding);
}
Jak mogę sprawić, by Sass rozpoznał, że musi zastąpić zmienną w funkcji calc?
Disable LESS-CSS Overwriting calc () [duplicate]
To pytanie ma już odpowiedź tutaj:
mniej agresywna kompilacja z CSS3 calc
... dth: calc(-100%);
Czy jest sposób, aby powiedzieć LESSOWI, aby nie kompilował go w ten sposób i nie generował go normalnie?
Mniej agresywna kompilacja z CSS3 calc
Mniej kompilatorów, których używam (OrangeBits i dotless 1.3.0.5) są agresywnie tłumaczone
body { width: calc(100% - 250px ... i nie mogłem nic znaleźć.
Czy less czy less compiler to obsługuje?
Jeśli nie, czy istnieje przedłużacz CSS, który tak robi?
CSS CALC alternative
Próbuję dynamicznie zmienić szerokość div przy użyciu CSS i bez jquery. poniższy kod będzie działał w następujących przeglą ... poprawne użycie:
/* IE-OLD */
width: expression(100% - 500px);
Czy Mogę również obsługiwać operę i przeglądarkę Android?
Czy istnieje sposób na użycie zmiennych w Less dla operatora~, np. ~ " calc (100% - @spacing)";
Czy istnieje sposób użycia zmiennych w operatorze less ~, np.]}
~"calc(70% - @spacing)";
Kiedy próbowałem to działa tylko ... wartościami statycznymi jak
~"calc(70% - 10px)";
Czy Mogę dostać łańcuch do oceny przed być ustawione jako właściwość.
Obejście jednostek CSS Calc Viewport?
Z tego co widziałem w inne odpowiedzi , jednostki CSS viewport nie mogą być jeszcze używane w poleceniach calc(). To, co chci ... być użyte w instrukcji calc()? Czy tylko CSS i HTML? Wiem, że mogę to zrobić dynamicznie za pomocą javascript, ale wolę CSS.