vue.js v-cloak spinner with pure css (but scss in code)

the scss

Notice the nested divĀ  & > div {

Now the HTML:

 

sass spacing helper – margin and padding

The above structure will generate the following classes:

Example usage:

 

SASS and LESS mixin for transitions

Better than pure CSS ist, to write LESS or SASS/SCSS.

Here are some mixins …

SCSS:

LESS: