@jaisocx/css-clean-start-2 1.2.7 → 1.2.9
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 +93 -3
- package/package.json +4 -4
package/README.md
CHANGED
|
@@ -51,9 +51,9 @@
|
|
|
51
51
|
|
|
52
52
|
|
|
53
53
|
|
|
54
|
-
## html coding example
|
|
54
|
+
## 1. html coding example
|
|
55
55
|
|
|
56
|
-
### 1. <html class="jsx">
|
|
56
|
+
### 1.1. <html class="jsx">
|
|
57
57
|
Normally set the css class `jsx` and theme css class in <html> tag.
|
|
58
58
|
|
|
59
59
|
```html
|
|
@@ -78,7 +78,7 @@ Normally set the css class `jsx` and theme css class in <html> tag.
|
|
|
78
78
|
|
|
79
79
|
|
|
80
80
|
|
|
81
|
-
### 2. class ul-reset
|
|
81
|
+
### 1.2. class ul-reset
|
|
82
82
|
You can set css class `ul-reset` when You don't need html lists rendering with the predefined 90-s years html look and feel.
|
|
83
83
|
|
|
84
84
|
```html
|
|
@@ -94,5 +94,95 @@ or in some tag, where You don't need html lists rendering with the predefined 90
|
|
|
94
94
|
|
|
95
95
|
|
|
96
96
|
|
|
97
|
+
## 2. css coding example
|
|
98
|
+
|
|
99
|
+
```css
|
|
100
|
+
|
|
101
|
+
/* Css Clean Start Lite styles overrides */
|
|
102
|
+
|
|
103
|
+
.jsx {
|
|
104
|
+
--jsx--css-clean-start-2--h1--margin: 1.4rem 0 1rem 0;
|
|
105
|
+
--jsx--css-clean-start-2--h1--font-weight: 500;
|
|
106
|
+
}
|
|
107
|
+
|
|
108
|
+
.jsx label {
|
|
109
|
+
padding: 0.1rem 1rem;
|
|
110
|
+
background-color: #f5fff5;
|
|
111
|
+
border-radius: 0.35rem;
|
|
112
|
+
border: 1px solid #e0ffe0;
|
|
113
|
+
}
|
|
114
|
+
|
|
115
|
+
```
|
|
116
|
+
|
|
117
|
+
|
|
118
|
+
|
|
119
|
+
## 3. Improvals planned
|
|
120
|
+
|
|
121
|
+
### 3.1. renamings
|
|
122
|
+
|
|
123
|
+
#### 3.1.1. Libraries:
|
|
124
|
+
|
|
125
|
+
`@jaisocx/css-clean-start-2` => `@jaisocx/css_clean_start_responsive`
|
|
126
|
+
|
|
127
|
+
|
|
128
|
+
|
|
129
|
+
#### 3.1.2. Main css class name "jaisocx" turning on | off tools by Jaisocx:
|
|
130
|
+
|
|
131
|
+
```html
|
|
132
|
+
<html lang="en" class="jaisocx">
|
|
133
|
+
```
|
|
134
|
+
|
|
135
|
+
|
|
136
|
+
|
|
137
|
+
#### 3.1.3. Main css class name "css_clean_start" turning on | off the CssCleanStart:
|
|
138
|
+
|
|
139
|
+
```html
|
|
140
|
+
<html lang="en" class="jaisocx css_clean_start">
|
|
141
|
+
```
|
|
142
|
+
|
|
143
|
+
|
|
144
|
+
|
|
145
|
+
#### 3.1.4. Variables start with the Jaisocx keyword: "--jaisocx--"
|
|
146
|
+
|
|
147
|
+
```css
|
|
148
|
+
/* Jaisocx_CssCleanStart_Main.css */
|
|
149
|
+
|
|
150
|
+
html.jaisocx.css_clean_start * {
|
|
151
|
+
|
|
152
|
+
position: var(--jaisocx--css_clean_start--all-tags--position);
|
|
153
|
+
display: var(--jaisocx--css_clean_start--custom-tags--display);
|
|
154
|
+
|
|
155
|
+
...
|
|
156
|
+
...
|
|
157
|
+
|
|
158
|
+
}
|
|
159
|
+
|
|
160
|
+
```
|
|
161
|
+
|
|
162
|
+
|
|
163
|
+
|
|
164
|
+
```css
|
|
165
|
+
/* Jaisocx_CssCleanStart_ThemeBase_Main.css */
|
|
166
|
+
|
|
167
|
+
.jaisocx.css_clean_start {
|
|
168
|
+
|
|
169
|
+
...
|
|
170
|
+
...
|
|
171
|
+
|
|
172
|
+
--jaisocx--css_clean_start--block-tags--display: block;
|
|
173
|
+
|
|
174
|
+
```
|
|
175
|
+
|
|
176
|
+
---
|
|
177
|
+
|
|
178
|
+
|
|
179
|
+
|
|
180
|
+
Have a nice day.
|
|
181
|
+
|
|
182
|
+
Elias, Software Architect of Jaisocx Company
|
|
183
|
+
|
|
184
|
+
|
|
185
|
+
|
|
186
|
+
|
|
97
187
|
|
|
98
188
|
|
package/package.json
CHANGED
|
@@ -1,7 +1,7 @@
|
|
|
1
1
|
{
|
|
2
2
|
"author": "ILLIA POLIANSKYI, Jaisocx Company",
|
|
3
3
|
"name": "@jaisocx/css-clean-start-2",
|
|
4
|
-
"version": "1.2.
|
|
4
|
+
"version": "1.2.9",
|
|
5
5
|
"description": "Css sites resetting default styles with main.css of few hundereds css code lines, and the very nice infrastructure for responsive sites bugfixing and fine-tuning",
|
|
6
6
|
"keywords": [
|
|
7
7
|
"css",
|
|
@@ -28,12 +28,12 @@
|
|
|
28
28
|
|
|
29
29
|
"README.md"
|
|
30
30
|
],
|
|
31
|
-
"optionalDependencies": {
|
|
32
|
-
"@jaisocx/media_tools_fonts_base": "~1.0.5"
|
|
33
|
-
},
|
|
34
31
|
"devDependencies": {
|
|
35
32
|
"@jaisocx/responsive-sizes": "~1.3.4"
|
|
36
33
|
},
|
|
34
|
+
"optionalDependencies": {
|
|
35
|
+
"@jaisocx/media_tools_fonts_base": "~1.0.9"
|
|
36
|
+
},
|
|
37
37
|
"type": "module",
|
|
38
38
|
"main": "./transpiled/CommonJS/index.js",
|
|
39
39
|
"types": "./transpiled/ESNext/index.d.ts",
|