mirror/mini-css
1
0
Fork 0
mirror of https://github.com/Chalarangelo/mini.css.git synced 2025-09-02 18:33:07 +02:00
Code Issues Releases Wiki Activity

Updated select styling

Browse Source 
Cleanup in the code, making it take up less space, added condition to disable.
This commit is contained in:
Angelos Chalaris
2017-06-29 14:54:31 +03:00
parent 6b673fd528
commit 449862dc26
21 changed files with 111 additions and 113 deletions
Download Patch File Download Diff File Expand all files Collapse all files

31
dist/mini-dark.css vendored
View File

@@ -3,10 +3,10 @@
Flavor name: Dark (mini-dark)
Author: Angelos Chalaris (chalarangelo@gmail.com)
Maintainers: Angelos Chalaris
mini.css version: v2.3.1
mini.css version: v2.3.2
*/
/*
Browsers resets and base typography.
Browsers resets and base typography.
*/
html {
font-size: 16px;
@@ -206,7 +206,7 @@ figcaption {
}
/*
Definitions for the grid system.
Definitions for the grid system.
*/
.container {
margin: 0 auto;
@@ -679,7 +679,7 @@ figcaption {
}
/*
Definitions for forms and input elements.
Definitions for forms and input elements.
*/
form {
background: #1c2529;
@@ -814,16 +814,15 @@ input:not([type="button"]):not([type="submit"]):not([type="reset"])[readonly], t
select {
padding-right: 1.5rem;
background-image: 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>'), url('data:image/svg+xml, <svg xmlns="http://www.w3.org/2000/svg" style="background:%2339444a"/>');
background-position: right, left;
background-repeat: no-repeat, repeat;
-moz-appearance: none;
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;
-webkit-appearance: none;
-moz-appearance: none;
appearance: none;
}
select[readonly] {
background-image: 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>'), url('data:image/svg+xml, <svg xmlns="http://www.w3.org/2000/svg" style="background:%23263238"/>');
background-color: #263238;
}
::-webkit-input-placeholder {
@@ -1106,7 +1105,7 @@ button.large, [type="button"].large, [type="submit"].large,
}
/*
Definitions for navigation elements.
Definitions for navigation elements.
*/
header {
display: block;
@@ -1293,7 +1292,7 @@ footer.sticky {
}
/*
Definitions for the responsive table component.
Definitions for the responsive table component.
*/
table {
border-collapse: separate;
@@ -1613,7 +1612,7 @@ table.striped tr:nth-of-type(2n) > td {
}
/*
Definitions for cards and containers.
Definitions for cards and containers.
*/
.card {
display: -webkit-box;
@@ -1723,7 +1722,7 @@ table.striped tr:nth-of-type(2n) > td {
}
/*
Definitions for tabs/horizontal accordions.
Definitions for tabs/horizontal accordions.
*/
.tabs {
width: 100%;
@@ -1867,7 +1866,7 @@ table.striped tr:nth-of-type(2n) > td {
}
}
/*
/*
Definitions for contextual background elements, toasts and tooltips.
*/
mark {
@@ -2030,7 +2029,7 @@ mark.inline-block {
padding: 1.125rem 2.25rem;
}
/*
/*
Definitions for progress elements and spinners.
*/
progress {
@@ -2151,7 +2150,7 @@ progress.tertiary::-moz-progress-bar {
height: 2rem;
}
/*
/*
Definitions for utilities and helper classes.
*/
.hidden {

2
dist/mini-dark.min.css vendored
View File

File diff suppressed because one or more lines are too long

31
dist/mini-default.css vendored
View File

@@ -3,10 +3,10 @@
Flavor name: Default (mini-default)
Author: Angelos Chalaris (chalarangelo@gmail.com)
Maintainers: Angelos Chalaris
mini.css version: v2.3.1
mini.css version: v2.3.2
*/
/*
Browsers resets and base typography.
Browsers resets and base typography.
*/
html {
font-size: 16px;
@@ -207,7 +207,7 @@ figcaption {
}
/*
Definitions for the grid system.
Definitions for the grid system.
*/
.container {
margin: 0 auto;
@@ -680,7 +680,7 @@ figcaption {
}
/*
Definitions for forms and input elements.
Definitions for forms and input elements.
*/
form {
background: #eeeeee;
@@ -813,16 +813,15 @@ input:not([type="button"]):not([type="submit"]):not([type="reset"])[readonly], t
select {
padding-right: 1.5rem;
background-image: url('data:image/svg+xml, <svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 1 1.5"><path fill="%23212121" d="M.25.75h.5L.5 1"/></svg>'), url('data:image/svg+xml, <svg xmlns="http://www.w3.org/2000/svg" style="background:%23fafafa"/>');
background-position: right, left;
background-repeat: no-repeat, repeat;
-moz-appearance: none;
background: url('data:image/svg+xml, <svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 1 1.5"><path fill="%23212121" d="M.25.75h.5L.5 1"/></svg>') no-repeat right;
background-color: #fafafa;
-webkit-appearance: none;
-moz-appearance: none;
appearance: none;
}
select[readonly] {
background-image: url('data:image/svg+xml, <svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 1 1.5"><path fill="%23212121" d="M.25.75h.5L.5 1"/></svg>'), url('data:image/svg+xml, <svg xmlns="http://www.w3.org/2000/svg" style="background:%23e5e5e5"/>');
background-color: #e5e5e5;
}
::-webkit-input-placeholder {
@@ -1105,7 +1104,7 @@ button.large, [type="button"].large, [type="submit"].large,
}
/*
Definitions for navigation elements.
Definitions for navigation elements.
*/
header {
display: block;
@@ -1292,7 +1291,7 @@ footer.sticky {
}
/*
Definitions for the responsive table component.
Definitions for the responsive table component.
*/
table {
border-collapse: separate;
@@ -1613,7 +1612,7 @@ table.striped tr:nth-of-type(2n) > td {
}
/*
Definitions for cards and containers.
Definitions for cards and containers.
*/
.card {
display: -webkit-box;
@@ -1723,7 +1722,7 @@ table.striped tr:nth-of-type(2n) > td {
}
/*
Definitions for tabs/horizontal accordions.
Definitions for tabs/horizontal accordions.
*/
.tabs {
width: 100%;
@@ -1868,7 +1867,7 @@ table.striped tr:nth-of-type(2n) > td {
}
}
/*
/*
Definitions for contextual background elements, toasts and tooltips.
*/
mark {
@@ -2031,7 +2030,7 @@ mark.inline-block {
padding: 1.125rem 2.25rem;
}
/*
/*
Definitions for progress elements and spinners.
*/
progress {
@@ -2152,7 +2151,7 @@ progress.tertiary::-moz-progress-bar {
height: 2rem;
}
/*
/*
Definitions for utilities and helper classes.
*/
.hidden {

2
dist/mini-default.min.css vendored
View File

File diff suppressed because one or more lines are too long

32
dist/mini-lite.css vendored
View File

@@ -3,7 +3,7 @@
Flavor name: Lite (mini-lite)
Author: Angelos Chalaris (chalarangelo@gmail.com)
Maintainers: Angelos Chalaris
mini.css version: v2.3.1
mini.css version: v2.3.2
*/
/*
Browsers resets and base typography.
@@ -205,7 +205,7 @@ figcaption {
}
/*
Definitions for the grid system.
Definitions for the grid system.
*/
.container {
margin: 0 auto;
@@ -678,7 +678,7 @@ figcaption {
}
/*
Definitions for forms and input elements.
Definitions for forms and input elements.
*/
form {
background: #eeeeee;
@@ -756,20 +756,6 @@ input:not([type="button"]):not([type="submit"]):not([type="reset"])[readonly], t
border-color: #c9c9c9;
}
select {
padding-right: 1.5rem;
background-image: url('data:image/svg+xml, <svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 1 1.5"><path fill="%23212121" d="M.25.75h.5L.5 1"/></svg>'), url('data:image/svg+xml, <svg xmlns="http://www.w3.org/2000/svg" style="background:%23fafafa"/>');
background-position: right, left;
background-repeat: no-repeat, repeat;
-moz-appearance: none;
-webkit-appearance: none;
appearance: none;
}
select[readonly] {
background-image: url('data:image/svg+xml, <svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 1 1.5"><path fill="%23212121" d="M.25.75h.5L.5 1"/></svg>'), url('data:image/svg+xml, <svg xmlns="http://www.w3.org/2000/svg" style="background:%23e5e5e5"/>');
}
::-webkit-input-placeholder {
opacity: 1;
color: #616161;
@@ -964,7 +950,7 @@ button.large, [type="button"].large, [type="submit"].large,
}
/*
Definitions for navigation elements.
Definitions for navigation elements.
*/
header {
display: block;
@@ -1038,7 +1024,7 @@ footer.sticky {
}
/*
Definitions for the responsive table component.
Definitions for the responsive table component.
*/
table {
border-collapse: separate;
@@ -1119,7 +1105,7 @@ table th:first-child, table td:first-child {
}
/*
Definitions for cards and containers.
Definitions for cards and containers.
*/
.card {
display: -webkit-box;
@@ -1186,7 +1172,7 @@ table th:first-child, table td:first-child {
}
/*
Definitions for contextual background elements, toasts and tooltips.
Definitions for contextual background elements, toasts and tooltips.
*/
mark {
background: #0277bd;
@@ -1224,7 +1210,7 @@ mark.inline-block {
}
/*
Definitions for progress elements and spinners.
Definitions for progress elements and spinners.
*/
progress {
display: block;
@@ -1300,7 +1286,7 @@ progress.tertiary::-moz-progress-bar {
}
/*
Definitions for utilities and helper classes.
Definitions for utilities and helper classes.
*/
.hidden {
display: none !important;

2
dist/mini-lite.min.css vendored
View File

File diff suppressed because one or more lines are too long

31
dist/mini-nord.css vendored
View File

@@ -3,10 +3,10 @@
Flavor name: Nord (mini-nord)
Author: tphecca (https://github.com/tphecca)
Maintainers: tphecca
mini.css version: v2.3.1
mini.css version: v2.3.2
*/
/*
Browsers resets and base typography.
Browsers resets and base typography.
*/
html {
font-size: 16px;
@@ -211,7 +211,7 @@ figcaption {
}
/*
Definitions for the grid system.
Definitions for the grid system.
*/
.container {
margin: 0 auto;
@@ -684,7 +684,7 @@ figcaption {
}
/*
Definitions for forms and input elements.
Definitions for forms and input elements.
*/
form {
border: 1px solid #D8DEE9;
@@ -822,16 +822,15 @@ input:not([type="button"]):not([type="submit"]):not([type="reset"])[readonly], t
select {
padding-right: 20px;
background-image: url('data:image/svg+xml, <svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 1 1.5"><path fill="%232E3440" d="M.25.75h.5L.5 1"/></svg>'), url('data:image/svg+xml, <svg xmlns="http://www.w3.org/2000/svg" style="background:%23E5E9F0"/>');
background-position: right, left;
background-repeat: no-repeat, repeat;
-moz-appearance: none;
background: url('data:image/svg+xml, <svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 1 1.5"><path fill="%232E3440" d="M.25.75h.5L.5 1"/></svg>') no-repeat right;
background-color: #E5E9F0;
-webkit-appearance: none;
-moz-appearance: none;
appearance: none;
}
select[readonly] {
background-image: url('data:image/svg+xml, <svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 1 1.5"><path fill="%232E3440" d="M.25.75h.5L.5 1"/></svg>'), url('data:image/svg+xml, <svg xmlns="http://www.w3.org/2000/svg" style="background:%23e0e0e0"/>');
background-color: #e0e0e0;
}
::-webkit-input-placeholder {
@@ -1122,7 +1121,7 @@ button.large, [type="button"].large, [type="submit"].large,
}
/*
Definitions for navigation elements.
Definitions for navigation elements.
*/
header {
display: block;
@@ -1312,7 +1311,7 @@ footer.sticky {
}
/*
Definitions for the responsive table component.
Definitions for the responsive table component.
*/
table {
border-collapse: separate;
@@ -1635,7 +1634,7 @@ table.striped tr:nth-of-type(2n) > td {
}
/*
Definitions for cards and containers.
Definitions for cards and containers.
*/
.card {
display: -webkit-box;
@@ -1741,7 +1740,7 @@ table.striped tr:nth-of-type(2n) > td {
}
/*
Definitions for tabs/horizontal accordions.
Definitions for tabs/horizontal accordions.
*/
.tabs {
width: 100%;
@@ -1887,7 +1886,7 @@ table.striped tr:nth-of-type(2n) > td {
}
}
/*
/*
Definitions for contextual background elements, toasts and tooltips.
*/
mark {
@@ -2052,7 +2051,7 @@ mark.inline-block {
padding: 18px 36px;
}
/*
/*
Definitions for progress elements and spinners.
*/
progress {
@@ -2174,7 +2173,7 @@ progress.tertiary::-moz-progress-bar {
height: 32px;
}
/*
/*
Definitions for utilities and helper classes.
*/
.hidden {

2
dist/mini-nord.min.css vendored
View File

File diff suppressed because one or more lines are too long

31
dist/mini-sucroa.css vendored
View File

@@ -3,11 +3,11 @@
Flavor name: Sucroa (mini-sucroa)
Author: Angeliki Daskalakis
Maintainers: Angeliki Daskalakis, Angelos Chalaris (chalarangelo@gmail.com)
mini.css version: v2.3.1
mini.css version: v2.3.2
*/
@import url("https://fonts.googleapis.com/css?family=Cousine:400,400i,700|Libre+Baskerville:400,400i,700&subset=latin-ext");
/*
Browsers resets and base typography.
Browsers resets and base typography.
*/
html {
font-size: 16px;
@@ -213,7 +213,7 @@ figcaption {
}
/*
Definitions for the grid system.
Definitions for the grid system.
*/
.container {
margin: 0 auto;
@@ -686,7 +686,7 @@ figcaption {
}
/*
Definitions for forms and input elements.
Definitions for forms and input elements.
*/
form {
background: #e8deff;
@@ -826,16 +826,15 @@ input:not([type="button"]):not([type="submit"]):not([type="reset"])[readonly], t
select {
padding-right: 20px;
background-image: url('data:image/svg+xml, <svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 1 1.5"><path fill="%23211423" d="M.25.75h.5L.5 1"/></svg>'), url('data:image/svg+xml, <svg xmlns="http://www.w3.org/2000/svg" style="background:%23f2edff"/>');
background-position: right, left;
background-repeat: no-repeat, repeat;
-moz-appearance: none;
background: url('data:image/svg+xml, <svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 1 1.5"><path fill="%23211423" d="M.25.75h.5L.5 1"/></svg>') no-repeat right;
background-color: #f2edff;
-webkit-appearance: none;
-moz-appearance: none;
appearance: none;
}
select[readonly] {
background-image: url('data:image/svg+xml, <svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 1 1.5"><path fill="%23211423" d="M.25.75h.5L.5 1"/></svg>'), url('data:image/svg+xml, <svg xmlns="http://www.w3.org/2000/svg" style="background:%23eae1ff"/>');
background-color: #eae1ff;
}
::-webkit-input-placeholder {
@@ -1093,7 +1092,7 @@ button.large, [type="button"].large, [type="submit"].large,
}
/*
Definitions for navigation elements.
Definitions for navigation elements.
*/
header {
display: block;
@@ -1267,7 +1266,7 @@ footer.sticky {
}
/*
Definitions for the responsive table component.
Definitions for the responsive table component.
*/
table {
border-collapse: separate;
@@ -1363,7 +1362,7 @@ table.striped tr:nth-of-type(2n) > td {
}
/*
Definitions for cards and containers.
Definitions for cards and containers.
*/
.card {
display: -webkit-box;
@@ -1475,7 +1474,7 @@ table.striped tr:nth-of-type(2n) > td {
}
/*
Definitions for tabs/horizontal accordions.
Definitions for tabs/horizontal accordions.
*/
.tabs {
width: 100%;
@@ -1664,7 +1663,7 @@ table.striped tr:nth-of-type(2n) > td {
}
}
/*
/*
Definitions for contextual background elements, toasts and tooltips.
*/
mark {
@@ -1792,7 +1791,7 @@ mark.inline-block {
padding: 18px 36px;
}
/*
/*
Definitions for progress elements and spinners.
*/
progress {
@@ -1914,7 +1913,7 @@ progress.tertiary::-moz-progress-bar {
height: 32px;
}
/*
/*
Definitions for utilities and helper classes.
*/
.hidden {

2
dist/mini-sucroa.min.css vendored
View File

File diff suppressed because one or more lines are too long