Summary Files Commits Branches @commit @diff @stats
path: root / dist / spectre.css
diff options
context:
space:
mode:
Commit2d14ca9bf37dc800f519490a74fc7939d346aaea (patch)
Author
 Yan Zhu <picturepan2@hotmail.com>
2016-04-13 15:47:18 +0800
Committer
 Yan Zhu <picturepan2@hotmail.com>
2016-04-13 15:47:18 +0800
Filesee2c30e3801790af40a71643cbc8595b8e40bf69 /dist/spectre.css
Spectre-Dark-Gruvbox-2d14ca9bf37dc800f519490a74fc7939d346aaea.tar
Spectre-Dark-Gruvbox-2d14ca9bf37dc800f519490a74fc7939d346aaea.tar.gz
Spectre-Dark-Gruvbox-2d14ca9bf37dc800f519490a74fc7939d346aaea.zip
Parentc2b83c4adf9bc003fc98c1f6be12daa95e400203 (diff)
update .form-select control (base64 image via Bootstrap)
1 files changed, 10 insertions, 9 deletions
-rw-r--r--dist/spectre.css19
diff --git a/dist/spectre.css b/dist/spectre.css
index 4019e83..3c576a5 100644
--- a/dist/spectre.css
+++ b/dist/spectre.css
@@ -887,7 +887,7 @@ pre code {
color: #333;
font-size: 1.4rem;
line-height: 1.6rem;
- padding: .7rem .8rem;
+ padding: .5rem .8rem;
-webkit-appearance: none;
outline: 0;
}
@@ -895,22 +895,18 @@ pre code {
border-color: #5764c6;
}
.form-input[disabled] {
- opacity: .75;
background-color: #eeeff2;
- pointer-events: none;
}
.form-input.input-sm {
height: 2.4rem;
border-radius: .2rem;
font-size: 1.2rem;
- line-height: 1.4rem;
padding: .4rem .6rem;
}
.form-input.input-lg {
height: 4.2rem;
border-radius: .4rem;
font-size: 1.6rem;
- line-height: 2rem;
padding: 1rem 1.2rem;
}
.form-input.input-inline {
@@ -919,6 +915,7 @@ pre code {
}
textarea.form-input {
height: auto;
+ line-height: 2rem;
}
.has-success .form-input,
.form-input.is-success {
@@ -933,15 +930,20 @@ textarea.form-input {
margin-bottom: .5rem;
line-height: 1.6rem;
}
+.form-select {
+ -webkit-appearance: none;
+ -moz-appearance: none;
+ appearance: none;
+}
.form-select:not([multiple]) {
height: 3.2rem;
- background-color: #fff;
font-size: 1.4rem;
- line-height: 1.6rem;
- padding: .7rem .8rem;
+ vertical-align: middle;
+ padding: .5rem 2.4rem .5rem .8rem;
border: 0.1rem solid #c5c5c5;
border-radius: .3rem;
outline: 0;
+ background: #fff url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABAAAAAUCAMAAACzvE1FAAAADFBMVEUzMzMzMzMzMzMzMzMKAG/3AAAAA3RSTlMAf4C/aSLHAAAAPElEQVR42q3NMQ4AIAgEQTn//2cLdRKppSGzBYwzVXvznNWs8C58CiussPJj8h6NwgorrKRdTvuV9v16Afn0AYFOB7aYAAAAAElFTkSuQmCC) no-repeat right 0.75rem center / 0.8rem 1rem;
}
.form-select:focus {
border-color: #5764c6;
@@ -950,7 +952,6 @@ textarea.form-input {
height: 2.4rem;
border-radius: .2rem;
font-size: 1.2rem;
- line-height: 1.4rem;
padding: .4rem .6rem;
}
.form-checkbox input,