Is there a way to import variables from javascript to sass or vice versa?

by

If you use webpack you can use sass-loader to exportvariables like:

$animation-length-ms: $animation-length + 0ms;

:export {
  animationMillis: $animation-length-ms;
}

and import them like

import styles from '../styles/animation.scss'    
const millis = parseInt(styles.animationMillis)

https://blog.bluematador.com/posts/how-to-share-variables-between-js-and-sass/

More Related Contents:

  1. Change text color based on brightness of the covered background area?
  2. required field notification using jquery
  3. CSS or jQuery : How to get visible top [duplicate]
  4. How to create a translucent in React Native?
  5. Write tags in HTML and print
  6. How to disable HTML links
  7. Cross-browser multi-line text overflow with ellipsis appended within a fixed width and height
  8. Refresh/reload the content in Div using jquery/ajax
  9. How to prevent Unicode characters from rendering as emoji in HTML from JavaScript?
  10. How to transform black into any given color using only CSS filters
  11. Animate element to auto height with jQuery
  12. What is difference between width, innerWidth and outerWidth, height, innerHeight and outerHeight in jQuery
  13. How do I clear the content of a div using JavaScript? [closed]
  14. Setting vendor-prefixed CSS using javascript
  15. How to get nth-child selector to skip hidden divs [duplicate]
  16. Does .css() automatically add vendor prefixes?
  17. Force browser to trigger reflow while changing CSS
  18. How to auto-scroll to end of div when data is added? [duplicate]
  19. How to reorder divs using flex box?
  20. CSS height 100% percent not working [duplicate]
  21. CSS Animation onClick
  22. How to make changeable themes using CSS and JavaScript
  23. Flex items not shrinking when window gets smaller [duplicate]
  24. Check if element is between 30% and 60% of the viewport
  25. How to vertically align all text in CSS?
  26. Add a transform value to the current transforms that are already on the element?
  27. DIV Vertical Scroll bar on left
  28. How do I detect the inherited background-color of an element using jQuery/JS?
  29. CSS /JS to prevent dragging of ghost image?
  30. How to get CSS class property in Javascript?

Leave a Comment