diff options
| author | Mark Otto <[email protected]> | 2015-08-18 19:26:21 -0700 |
|---|---|---|
| committer | Mark Otto <[email protected]> | 2015-08-18 19:26:21 -0700 |
| commit | c369409a54593a87e856250b4bb82e6446858c6a (patch) | |
| tree | 12ee94f49a577549a31e6d6c9f43493e85421ad4 /docs/dist/css/bootstrap.css | |
| parent | 58d1297fcb9f8686731757cc929f8e9ee4e93efb (diff) | |
| download | bootstrap-c369409a54593a87e856250b4bb82e6446858c6a.tar.xz bootstrap-c369409a54593a87e856250b4bb82e6446858c6a.zip | |
grunt
Diffstat (limited to 'docs/dist/css/bootstrap.css')
| -rw-r--r-- | docs/dist/css/bootstrap.css | 110 |
1 files changed, 24 insertions, 86 deletions
diff --git a/docs/dist/css/bootstrap.css b/docs/dist/css/bootstrap.css index 0485ed767..a74dec589 100644 --- a/docs/dist/css/bootstrap.css +++ b/docs/dist/css/bootstrap.css @@ -3430,105 +3430,43 @@ input[type="button"].btn-block { margin-left: 0; } -.select { - position: relative; +.c-select { display: inline-block; - color: #555; -} - -.select > select { - display: inline-block; - width: 100%; + max-width: 100%; -webkit-appearance: none; - padding: .5rem 2.25rem .5rem 1rem; - margin: 0; - line-height: 1.5; - color: #555; - cursor: pointer; - background-color: #eee; - border: 0; - border-radius: .25rem; - outline: 0; + padding: .375rem 1.75rem .375rem .75rem; + padding-right: .75rem \9; + vertical-align: middle; + background: #fff url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABAAAAAUCAMAAACzvE1FAAAADFBMVEUzMzMzMzMzMzMzMzMKAG/3AAAAA3RSTlMAf4C/aSLHAAAAPElEQVR42q3NMQ4AIAgEQTn//2cLdRKppSGzBYwzVXvznNWs8C58CiussPJj8h6NwgorrKRdTvuV9v16Afn0AYFOB7aYAAAAAElFTkSuQmCC) no-repeat right .75rem center; + background-image: none \9; + -webkit-background-size: 8px 10px; + background-size: 8px 10px; + border: 1px solid #ccc; -moz-appearance: none; appearance: none; } -.select > select:focus { - -webkit-box-shadow: 0 0 0 .075rem #fff, 0 0 0 .2rem #0074d9; - box-shadow: 0 0 0 .075rem #fff, 0 0 0 .2rem #0074d9; -} - -.select > select:focus:-moz-focusring { - color: transparent; - text-shadow: 0 0 0 #000; -} - -.select > select:active { - color: #fff; - background-color: #0074d9; -} - -.select > select::-ms-expand { - display: none; -} - -.select:after { - position: absolute; - top: 50%; - right: 1.25rem; - display: inline-block; - width: 0; - height: 0; - margin-top: -.15rem; - pointer-events: none; - content: ""; - border-top: .35rem solid; - border-right: .35rem solid transparent; - border-bottom: .35rem solid transparent; - border-left: .35rem solid transparent; +.c-select:focus { + border-color: #51a7e8; + outline: none; + -webkit-box-shadow: inset 0 1px 2px rgba(0, 0, 0, .075), 0 0 5px rgba(81, 167, 232, .5); + box-shadow: inset 0 1px 2px rgba(0, 0, 0, .075), 0 0 5px rgba(81, 167, 232, .5); } -.select select:hover { - background-color: #ddd; +.c-select::-ms-expand { + opacity: 0; } -@-moz-document url-prefix() { - .select select { - padding-right: 1rem; - text-indent: .01px; - text-overflow: ""; - } - .select option { - background-color: #fff; - } +.c-select-sm { + padding-top: 3px; + padding-bottom: 3px; + font-size: 12px; } -@media screen and (min-width: 0 \0) { - .select select { - z-index: 1; - padding: .5rem 1.5rem .5rem 1rem; - } - .select:after { - z-index: 5; - } - .select:before { - position: absolute; - top: 0; - right: 1rem; - bottom: 0; - z-index: 2; - display: block; - width: 1.5rem; - content: ""; - background-color: #eee; - } - .select select:focus, - .select select:active, - .select select:hover { - color: #555; - background-color: #eee; - } +.c-select-sm:not([multiple]) { + height: 26px; + min-height: 26px; } .file { |
