mirror/mini-css
1
0
Fork 0
mirror of https://github.com/Chalarangelo/mini.css.git synced 2025-09-03 10:53:23 +02:00
Code Issues Releases Wiki Activity

🐛 fix - Resolved #107

Browse Source 
Fixes problems with checkbox and radio elements.
This commit is contained in:
Angelos Chalaris
2017-10-23 14:02:44 +03:00
parent 532608e16e
commit 10b70885d9
24 changed files with 125 additions and 56 deletions
Download Patch File Download Diff File Expand all files Collapse all files

26
dist/mini-dark.css vendored
View File

@@ -3,7 +3,7 @@
Flavor name: Dark (mini-dark)
Author: Angelos Chalaris (chalarangelo@gmail.com)
Maintainers: Angelos Chalaris
mini.css version: v2.3.6
mini.css version: v2.3.7
*/
/*
Browsers resets and base typography.
@@ -812,7 +812,7 @@ input:not([type="button"]):not([type="submit"]):not([type="reset"])[readonly], t
border-color: #20292e;
}
select:not([multiple]) {
select:not([multiple]):not([size]) {
padding-right: 1.5rem;
background: url('data:image/svg+xml, <svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 1 1.5"><path fill="%23d0d0d0" d="M.25.75h.5L.5 1"/></svg>') no-repeat right;
background-color: #39444a;
@@ -821,10 +821,19 @@ select:not([multiple]) {
appearance: none;
}
select:not([multiple])[readonly] {
select:not([multiple]):not([size])[readonly] {
background-color: #263238;
}
select {
max-width: 100%;
}
option {
overflow: hidden;
text-overflow: ellipsis;
}
::-webkit-input-placeholder {
opacity: 1;
color: #757575;
@@ -951,6 +960,7 @@ input[type="file"] {
.input-group [type="checkbox"] + label, .input-group [type="radio"] + label {
position: relative;
display: inline-block;
margin-left: 1.25rem;
cursor: pointer;
}
@@ -958,7 +968,7 @@ input[type="file"] {
.input-group [type="checkbox"] + label:before, .input-group [type="radio"] + label:before {
display: inline-block;
position: absolute;
bottom: 0.375rem;
top: 0.375rem;
left: 0;
width: 1rem;
height: 1rem;
@@ -998,14 +1008,14 @@ input[type="file"] {
background: #d0d0d0;
content: '';
margin-left: -1.25rem;
bottom: 0.625rem;
top: 0.625rem;
left: 0.25rem;
width: 0.625rem;
height: 0.625rem;
}
.input-group [type="checkbox"] + label.switch:before, .input-group [type="radio"] + label.switch:before {
bottom: 0.5rem;
top: 0.5rem;
width: 1.75rem;
height: 0.875rem;
border: 0;
@@ -1023,7 +1033,7 @@ input[type="file"] {
height: 1.25rem;
background: #39444a;
border-radius: 100%;
bottom: 0.3125rem;
top: 0.3125rem;
margin-left: -3rem;
transition: left 0.3s;
}
@@ -1036,7 +1046,7 @@ input[type="file"] {
left: 1.75rem;
width: 1.25rem;
height: 1.25rem;
bottom: 0.3125rem;
top: 0.3125rem;
margin-left: -3rem;
background: #0277bd;
}