Last active
February 20, 2017 09:08
-
-
Save diewland/05ce4c0e9bfba43bac381991d132110a to your computer and use it in GitHub Desktop.
Fixed some elements css of bulma.io
This file contains hidden or bidirectional Unicode text that may be interpreted or compiled differently than what appears below. To review, open the file in an editor that reveals hidden Unicode characters.
Learn more about bidirectional Unicode characters
/* | |
--- combobox with icon --- | |
<div class="control has-icon"> | |
<div class="select is-fullwidth"> | |
<select name='my_cbb'> | |
<option value='1'>value 1</option> | |
<option value='2'>value 2</option> | |
<option value='3'>value 3</option> | |
</select> | |
</div> | |
<i class="fa fa-users"></i> | |
</div> | |
*/ | |
.control.has-icon .select select { | |
padding-left: 31px; | |
} | |
/* | |
--- horizontal radio with textbox --- | |
<div class="control is-horizontal"> | |
<div class="control-label"> | |
<label class="label">Radio with options</label> | |
</div> | |
<div class="control"> | |
<label class="radio"> | |
<input type="radio" name="question"> | |
Apple | |
</label> | |
<label class="radio"> | |
<input type="radio" name="question"> | |
Banana | |
</label> | |
<label class="radio"> | |
<input type="radio" name="question"> | |
Other <input type='text' /> | |
</label> | |
</div> | |
</div> | |
*/ | |
.is-horizontal.control .control-label .radio { | |
line-height: 12px; | |
} | |
.is-horizontal.control .control .radio { | |
line-height: 27px; | |
} | |
/* | |
--- under has-addons class, combobox does not expand --- | |
*/ | |
.control.has-addons .select.is-expanded select { | |
width: 100%; | |
} |
Sign up for free
to join this conversation on GitHub.
Already have an account?
Sign in to comment