@@ -118,30 +118,52 @@ This can be ran directly in NPM scripts as you can see happening in this project
118
118
2 . Setup an ITCSS file structure:
119
119
1 . ` cd ` into the directory where you intend to build out your ITCSS structure.
120
120
2 . Paste the following snippet into your terminal:
121
- * &mdash ; Windows users will have to manually create and populate the files.*
122
-
123
- ```
124
- mkdir scss &&
125
- cd scss &&
126
- {
127
- echo "@import 'settings';"
128
- echo "@import 'tools';"
129
- echo "@import 'resets';"
130
- echo "@import 'base';"
131
- echo "@import 'objects';"
132
- echo "@import 'components';"
133
- echo "@import 'utilities';"
134
- echo ""
135
- } > main.scss &&
136
- echo "@import 'nebula-css/settings';" > _settings.scss &&
137
- echo "@import 'nebula-css/tools';" > _tools.scss &&
138
- echo "@import 'nebula-css/resets';" > _resets.scss &&
139
- echo "@import 'nebula-css/base';" > _base.scss &&
140
- echo "@import 'nebula-css/objects';" > _objects.scss &&
141
- echo "@import 'nebula-css/utilities';" > _utilities.scss &&
142
- touch _components.scss &&
143
- cd ..
144
- ```
121
+ - Mac / Linux users
122
+ ```
123
+ mkdir scss &&
124
+ cd scss &&
125
+ {
126
+ echo "@import 'settings';"
127
+ echo "@import 'tools';"
128
+ echo "@import 'resets';"
129
+ echo "@import 'base';"
130
+ echo "@import 'objects';"
131
+ echo "@import 'components';"
132
+ echo "@import 'utilities';"
133
+ echo ""
134
+ } > main.scss &&
135
+ echo "@import 'nebula-css/settings';" > _ settings.scss &&
136
+ echo "@import 'nebula-css/tools';" > _ tools.scss &&
137
+ echo "@import 'nebula-css/resets';" > _ resets.scss &&
138
+ echo "@import 'nebula-css/base';" > _ base.scss &&
139
+ echo "@import 'nebula-css/objects';" > _ objects.scss &&
140
+ echo "@import 'nebula-css/utilities';" > _ utilities.scss &&
141
+ touch _ components.scss &&
142
+ cd ..
143
+ ```
144
+ - Windows users
145
+ ```
146
+ mkdir scss
147
+ cd scss
148
+
149
+ echo @import 'settings'; >> main.scss
150
+ echo @import 'tools'; >> main.scss
151
+ echo @import 'resets'; >> main.scss
152
+ echo @import 'base'; >> main.scss
153
+ echo @import 'objects'; >> main.scss
154
+ echo @import 'components'; >> main.scss
155
+ echo @import 'utilities'; >> main.scss
156
+
157
+ echo @import 'nebula-css/settings'; > _settings.scss
158
+ echo @import 'nebula-css/tools'; > _tools.scss
159
+ echo @import 'nebula-css/resets'; > _resets.scss
160
+ echo @import 'nebula-css/base'; > _base.scss
161
+ echo @import 'nebula-css/objects'; > _objects.scss
162
+ echo @import 'nebula-css/utilities'; > _utilities.scss
163
+ echo.> _components.scss
164
+
165
+ cd ..
166
+ ```
145
167
146
168
The following file structure will be created.
147
169
0 commit comments