generated from nhcarrigan/template
27 lines
679 B
Plaintext
27 lines
679 B
Plaintext
|
|
||
|
|
// Progress
|
||
|
|
// -------------------
|
||
|
|
|
||
|
|
// The `progress` element is unstyled and defined by the OS.
|
||
|
|
// See https://css-tricks.com/html5-progress-element/ in case you want to customize it.
|
||
|
|
|
||
|
|
|
||
|
|
// Spinner -------------------
|
||
|
|
|
||
|
|
.loading-spinner-large { .loading-spinner(64px); }
|
||
|
|
.loading-spinner-medium { .loading-spinner(48px); }
|
||
|
|
.loading-spinner-small { .loading-spinner(32px); }
|
||
|
|
.loading-spinner-tiny { .loading-spinner(16px); }
|
||
|
|
|
||
|
|
.loading-spinner(@size) {
|
||
|
|
display: block;
|
||
|
|
width: @size;
|
||
|
|
height: @size;
|
||
|
|
background-image: url(images/octocat-spinner-128.gif);
|
||
|
|
background-repeat: no-repeat;
|
||
|
|
background-size: @size @size;
|
||
|
|
&.inline-block {
|
||
|
|
display: inline-block;
|
||
|
|
}
|
||
|
|
}
|