How to scale MDL spinner?

Question

It there any way to scale MDL spinner? I tried to change it's widht and height properties, but it becomes thiner. Take a look:

CSS

width: 150px; 
height: 150px

Result

Answer 1

Found it.

You need to set new properties.

CSS

.mdl-spinner {
  width: 28px;
  height: 28px;
}

.mdl-spinner__circle {
  border-width: 3px;
}

And change them in proportion 28/3. Let's say, if you want to make it 3 times bigger, your code will look like:

CSS

.mdl-spinner {
  width: 84px;
  height: 84px;
}

.mdl-spinner__circle {
  border-width: 9px;
}

Be careful! It does affect on your FPS if scaled more than in 10 times.