cartodb/CartoAssets
1
0
Fork 0
Code Issues Pull Requests Packages Projects Releases Wiki Activity

Merge pull request #151 from CartoDB/add-blue-loader

Browse Source 
add blue loader
This commit is contained in:
piensaenpixel 2016-10-14 12:09:27 +02:00 committed by GitHub
commit ebc1e5b423
1 changed files with 9 additions and 0 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

9
src/scss/cdb-components/loader.scss
View File

@ -47,6 +47,12 @@ This is the generic loader for widgets, maps, components, ...
``` ```
<div style="padding: 20px;"> <div style="padding: 20px;">
<div class="CDB-LoaderIcon is-blue">
<svg class="CDB-LoaderIcon-spinner" viewBox="0 0 50 50">
<circle class="CDB-LoaderIcon-path" cx="25" cy="25" r="20" fill="none"></circle>
</svg>
</div>
<div class="CDB-LoaderIcon is-dark"> <div class="CDB-LoaderIcon is-dark">
<svg class="CDB-LoaderIcon-spinner" viewBox="0 0 50 50"> <svg class="CDB-LoaderIcon-spinner" viewBox="0 0 50 50">
<circle class="CDB-LoaderIcon-path" cx="25" cy="25" r="20" fill="none"></circle> <circle class="CDB-LoaderIcon-path" cx="25" cy="25" r="20" fill="none"></circle>
@ -131,6 +137,9 @@ This is the generic loader for widgets, maps, components, ...
.CDB-LoaderIcon.is-dark .CDB-LoaderIcon-path { .CDB-LoaderIcon.is-dark .CDB-LoaderIcon-path {
stroke: rgba(0, 0, 0, 0.24); stroke: rgba(0, 0, 0, 0.24);
} }
.CDB-LoaderIcon.is-blue .CDB-LoaderIcon-path {
stroke: $cBlue;
}
@keyframes rotate { @keyframes rotate {
100% { 100% {