Change .c-select to .custom-select
This commit is contained in:
parent
42a50e7d2c
commit
8d66b9956c
|
@ -694,10 +694,10 @@ Custom checkboxes and radios are inline to start. Add a parent with class `.cust
|
||||||
|
|
||||||
### Select menu
|
### Select menu
|
||||||
|
|
||||||
Custom `<select>` menus need only a custom class, `.c-select` to trigger the custom styles.
|
Custom `<select>` menus need only a custom class, `.custom-select` to trigger the custom styles.
|
||||||
|
|
||||||
{% example html %}
|
{% example html %}
|
||||||
<select class="c-select">
|
<select class="custom-select">
|
||||||
<option selected>Open this select menu</option>
|
<option selected>Open this select menu</option>
|
||||||
<option value="1">One</option>
|
<option value="1">One</option>
|
||||||
<option value="2">Two</option>
|
<option value="2">Two</option>
|
||||||
|
|
|
@ -140,7 +140,7 @@
|
||||||
//
|
//
|
||||||
// Includes IE9-specific hacks (noted by ` \9`).
|
// Includes IE9-specific hacks (noted by ` \9`).
|
||||||
|
|
||||||
.c-select {
|
.custom-select {
|
||||||
display: inline-block;
|
display: inline-block;
|
||||||
max-width: 100%;
|
max-width: 100%;
|
||||||
padding: .375rem 1.75rem .375rem .75rem;
|
padding: .375rem 1.75rem .375rem .75rem;
|
||||||
|
@ -167,7 +167,7 @@
|
||||||
}
|
}
|
||||||
}
|
}
|
||||||
|
|
||||||
.c-select-sm {
|
.custom-select-sm {
|
||||||
padding-top: 3px;
|
padding-top: 3px;
|
||||||
padding-bottom: 3px;
|
padding-bottom: 3px;
|
||||||
font-size: 12px;
|
font-size: 12px;
|
||||||
|
|
Loading…
Reference in New Issue