Sass Variable in CSS calc() function

by

Interpolate:

body
    height: calc(100% - #{$body_padding})

For this case, border-box would also suffice:

body
    box-sizing: border-box
    height: 100%
    padding-top: $body_padding

More Related Contents:

  1. CSS for button with right triangle at lower right [closed]
  2. Import regular CSS file in SCSS file?
  3. How do I use /deep/ or >>> or ::v-deep in Vue.js?
  4. How do I debug CSS calc() value?
  5. Disable LESS-CSS Overwriting calc() [duplicate]
  6. How to dynamically generate a list of classes with commas separating them?
  7. SASS: randomly pick background-image from a list
  8. Is there a SASS.js? Something like LESS.js?
  9. Can I use variables for selectors?
  10. Extending selectors from within media queries with Sass
  11. What does an “&” before a pseudo element in CSS mean?
  12. How can one import only variables and mixins from Sass stylesheets?
  13. Proper SCSS Asset Structure in Rails
  14. How to compile or convert sass / scss to css with node-sass (no Ruby)?
  15. What does ‘&.’ in ‘&.sub-title’ indicates in scss?
  16. CSS-Only Sticky Table Headers In Chrome
  17. SCSS extend a nested selector and override the nested rulesets
  18. Sass negative variable value?
  19. Sass @each with multiple variables
  20. Why doesn’t min() (or max()) work with unitless 0?
  21. Rails 4: how do I use Sass Mappings?
  22. SASS – use variables across multiple files
  23. Sass @each variable interpolation [duplicate]
  24. Merging selectors from mixins
  25. how to change bootstrap version 4 button color
  26. Pass function or mixin by reference in SASS
  27. SASS for loop updating hsla lightness returns error $lightness: “96.77419” is not a number for `hsla’
  28. Creating CSS3 Circles connected by lines
  29. How to properly introduce a light/dark mode in Bootstrap?
  30. SASS CSS: Target Parent Class from Child

Leave a Comment