Merge pull request #1 from ovh-ux/bugfix/typo

style(*): fix words SCSS and LibSass.

Author: blaryjp

README.md

@@ -9,10 +9,10 @@ This theme core is to be included in your main project and sets up many Gulp tas
 
 ## Features
 
-- SCSS => CSS compiling with Libsass, PostCSS, linting, and SourceMaps
+- SCSS => CSS compiling with LibSass, PostCSS, linting, and SourceMaps
 - JS compiling via Babel, linting and aggregation
 - WebPack module bundling
-- SVG => Font Icons compiling with support for adding mixins and classes to Scss along with a demo page
+- SVG => Font Icons compiling with support for adding mixins and classes to SCSS along with a demo page
 - Drupal file watching to trigger Drush cache clears
 
 All is easily configurable by changing values in your `gulpfile.yml` file in your project. These values are merged into the `gulpfile.default.yml` file - look there for the available options and defaults.

docs/css.md

@@ -1,6 +1,6 @@
 # SCSS
 
-Compiles Scss to CSS using [`gulp-sass`](https://github.com/dlmanning/gulp-sass), which in turn uses `node-sass`, which in turn uses `libsass`. 
+Compiles SCSS to CSS using [`gulp-sass`](https://github.com/dlmanning/gulp-sass), which in turn uses `node-sass`, which in turn uses `libsass`.
 
 ## Usage
 
@@ -15,14 +15,14 @@ You can create individual CSS files bundle, using the config:
 
 ## Commands
 
-- `gulp css` - Compile Scss to CSS
+- `gulp css` - Compile SCSS to CSS
 - `gulp watch:css` - Watch and compile
-- `gulp validate:css` - Test Scss with [`gulp-sass-lint`](https://github.com/sasstools/gulp-sass-lint), which uses [`sass-lint`](https://github.com/sasstools/sass-lint) (Pure node.js - no Ruby)
+- `gulp validate:css` - Test SCSS with [`gulp-sass-lint`](https://github.com/sasstools/gulp-sass-lint), which uses [`sass-lint`](https://github.com/sasstools/sass-lint) (Pure node.js - no Ruby)
 
 ## Config
 
-- `config.css.src` - Array of Scss files
+- `config.css.src` - Array of SCSS files
 - `config.css.dest` - String of Destination directory for CSS
 - `config.css.lint` - Boolean for if Linting should occur
-- `config.css.sourceComments` - Boolean - Enable comments written in CSS that shows Scss source. **Don't turn on permanently**, it's useful if SourceMaps aren't working.
+- `config.css.sourceComments` - Boolean - Enable comments written in CSS that shows SCSS source. **Don't turn on permanently**, it's useful if SourceMaps aren't working.
 - `config.css.autoPrefixerBrowsers` - Array of [Browsers to Support](https://github.com/ai/browserslist#queries) for Autoprefixer (used by PostCSS).

lib/css.js

@@ -53,7 +53,7 @@ module.exports = (gulp, config, tasks) => {
       });
   }
 
-  cssCompile.description = 'Compile Scss to CSS using Libsass with Autoprefixer and SourceMaps';
+  cssCompile.description = 'Compile SCSS to CSS using LibSass with Autoprefixer and SourceMaps';
 
   gulp.task('css', done => cssCompile(done, true));
 
@@ -82,7 +82,7 @@ module.exports = (gulp, config, tasks) => {
     return validateCss(false);
   }
 
-  validateCss.description = 'Lint Scss files';
+  validateCss.description = 'Lint SCSS files';
 
   gulp.task('validate:css', () => validateCss(true));
 
@@ -122,7 +122,7 @@ module.exports = (gulp, config, tasks) => {
     return gulp.watch(src, gulp.parallel(watchTasks));
   }
 
-  watchCss.description = 'Watch Scss';
+  watchCss.description = 'Watch SCSS';
 
   gulp.task('watch:css', watchCss);
 

lib/icons.js

@@ -17,7 +17,7 @@ module.exports = (gulp, config, tasks) => {
   _.templateSettings.evaluate = /{%([\s\S]+?)%}/g;
 
   /**
-   * Build font icons from SVG files and optionally make scss and demo templates.
+   * Build font icons from SVG files and optionally make SCSS and demo templates.
    * @param done {function} - Callback when all done.
    */
   function icons(done) {

templates/_icons.scss

@@ -55,7 +55,7 @@ $font-icons: ({% _.each(glyphs, function(glyph) { %}
 /// @param {String} $size [inherit]
 /// @param {String} $color [inherit]
 /// @param {Bool} $block [false] - If `display: block` should be applied.
-/// @example scss
+/// @example SCSS
 /// .class {
 ///   @include icon('close');
 /// }