Skip to content

Commit 5fe0736

Browse files
sakibwebsakibweb
authored
Add files via upload
1 parent 65aa9cb commit 5fe0736

3 files changed

Lines changed: 268797 additions & 0 deletions

File tree

‎output/components.min.php‎

Lines changed: 101 additions & 0 deletions
Original file line numberDiff line numberDiff line change
@@ -0,0 +1,101 @@
1+
<?php
2+
/**
3+
* CSS to PHP Array Map
4+
* ==========================================
5+
* Generated by CSS2PHP Converter v1.0.1
6+
* Created by @sakibweb
7+
* https://github.com/sakibweb/css2php
8+
* ==========================================
9+
*
10+
* Source Information:
11+
* ------------------------------------------
12+
* File: https://cdn.jsdelivr.net/npm/tailwindcss@2.2.19/dist/components.min.css
13+
* Generated: 2025-03-16 02:03:36
14+
*
15+
* Processing Statistics (A-Z):
16+
* ------------------------------------------
17+
* Classes found: 36
18+
* Compression ratio: 173.4%
19+
* Input size: 2,029 bytes
20+
* Media queries: 35
21+
* Output size: 3,518 bytes
22+
* Processing time: 1742069016.192s
23+
* Pseudo-classes: 30
24+
* Syntax validation: ✅ Valid
25+
*
26+
* Configuration:
27+
* ------------------------------------------
28+
* Parse mode: Advanced (cssutils)
29+
* Skip errors: Yes
30+
* Timeout: 30s
31+
* Overwrite enabled: Yes
32+
* Split Selectors: No
33+
*
34+
* File Structure:
35+
* ------------------------------------------
36+
* - Array keys are CSS class selectors.
37+
* - Combined selectors are kept as single keys
38+
* - Each key represents a CSS selector and its associated styles.
39+
* - Each class selector has 'default' and optional 'media' properties.
40+
* - Media queries are nested under 'media' key.
41+
* - All properties are sorted alphabetically.
42+
* ==========================================
43+
*/
44+
45+
return [
46+
'2xl:container' => [
47+
'media' => [
48+
'(min-width: 1024px)' => 'max-width: 1024px;',
49+
'(min-width: 1280px)' => 'max-width: 1280px;',
50+
'(min-width: 1536px)' => 'max-width: 1536px;',
51+
'(min-width: 640px)' => 'max-width: 640px;',
52+
'(min-width: 768px)' => 'max-width: 768px;',
53+
],
54+
],
55+
'container' => [
56+
'default' => 'width: 100%;',
57+
'media' => [
58+
'(min-width: 1024px)' => 'max-width: 1024px;',
59+
'(min-width: 1280px)' => 'max-width: 1280px;',
60+
'(min-width: 1536px)' => 'max-width: 1536px;',
61+
'(min-width: 640px)' => 'max-width: 640px;',
62+
'(min-width: 768px)' => 'max-width: 768px;',
63+
],
64+
],
65+
'lg:container' => [
66+
'media' => [
67+
'(min-width: 1024px)' => 'max-width: 1024px;',
68+
'(min-width: 1280px)' => 'max-width: 1280px;',
69+
'(min-width: 1536px)' => 'max-width: 1536px;',
70+
'(min-width: 640px)' => 'max-width: 640px;',
71+
'(min-width: 768px)' => 'max-width: 768px;',
72+
],
73+
],
74+
'md:container' => [
75+
'media' => [
76+
'(min-width: 1024px)' => 'max-width: 1024px;',
77+
'(min-width: 1280px)' => 'max-width: 1280px;',
78+
'(min-width: 1536px)' => 'max-width: 1536px;',
79+
'(min-width: 640px)' => 'max-width: 640px;',
80+
'(min-width: 768px)' => 'max-width: 768px;',
81+
],
82+
],
83+
'sm:container' => [
84+
'media' => [
85+
'(min-width: 1024px)' => 'max-width: 1024px;',
86+
'(min-width: 1280px)' => 'max-width: 1280px;',
87+
'(min-width: 1536px)' => 'max-width: 1536px;',
88+
'(min-width: 640px)' => 'max-width: 640px;',
89+
'(min-width: 768px)' => 'max-width: 768px;',
90+
],
91+
],
92+
'xl:container' => [
93+
'media' => [
94+
'(min-width: 1024px)' => 'max-width: 1024px;',
95+
'(min-width: 1280px)' => 'max-width: 1280px;',
96+
'(min-width: 1536px)' => 'max-width: 1536px;',
97+
'(min-width: 640px)' => 'max-width: 640px;',
98+
'(min-width: 768px)' => 'max-width: 768px;',
99+
],
100+
],
101+
];

