Pixel vom Prozentsatz in SASS subtrahieren?

Question

Ich weiß, dass Sie in Sass / Scss einige einfache Berechnungen durchführen können.Aber gibt es eine Möglichkeit, Pixel von Prozentsätzen zu subtrahieren?Beispielsweise:

$image-size: 200px;

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

Answer 1

Ich sehe nicht, wie das sogar funktionieren würde, sondern SASS kann nicht magisch wissen, wie Sie Ihre Box haben wird.

Wenn ich jetzt das bekomme, was Sie tun wollen, wäre die beste Lösung, die Elternbreite von .box in eine Variable zu wickeln, und dann Ihre Bildbreite auf diese Variable unterstreichen - In Anbetracht von 100% Breiten erhalten Sie 100%bestimmte Breite.

Answer 2

Sie können das verwenden berechnen() funktion, um zu bekommen, was Sie wollen.Es ist experimentell, aber immer noch ziemlich gut unterstützt von den verschiedenen Browsern.

Mit Sass, können Sie eine erstellen calc mixin damit dies auf mehr Browserversionen mit dem funktioniert-webkit und -moz präfixe (keine Notwendigkeit der Opera ein):

@mixin calc($key, $value) {
  #{$key}: -webkit-calc(#{$value});
  #{$key}: -moz-calc(#{$value});
  #{$key}: calc(#{$value});
}

Und nenne es mit so etwas wie:

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