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

Cleanup _buttons.scss

Browse Source
This commit is contained in:
rubenmoya 2017-11-20 11:30:30 +01:00
parent e126810b21
commit 3d4c8a77ff
1 changed files with 15 additions and 30 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

45
src/scss/cdb-components/_buttons.scss
View File

@ -171,26 +171,28 @@ Layout Component:
.CDB-Button-Text { .CDB-Button-Text {
display: block; display: block;
} }
&.is-disabled { &.is-disabled {
cursor: default;
opacity: 0.24; opacity: 0.24;
cursor: default;
} }
} }
.CDB-Button--loading { .CDB-Button--loading {
.CDB-Button-loader { .CDB-Button-loader {
position: absolute; position: absolute;
z-index: 10;
top: 50%; top: 50%;
left: 50%; left: 50%;
transform: translate(-50%, -50%) scale(0); transform: translate(-50%, -50%) scale(0);
transform-origin: 50%; transform-origin: 50%;
opacity: 0; opacity: 0;
z-index: 10;
} }
.CDB-Button-Text { .CDB-Button-Text {
@include transition(all 600ms); @include transition(all 600ms);
} }
&.is-loading { &.is-loading {
cursor: default; cursor: default;
@ -199,6 +201,7 @@ Layout Component:
animation-duration: 600ms; animation-duration: 600ms;
animation-fill-mode: forwards; animation-fill-mode: forwards;
} }
.CDB-Button-Text { .CDB-Button-Text {
opacity: 0; opacity: 0;
} }
@ -240,18 +243,14 @@ Layout Component:
} }
&.is-loading { &.is-loading {
&:hover { &:hover,
background: $cBlue;
}
&:active { &:active {
background: $cBlue; background: $cBlue;
} }
} }
&.is-disabled { &.is-disabled {
&:hover { &:hover,
background: $cBlue;
}
&:active { &:active {
background: $cBlue; background: $cBlue;
} }
@ -268,9 +267,7 @@ Layout Component:
} }
&.is-disabled { &.is-disabled {
&:hover { &:hover,
background: $cAlert;
}
&:active { &:active {
background: $cAlert; background: $cAlert;
} }
@ -289,9 +286,7 @@ Layout Component:
} }
&.is-disabled { &.is-disabled {
&:hover { &:hover,
background: $cError;
}
&:active { &:active {
background: $cError; background: $cError;
} }
@ -431,24 +426,18 @@ Layout Component:
&.is-loading { &.is-loading {
cursor: default; cursor: default;
&:hover { &:hover,
background: none;
color: $cBlue;
}
&:active { &:active {
background: none; background: none;
color: $cBlue; color: $cBlue;
} }
} }
&--background {
background-color: $cWhite;
}
} }
.CDB-Button--secondary--background {
background-color: $cWhite;
}
.CDB-Button--white { .CDB-Button--white {
box-shadow: inset 0 0 0 1px $cWhite; box-shadow: inset 0 0 0 1px $cWhite;
color: $cWhite; color: $cWhite;
@ -480,14 +469,10 @@ Layout Component:
&.is-loading { &.is-loading {
cursor: default; cursor: default;
&:hover { &:hover,
background: none;
color: $cWhite;
}
&:active { &:active {
background: none; background: none;
color: $cWhite; color: $cWhite;
} }
} }
} }