‎output/components.php‎

Lines changed: 101 additions & 0 deletions
Original file line numberDiff line numberDiff line change
@@ -0,0 +1,101 @@
1+
<?php
2+
/**
3+
* CSS to PHP Array Map
4+
* ==========================================
5+
* Generated by CSS2PHP Converter v1.0.1
6+
* Created by @sakibweb
7+
* https://github.com/sakibweb/css2php
8+
* ==========================================
9+
*
10+
* Source Information:
11+
* ------------------------------------------
12+
* File: https://cdn.jsdelivr.net/npm/tailwindcss@2.2.19/dist/components.css
13+
* Generated: 2025-03-16 02:03:35
14+
*
15+
* Processing Statistics (A-Z):
16+
* ------------------------------------------
17+
* Classes found: 36
18+
* Compression ratio: 120.5%
19+
* Input size: 2,916 bytes
20+
* Media queries: 35
21+
* Output size: 3,514 bytes
22+
* Processing time: 1742069015.795s
23+
* Pseudo-classes: 30
24+
* Syntax validation: ✅ Valid
25+
*
26+
* Configuration:
27+
* ------------------------------------------
28+
* Parse mode: Advanced (cssutils)
29+
* Skip errors: Yes
30+
* Timeout: 30s
31+
* Overwrite enabled: Yes
32+
* Split Selectors: No
33+
*
34+
* File Structure:
35+
* ------------------------------------------
36+
* - Array keys are CSS class selectors.
37+
* - Combined selectors are kept as single keys
38+
* - Each key represents a CSS selector and its associated styles.
39+
* - Each class selector has 'default' and optional 'media' properties.
40+
* - Media queries are nested under 'media' key.
41+
* - All properties are sorted alphabetically.
42+
* ==========================================
43+
*/
44+
45+
return [
46+
'2xl:container' => [
47+
'media' => [
48+
'(min-width: 1024px)' => 'max-width: 1024px;',
49+
'(min-width: 1280px)' => 'max-width: 1280px;',
50+
'(min-width: 1536px)' => 'max-width: 1536px;',
51+
'(min-width: 640px)' => 'max-width: 640px;',
52+
'(min-width: 768px)' => 'max-width: 768px;',
53+
],
54+
],
55+
'container' => [
56+
'default' => 'width: 100%;',
57+
'media' => [
58+
'(min-width: 1024px)' => 'max-width: 1024px;',
59+
'(min-width: 1280px)' => 'max-width: 1280px;',
60+
'(min-width: 1536px)' => 'max-width: 1536px;',
61+
'(min-width: 640px)' => 'max-width: 640px;',
62+
'(min-width: 768px)' => 'max-width: 768px;',
63+
],
64+
],
65+
'lg:container' => [
66+
'media' => [
67+
'(min-width: 1024px)' => 'max-width: 1024px;',
68+
'(min-width: 1280px)' => 'max-width: 1280px;',
69+
'(min-width: 1536px)' => 'max-width: 1536px;',
70+
'(min-width: 640px)' => 'max-width: 640px;',
71+
'(min-width: 768px)' => 'max-width: 768px;',
72+
],
73+
],
74+
'md:container' => [
75+
'media' => [
76+
'(min-width: 1024px)' => 'max-width: 1024px;',
77+
'(min-width: 1280px)' => 'max-width: 1280px;',
78+
'(min-width: 1536px)' => 'max-width: 1536px;',
79+
'(min-width: 640px)' => 'max-width: 640px;',
80+
'(min-width: 768px)' => 'max-width: 768px;',
81+
],
82+
],
83+
'sm:container' => [
84+
'media' => [
85+
'(min-width: 1024px)' => 'max-width: 1024px;',
86+
'(min-width: 1280px)' => 'max-width: 1280px;',
87+
'(min-width: 1536px)' => 'max-width: 1536px;',
88+
'(min-width: 640px)' => 'max-width: 640px;',
89+
'(min-width: 768px)' => 'max-width: 768px;',
90+
],
91+
],
92+
'xl:container' => [
93+
'media' => [
94+
'(min-width: 1024px)' => 'max-width: 1024px;',
95+
'(min-width: 1280px)' => 'max-width: 1280px;',
96+
'(min-width: 1536px)' => 'max-width: 1536px;',
97+
'(min-width: 640px)' => 'max-width: 640px;',
98+
'(min-width: 768px)' => 'max-width: 768px;',
99+
],
100+
],
101+
];

0 commit comments

Comments
 (0)