Sottrarre pixel dalla percentuale in sass?

Question

So che sei in grado di fare una semplice matematica in SASS / SCSS.Ma c'è un modo per sottrarre pixel dalle percentuali?Ad esempio:

$image-size: 200px;

.bio {
    width: 100% - $image-size;
}

.

Answer 1

Non vedo come funzionasse nemmeno, il fatto è che Sass non può conoscere magicamente la dimensione che la tua scatola avrà.

Ora se ottengo quello che stai cercando di fare, la migliore soluzione sarebbe avvolgere la larghezza dei genitori .box in una variabile e quindi sottofronte la larghezza dell'immagine a quella variabile - considerando la larghezza del 100% significa che otterrà il 100% di acerta larghezza.

Answer 2

È possibile utilizzare il calc () Funzione per ottenere ciò che desideri.È sperimentale ma ancora abbastanza buono supportato dai diversi browser.

Con sass , è possibile creare un calc mixin per ottenere questo funzionamento su più versioni del browser con i prefissi di -webkit e -moz (non è necessario il OPERA ): e chiamalo con qualcosa come:

.bio {
  @include calc("width", "100% - #{$image-size}");
}

.