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

add button option

Browse Source
This commit is contained in:
piensaenpixel
2016-07-06 18:59:04 +02:00
parent aff9f0b7d3
commit 83b7093281
1 changed files with 36 additions and 3 deletions
Download Patch File Download Diff File Expand all files Collapse all files
src/scss/cdb-components/buttons.scss
+36 -3
View File
@@ -293,6 +293,14 @@ Layout Component:
<span class="CDB-Button-Text CDB-Text is-semibold CDB-Size-medium">SAVE</span> <span class="CDB-Button-Text CDB-Text is-semibold CDB-Size-medium">SAVE</span>
</button> </button>
<button class="CDB-Button CDB-Button--secondary CDB-Button--white">
<span class="CDB-Button-Text CDB-Text is-semibold CDB-Size-medium">SAVE</span>
</button>
<button class="CDB-Button CDB-Button--secondary CDB-Button--white is-disabled">
<span class="CDB-Button-Text CDB-Text is-semibold CDB-Size-medium">SAVE</span>
</button>
<button class="CDB-Button CDB-Button--secondary is-disabled"> <button class="CDB-Button CDB-Button--secondary is-disabled">
<span class="CDB-Button-Text CDB-Text is-semibold CDB-Size-medium">SAVE</span> <span class="CDB-Button-Text CDB-Text is-semibold CDB-Size-medium">SAVE</span>
</button> </button>
@@ -310,7 +318,7 @@ Layout Component:
*/ */
.CDB-Button--secondary{ .CDB-Button--secondary {
border: 1px solid $cBlue; border: 1px solid $cBlue;
color: $cBlue; color: $cBlue;
@@ -324,10 +332,35 @@ Layout Component:
&.is-disabled { &.is-disabled {
&:hover { &:hover {
background: $cWhite; background: transparent;
} }
&:active { &:active {
background: $cWhite; background: transparent;
}
}
}
.CDB-Button--white {
border: 1px solid $cWhite;
color: $cWhite;
&:hover {
background: rgba($cWhite, 0.08);
}
&:active {
background: rgba($cMainBg, 0.08);
color: $cWhite;
}
&.is-disabled {
@include opacity(0.24);
&:hover {
background: transparent;
}
&:active {
background: transparent;
color: $cWhite;
} }
} }
} }