how to watch changes in whole directory/folder containing many sass files

by

Simply use the command sass --watch <input folder>:<output folder>, like this:

$ ls -l
css/ sass/
$ sass --watch sass:css

Where <input folder> contains the Sass files and <output folder> that hosts the generated CSS files.

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. Sass Variable in CSS calc() function
  5. How to dynamically generate a list of classes with commas separating them?
  6. SASS: randomly pick background-image from a list
  7. Is there a SASS.js? Something like LESS.js?
  8. Can I use variables for selectors?
  9. Extending selectors from within media queries with Sass
  10. What does an “&” before a pseudo element in CSS mean?
  11. @import in @if statement in Sass
  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. Rails 4: how do I use Sass Mappings?
  21. SASS – use variables across multiple files
  22. Sass @each variable interpolation [duplicate]
  23. Merging selectors from mixins
  24. Does LESS have an “extend” feature?
  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. Using @font-face with Rails 3.1 app?
  29. How to combine and use multiple Next.js plugins
  30. SASS CSS: Target Parent Class from Child

Leave a Comment