Skip to content

Commit 57195ce

Browse files
ALPIXELMaikiALPIXELMaiki
committed
Documentation for ChuckCSS v3.4.0
1 parent 8dfc2cc commit 57195ce

File tree

9 files changed

+558
-685
lines changed

9 files changed

+558
-685
lines changed

‎dist/app.min.js‎

Lines changed: 2 additions & 2 deletions
Some generated files are not rendered by default. Learn more about customizing how changed files appear on GitHub.

‎dist/front.min.css‎

Lines changed: 1 addition & 1 deletion
Some generated files are not rendered by default. Learn more about customizing how changed files appear on GitHub.

‎documentation.html‎

Lines changed: 401 additions & 487 deletions
Large diffs are not rendered by default.

‎getting-started.html‎

Lines changed: 25 additions & 21 deletions
Original file line numberDiff line numberDiff line change
@@ -1,7 +1,7 @@
11
<!DOCTYPE html>
22
<html lang="en">
33
<head>
4-
<title>Getting started with ChuckCSS | Responsive CSS framework</title>
4+
<title>Getting started with ChuckCSS | Responsive CSS framework and CSS helpers tools</title>
55
<meta name="description" content="ChuckCSS is a flexible, adaptative, mobile-first and easy to learn CSS framework. ChuckCSS included an advanced and responsive grid system based on the CSS3 flexbox property" />
66
<meta http-equiv="Content-Type" content="text/html; charset=utf-8"/>
77
<meta name="viewport" content="width=device-width, initial-scale=1.0, user-scalable=no">
@@ -178,10 +178,12 @@ <h2 id="start-dist-files">
178178
</a>
179179
</h2>
180180
<div class="alert alert-info">
181-
When ChuckCSS is download, the dist files to include are into the "dist" folder (css and js files).<br />
182-
<ul>
183-
<li><strong>With NPM :</strong> node_modules/ChuckCSS/dist</li>
184-
</ul>
181+
<div>
182+
When ChuckCSS is download, the dist files to include are into the "dist" folder (css and js files).<br />
183+
<ul>
184+
<li><strong>With NPM :</strong> node_modules/ChuckCSS/dist</li>
185+
</ul>
186+
</div>
185187
</div>
186188
<pre class="HTML">
187189
<code class="language-markup"><!-- -->
@@ -208,20 +210,22 @@ <h2 id="start-source-files">
208210
</a>
209211
</h2>
210212
<div class="alert alert-info">
211-
Working with source files give you the possibility to customize ChuckCSS with your own settings, colors, etc... but you have to be familiar with <a href="http://lesscss.org/" class="external-link">Less language.</a><br /><br />
212-
<strong>By compiling your own dist file with <a href="http://gruntjs.com/" class="external-link">Grunt</a> or <a href="http://gulpjs.com/" class="external-link">Gulp</a>, combined with <a href="https://github.com/postcss/autoprefixer" class="external-link">Autoprefixer</a>,</strong> you can use powerfull mixins to build websites easily and faster.
213+
<div>
214+
Working with source files give you the possibility to customize ChuckCSS with your own settings, colors, etc... but you have to be familiar with <a href="http://lesscss.org/" class="external-link">Less language.</a><br /><br />
215+
<strong>By compiling your own dist file with <a href="http://gruntjs.com/" class="external-link">Grunt</a> or <a href="http://gulpjs.com/" class="external-link">Gulp</a>, combined with <a href="https://github.com/postcss/autoprefixer" class="external-link">Autoprefixer</a>,</strong> you can use powerfull mixins to build websites easily and faster.
213216

214-
<ul>
215-
<li>
216-
<a href="https://github.com/gulpjs/gulp/tree/master/docs" class="external-link">Gulp documentation</a>
217-
</li>
218-
<li>
219-
<a href="http://gruntjs.com/getting-started" class="external-link">Grunt documentation</a>
220-
</li>
221-
<li>
222-
<a href="https://github.com/postcss/autoprefixer" class="external-link">Autoprefixer documentation</a> : ChuckCSS uses Autoprefixer to deal with CSS vendor prefixes. If you use the Gulpfile.js downloaded with ChuckCSS, Autoprefixer is already include. If you use your own Gruntfile or Gulpfile, integrate Autoprefixer by yourself.
223-
</li>
224-
</ul>
217+
<ul>
218+
<li>
219+
<a href="https://github.com/gulpjs/gulp/tree/master/docs" class="external-link">Gulp documentation</a>
220+
</li>
221+
<li>
222+
<a href="http://gruntjs.com/getting-started" class="external-link">Grunt documentation</a>
223+
</li>
224+
<li>
225+
<a href="https://github.com/postcss/autoprefixer" class="external-link">Autoprefixer documentation</a> : ChuckCSS uses Autoprefixer to deal with CSS vendor prefixes. If you use the Gulpfile.js downloaded with ChuckCSS, Autoprefixer is already include. If you use your own Gruntfile or Gulpfile, integrate Autoprefixer by yourself.
226+
</li>
227+
</ul>
228+
</div>
225229
</div>
226230
<pre class="HTML">
227231
<code class="language-markup"><!-- -->
@@ -236,15 +240,14 @@ <h2 id="start-source-files">
236240
├──── alerts.less
237241
├──── badges.less
238242
├──── grids.less
239-
├──── messages.less
240243
├──── modals.less
241244
├──── tabs.less
242245
|
243246
├── core/
244247
├──── animations.less &lt;!-- radio, checkbox, loaders animations -->
245248
├──── base.less &lt;!-- &lt;html> and &lt;body> general definitions -->
246-
├──── functions.less &lt;!-- powerful mixins file -->
247249
├──── fontawesome.less &lt;!-- icons file -->
250+
├──── functions.less &lt;!-- powerful mixins file -->
248251
├──── generator.less &lt;!-- grids items width, texts helpers... -->
249252
├──── helpers.less
250253
├──── responsive.less &lt;!-- responsive mixins -->
@@ -254,6 +257,7 @@ <h2 id="start-source-files">
254257
├──── buttons.less
255258
├──── forms.less
256259
├──── images.less
260+
├──── lists.less
257261
├──── loaders.less
258262
├──── tables.less
259263
└──── titles.less
@@ -267,7 +271,7 @@ <h2 id="start-source-files">
267271

268272
<footer id="main-footer">
269273
<p>
270-
&copy; 2018 - ChuckCSS.io - All rights reserved - Made with &#10084; for <a href="https://www.alpixel.fr" class="external-link">ALPIXEL Agency</a>
274+
&copy; 2019 - ChuckCSS.io - All rights reserved - Made with &#10084; for <a href="https://www.alpixel.fr" class="external-link">ALPIXEL Agency</a>
271275
</p>
272276
<p>
273277
ChuckCSS is under <a href="https://opensource.org/licenses/mit-license.php" class="external-link">MIT Licence</a> - <a href="https://github.com/alpixel/ChuckCSS" class="external-link">Hosted on GitHub</a>

0 commit comments

Comments
 (0)