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

Input option component: flexbox fixed

Browse Source
This commit is contained in:
María Checa 2016-02-22 12:46:12 +01:00
parent ff89163f58
commit 9e0a1d463e
1 changed files with 4 additions and 4 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

8
src/scss/cdb-components/forms/option_input.scss
View File

@ -14,7 +14,7 @@
<li class="CDB-OptionInput-option"> <li class="CDB-OptionInput-option">
<span class="CDB-OptionInput-optionContent">solid</span> <span class="CDB-OptionInput-optionContent">solid</span>
</li> </li>
<li class="CDB-OptionInput-option"> <li class="CDB-OptionInput-option">
<ul class="CDB-ColorBarContainer CDB-OptionInput-optionContent"> <ul class="CDB-ColorBarContainer CDB-OptionInput-optionContent">
<li class="CDB-ColorBar" style="background-color: #207EBA;"></li> <li class="CDB-ColorBar" style="background-color: #207EBA;"></li>
@ -68,8 +68,6 @@
@import '../../cdb-utilities/mixins'; @import '../../cdb-utilities/mixins';
.CDB-OptionInput { .CDB-OptionInput {
@include display-flex();
@include align-content(center);
width: $baseSize * 20; width: $baseSize * 20;
height: $baseSize * 4; height: $baseSize * 4;
border: 1px solid $cMainLine; border: 1px solid $cMainLine;
@ -89,14 +87,16 @@
} }
.CDB-OptionInput-container { .CDB-OptionInput-container {
@include display-flex(); @include display-flex();
@include align-items(center);
@include align-content(center); @include align-content(center);
@include align-items(center);
margin: 0 $baseSize; margin: 0 $baseSize;
} }
.CDB-OptionInput-option { .CDB-OptionInput-option {
@include display-flex(); @include display-flex();
@include align-items(center); @include align-items(center);
@include align-content(center); @include align-content(center);
width: 100%;
height: 100%;
color: $cMainBg; color: $cMainBg;
font-size: $sFontSize-medium; font-size: $sFontSize-medium;
box-sizing: content-box; box-sizing: content-box;