Color bar component: minor fixes

This commit is contained in:
María Checa 2016-02-23 10:51:27 +01:00
parent a2b2fd5581
commit 33608a1197
2 changed files with 11 additions and 11 deletions

View File

@ -111,4 +111,4 @@
.CDB-ColorBar.CDB-ColorBar--spaceSmall:last-child { .CDB-ColorBar.CDB-ColorBar--spaceSmall:last-child {
margin-right: 0; margin-right: 0;
border-radius: 3px 6px 6px 3px; border-radius: 3px 6px 6px 3px;
} }

View File

@ -53,12 +53,12 @@
<button type="button" class="CDB-OptionInput"> <button type="button" class="CDB-OptionInput">
<div class="CDB-OptionInput-container"> <div class="CDB-OptionInput-container">
<ul class="CDB-ColorBarContainer"> <ul class="CDB-ColorBarContainer">
<li class="CDB-ColorBar u-rSpace" style="background-color: #9DE0AD;"></li> <li class="CDB-ColorBar CDB-ColorBar--spaceSmall" style="background-color: #9DE0AD;"></li>
<li class="CDB-ColorBar u-rSpace" style="background-color: #50E3C2;"></li> <li class="CDB-ColorBar CDB-ColorBar--spaceSmall" style="background-color: #50E3C2;"></li>
<li class="CDB-ColorBar u-rSpace" style="background-color: #FFFFC0;"></li> <li class="CDB-ColorBar CDB-ColorBar--spaceSmall" style="background-color: #FFFFC0;"></li>
<li class="CDB-ColorBar u-rSpace" style="background-color: #7ED321;"></li> <li class="CDB-ColorBar CDB-ColorBar--spaceSmall" style="background-color: #7ED321;"></li>
<li class="CDB-ColorBar u-rSpace" style="background-color: #BD10E0;"></li> <li class="CDB-ColorBar CDB-ColorBar--spaceSmall" style="background-color: #BD10E0;"></li>
<li class="CDB-ColorBar u-rSpace" style="background-color: #F15743;"></li> <li class="CDB-ColorBar CDB-ColorBar--spaceSmall" style="background-color: #F15743;"></li>
</ul> </ul>
</div> </div>
</button> </button>
@ -69,10 +69,10 @@
<button type="button" class="CDB-OptionInput"> <button type="button" class="CDB-OptionInput">
<div class="CDB-OptionInput-container"> <div class="CDB-OptionInput-container">
<ul class="CDB-ColorBarContainer"> <ul class="CDB-ColorBarContainer">
<li class="CDB-ColorBar CDB-ColorBar--compacted" style="background-color: #9DE0AD;"></li> <li class="CDB-ColorBar CDB-ColorBar--spaceless" style="background-color: #9DE0AD;"></li>
<li class="CDB-ColorBar CDB-ColorBar--compacted" style="background-color: #50E3C2;"></li> <li class="CDB-ColorBar CDB-ColorBar--spaceless" style="background-color: #50E3C2;"></li>
<li class="CDB-ColorBar CDB-ColorBar--compacted" style="background-color: #FFFFC0;"></li> <li class="CDB-ColorBar CDB-ColorBar--spaceless" style="background-color: #FFFFC0;"></li>
<li class="CDB-ColorBar CDB-ColorBar--compacted" style="background-color: #7ED321;"></li> <li class="CDB-ColorBar CDB-ColorBar--spaceless" style="background-color: #7ED321;"></li>
</ul> </ul>
</div> </div>
</button> </button>