@anyblades/blades 3.0.0 → 3.1.0-alpha.2
This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
- package/README.md +79 -12
- package/css/blades.css +219 -419
- package/css/blades.min.css +41 -30
- package/css/pico.conditional.css +219 -419
- package/css/pico.conditional.min.css +41 -30
- package/css/pico.css +219 -419
- package/css/pico.layered.css +2990 -0
- package/css/pico.layered.min.css +118 -0
- package/css/pico.min.css +41 -30
- package/package.json +27 -7
- package/src/pico/_index.css +4 -4
- package/src/pico/_utilities.css +0 -21
- package/src/pico/_variables.css +76 -386
- package/src/pico/components/_accordion.css +82 -0
- package/src/pico/components/_card.css +45 -0
- package/src/pico/components/_dropdown.css +188 -0
- package/src/pico/components/_group.css +205 -0
- package/src/pico/components/_index.css +9 -0
- package/src/pico/components/_loading.css +40 -0
- package/src/pico/components/_modal.css +157 -0
- package/src/pico/components/_nav.css +114 -0
- package/src/pico/components/_progress.css +73 -0
- package/src/pico/components/_tooltip.css +173 -0
- package/src/pico/content/_button.css +205 -0
- package/src/pico/content/_code.css +61 -0
- package/src/pico/content/_embedded-content.css +37 -0
- package/src/pico/content/_figure.css +12 -0
- package/src/pico/content/_index.css +8 -0
- package/src/pico/content/_link.css +81 -0
- package/src/pico/content/_misc.css +19 -0
- package/src/pico/content/_table.css +30 -0
- package/src/pico/content/_typography.css +156 -0
- package/src/pico/forms/_basics.css +335 -0
- package/src/pico/forms/_checkbox-radio-switch.css +161 -0
- package/src/pico/forms/_index.css +7 -0
- package/src/pico/forms/_input-color.css +17 -0
- package/src/pico/forms/_input-datetime.css +54 -0
- package/src/pico/forms/_input-file.css +26 -0
- package/src/pico/forms/_input-range.css +118 -0
- package/src/pico/forms/_input-search.css +63 -0
- package/src/pico/layout/_container.css +39 -0
- package/src/pico/layout/_document.css +36 -0
- package/src/pico/layout/_grid.css +19 -0
- package/src/pico/layout/_index.css +6 -0
- package/src/pico/layout/_landmarks.css +17 -0
- package/src/pico/layout/_overflow-auto.css +6 -0
- package/src/pico/layout/_section.css +6 -0
- package/.github/ISSUE_TEMPLATE/bug_report.md +0 -25
- package/.github/ISSUE_TEMPLATE/config.yml +0 -8
- package/CODE_OF_CONDUCT.md +0 -92
- package/context7.json +0 -4
- package/css/postcss.config.js +0 -23
- package/index.html +0 -63
- package/src/pico/_components.css +0 -974
- package/src/pico/_content.css +0 -608
- package/src/pico/_forms.css +0 -747
- package/src/pico/_layout.css +0 -128
package/src/pico/_layout.css
DELETED
|
@@ -1,128 +0,0 @@
|
|
|
1
|
-
/**
|
|
2
|
-
* Document
|
|
3
|
-
* Content-box & Responsive typography
|
|
4
|
-
*/
|
|
5
|
-
*,
|
|
6
|
-
*::before,
|
|
7
|
-
*::after {
|
|
8
|
-
box-sizing: border-box;
|
|
9
|
-
background-repeat: no-repeat;
|
|
10
|
-
}
|
|
11
|
-
|
|
12
|
-
::before,
|
|
13
|
-
::after {
|
|
14
|
-
text-decoration: inherit;
|
|
15
|
-
vertical-align: inherit;
|
|
16
|
-
}
|
|
17
|
-
|
|
18
|
-
:where(:scope),
|
|
19
|
-
:where(:host) {
|
|
20
|
-
-webkit-tap-highlight-color: transparent;
|
|
21
|
-
-webkit-text-size-adjust: 100%;
|
|
22
|
-
-moz-text-size-adjust: 100%;
|
|
23
|
-
text-size-adjust: 100%;
|
|
24
|
-
background-color: var(--pico-background-color);
|
|
25
|
-
color: var(--pico-color);
|
|
26
|
-
font-weight: var(--pico-font-weight);
|
|
27
|
-
font-size: var(--pico-font-size);
|
|
28
|
-
line-height: var(--pico-line-height);
|
|
29
|
-
font-family: var(--pico-font-family);
|
|
30
|
-
text-underline-offset: var(--pico-text-underline-offset);
|
|
31
|
-
text-rendering: optimizeLegibility;
|
|
32
|
-
overflow-wrap: break-word;
|
|
33
|
-
-moz-tab-size: 4;
|
|
34
|
-
-o-tab-size: 4;
|
|
35
|
-
tab-size: 4;
|
|
36
|
-
}
|
|
37
|
-
|
|
38
|
-
/**
|
|
39
|
-
* Landmarks
|
|
40
|
-
*/
|
|
41
|
-
body {
|
|
42
|
-
width: 100%;
|
|
43
|
-
margin: 0;
|
|
44
|
-
}
|
|
45
|
-
|
|
46
|
-
main {
|
|
47
|
-
display: block;
|
|
48
|
-
}
|
|
49
|
-
|
|
50
|
-
body > header,
|
|
51
|
-
body > main,
|
|
52
|
-
body > footer {
|
|
53
|
-
padding-block: var(--pico-block-spacing-vertical);
|
|
54
|
-
}
|
|
55
|
-
|
|
56
|
-
/**
|
|
57
|
-
* Section
|
|
58
|
-
*/
|
|
59
|
-
section {
|
|
60
|
-
margin-bottom: var(--pico-block-spacing-vertical);
|
|
61
|
-
}
|
|
62
|
-
|
|
63
|
-
/**
|
|
64
|
-
* Container
|
|
65
|
-
*/
|
|
66
|
-
.container,
|
|
67
|
-
.container-fluid {
|
|
68
|
-
width: 100%;
|
|
69
|
-
margin-right: auto;
|
|
70
|
-
margin-left: auto;
|
|
71
|
-
padding-right: var(--pico-spacing);
|
|
72
|
-
padding-left: var(--pico-spacing);
|
|
73
|
-
}
|
|
74
|
-
|
|
75
|
-
@media (min-width: 576px) {
|
|
76
|
-
.container {
|
|
77
|
-
max-width: 510px;
|
|
78
|
-
padding-right: 0;
|
|
79
|
-
padding-left: 0;
|
|
80
|
-
}
|
|
81
|
-
}
|
|
82
|
-
@media (min-width: 768px) {
|
|
83
|
-
.container {
|
|
84
|
-
max-width: 700px;
|
|
85
|
-
}
|
|
86
|
-
}
|
|
87
|
-
@media (min-width: 1024px) {
|
|
88
|
-
.container {
|
|
89
|
-
max-width: 950px;
|
|
90
|
-
}
|
|
91
|
-
}
|
|
92
|
-
@media (min-width: 1280px) {
|
|
93
|
-
.container {
|
|
94
|
-
max-width: 1200px;
|
|
95
|
-
}
|
|
96
|
-
}
|
|
97
|
-
@media (min-width: 1536px) {
|
|
98
|
-
.container {
|
|
99
|
-
max-width: 1450px;
|
|
100
|
-
}
|
|
101
|
-
}
|
|
102
|
-
|
|
103
|
-
/**
|
|
104
|
-
* Grid
|
|
105
|
-
* Minimal grid system with auto-layout columns
|
|
106
|
-
*/
|
|
107
|
-
.grid {
|
|
108
|
-
grid-column-gap: var(--pico-grid-column-gap);
|
|
109
|
-
grid-row-gap: var(--pico-grid-row-gap);
|
|
110
|
-
display: grid;
|
|
111
|
-
grid-template-columns: 1fr;
|
|
112
|
-
}
|
|
113
|
-
@media (min-width: 768px) {
|
|
114
|
-
.grid {
|
|
115
|
-
grid-template-columns: repeat(auto-fit, minmax(0%, 1fr));
|
|
116
|
-
}
|
|
117
|
-
}
|
|
118
|
-
.grid > *:not(.does-not-exist) {
|
|
119
|
-
min-width: 0;
|
|
120
|
-
margin-bottom: 0; /* https://github.com/picocss/pico/issues/738 */
|
|
121
|
-
}
|
|
122
|
-
|
|
123
|
-
/**
|
|
124
|
-
* Overflow auto
|
|
125
|
-
*/
|
|
126
|
-
.overflow-auto {
|
|
127
|
-
overflow: auto;
|
|
128
|
-
}
|