It makes css work way easier and faster. You have to have ruby on rails installed and the sass gem installed.
First install sass with this command (you only need to do it once)
gem install sass
Type in CLI first navigate to correct director with cd
sass --watch .
to compile .scss into .css
Below is to install the bourbon library for css
gem install bourbon
scss advanced code
@mixin box($size, $color, $display: block) { width: $size; height: $size; background: $color; display: $display; } a { @include box($size: 10px, $color: blue); } // for the list don't forget ... example below members... for a list /w out is static @mixin band($name, $members...) { @each $member in $members { .#{$name}.#{$member} { background: url("images/#{$name}/#{$member}.jpg"); } } } div { margin: 0px 0 0 10px; } @include band(radiohead,thom, jonny, colin, phil); @include band(nin, cuties);
It compiles into .css:
a { width: 10px; height: 10px; background: blue; display: block; } div { margin: 0px 0 0 10px; } .radiohead.thom { background: url("images/radiohead/thom.jpg"); } .radiohead.jonny { background: url("images/radiohead/jonny.jpg"); } .radiohead.colin { background: url("images/radiohead/colin.jpg"); } .radiohead.phil { background: url("images/radiohead/phil.jpg"); } .nin.cuties { background: url("images/nin/cuties.jpg"); }
Monitored by Tinder The inner workings of the Tinder algorithm remain shrouded in secrecy, known…
Use fav19073 30% OFF Shop Now I recently had a fantastic buying experience on Temu,…
Unlocking Affordable Streaming: How Gamsgo.com is Revolutionizing Netflix Subscriptions Sign Up Save1 coupon code for…
Planting your own vegetables and fruit is a great way to save money and eat…
While AI has the potential to automate many tasks, there are still some jobs that…