Boostrap Beta 2.

Author: zoltanszogyenyi

README.md

@@ -1,9 +1,9 @@
-# [Pixel Bootstrap 4 UI Kit](https://demo.themesberg.com/pixel-lite/) [![Tweet](https://img.shields.io/twitter/url/http/shields.io.svg?style=social&logo=twitter)](https://twitter.com/intent/tweet?url=https%3A%2F%2Fgithub.com%2Fthemesberg%2Fpixel-bootstrap-ui-kit&via=themesberg&text=Kick-start%20development%20with%20Pixel%20Bootstrap%20UI%20Kit&hashtags=bootstrap%2C%20ui%20kit)
+# [Pixel Bootstrap 5 UI Kit](https://demo.themesberg.com/pixel-bootstrap-5-ui-kit/) [![Tweet](https://img.shields.io/twitter/url/http/shields.io.svg?style=social&logo=twitter)](https://twitter.com/intent/tweet?url=https%3A%2F%2Fgithub.com%2Fthemesberg%2Fpixel-bootstrap-ui-kit&via=themesberg&text=Kick-start%20development%20with%20Pixel%20Bootstrap%20UI%20Kit&hashtags=bootstrap%2C%20ui%20kit)
 
  ![version](https://img.shields.io/badge/version-3.1.2-blue.svg) ![license](https://img.shields.io/badge/license-MIT-blue.svg) [![GitHub issues open](https://img.shields.io/github/issues/themesberg/pixel-bootstrap-ui-kit.svg?maxAge=2592000)](https://github.com/themesberg/pixel-bootstrap-ui-kit/issues?q=is%3Aopen+is%3Aissue) [![GitHub issues closed](https://img.shields.io/github/issues-closed-raw/themesberg/pixel-bootstrap-ui-kit.svg?maxAge=2592000)](https://github.com/themesberg/pixel-bootstrap-ui-kit/issues?q=is%3Aissue+is%3Aclosed)
 
-<a href="https://demo.themesberg.com/pixel-lite/">
- <img src="https://themesberg.s3.us-east-2.amazonaws.com/public/products/pixel-lite/github/pixel-lite-preview.gif" alt="Pixel Bootstrap 4 UI Kit Preview"/>
+<a href="https://demo.themesberg.com/pixel-bootstrap-5-ui-kit/">
+ <img src="https://themesberg.s3.us-east-2.amazonaws.com/public/products/pixel-lite/github/pixel-lite-preview.gif" alt="Pixel Bootstrap 5 UI Kit Preview"/>
  </a>
 
 Pixel is a free, fully responsive, modern Bootstrap UI Kit that will help you build creative and professional websites. Use our components and sections, switch some Sass variables to build and arrange pages to best suit your needs.
@@ -12,11 +12,11 @@ Pixel is a free, fully responsive, modern Bootstrap UI Kit that will help you bu
 
 Pixel is a premium extension of the famous Bootstrap CSS Framework featuring pricing cards, profile cards, timelines and many more and additional plugins for datepickers and input sliders which Bootstrap does not have by default.
 
-Check out [all components here](https://demo.themesberg.com/pixel-lite/html/components/all.html).
+Check out [all components here](https://demo.themesberg.com/pixel-bootstrap-5-ui-kit/html/components/all.html).
 
 ## Example pages
 
-Pixel comes with 6 example pages that we created to show you the beautiful user interfaces that can be created including a pricing, contact, login and register page.
+Pixel comes with 5 example pages that we created to show you the beautiful user interfaces that can be created including a pricing, contact, login and register page.
 
 ## Full documentation
 
@@ -47,13 +47,13 @@ This product is built using the following widely used technologies:
 
 | Components | About | Pricing | Services |
 | --- | --- | --- | --- |
-| [![Components](https://themesberg.s3.us-east-2.amazonaws.com/public/products/pixel-lite/github/all-components.jpg)](https://demo.themesberg.com/pixel-lite/html/components/all.html) | [![About page](https://themesberg.s3.us-east-2.amazonaws.com/public/products/pixel-lite/github/about.jpg)](https://demo.themesberg.com/pixel-lite/html/pages/about-company.html) | [![Pricing page](https://themesberg.s3.us-east-2.amazonaws.com/public/products/pixel-lite/github/pricing.jpg)](https://demo.themesberg.com/pixel-lite/html/pages/pricing.html) | [![Services page](https://themesberg.s3.us-east-2.amazonaws.com/public/products/pixel-lite/github/services.jpg)](https://demo.themesberg.com/pixel-lite/html/pages/services.html)
+| [![Components](https://themesberg.s3.us-east-2.amazonaws.com/public/products/pixel-lite/github/all-components.jpg)](https://demo.themesberg.com/pixel-bootstrap-5-ui-kit/html/components/all.html) | [![About page](https://themesberg.s3.us-east-2.amazonaws.com/public/products/pixel-lite/github/about.jpg)](https://demo.themesberg.com/pixel-bootstrap-5-ui-kit/html/pages/about-company.html) | [![Pricing page](https://themesberg.s3.us-east-2.amazonaws.com/public/products/pixel-lite/github/pricing.jpg)](https://demo.themesberg.com/pixel-bootstrap-5-ui-kit/html/pages/pricing.html) | [![Services page](https://themesberg.s3.us-east-2.amazonaws.com/public/products/pixel-lite/github/services.jpg)](https://demo.themesberg.com/pixel-bootstrap-5-ui-kit/html/pages/services.html)
 
 | Contact | Login | Register | Documentation |
 | --- | --- | --- | --- |
-| [![Contact page](https://themesberg.s3.us-east-2.amazonaws.com/public/products/pixel-lite/github/contact.jpg)](https://demo.themesberg.com/pixel-lite/html/pages/contact.html) | [![Login page](https://themesberg.s3.us-east-2.amazonaws.com/public/products/pixel-lite/github/sign-in.jpg)](https://demo.themesberg.com/pixel-lite/html/pages/sign-in.html) | [![Register page](https://themesberg.s3.us-east-2.amazonaws.com/public/products/pixel-lite/github/sign-up.jpg)](https://demo.themesberg.com/pixel-lite/html/pages/sign-up.html) | [![Documentation](https://themesberg.s3.us-east-2.amazonaws.com/public/products/pixel-lite/github/docs.jpg)](https://themesberg.com/docs/pixel-bootstrap/getting-started/overview/)
+| [![Contact page](https://themesberg.s3.us-east-2.amazonaws.com/public/products/pixel-lite/github/contact.jpg)](https://demo.themesberg.com/pixel-bootstrap-5-ui-kit/html/pages/contact.html) | [![Login page](https://themesberg.s3.us-east-2.amazonaws.com/public/products/pixel-lite/github/sign-in.jpg)](https://demo.themesberg.com/pixel-bootstrap-5-ui-kit/html/pages/sign-in.html) | [![Register page](https://themesberg.s3.us-east-2.amazonaws.com/public/products/pixel-lite/github/sign-up.jpg)](https://demo.themesberg.com/pixel-bootstrap-5-ui-kit/html/pages/sign-up.html) | [![Documentation](https://themesberg.s3.us-east-2.amazonaws.com/public/products/pixel-lite/github/docs.jpg)](https://themesberg.com/docs/pixel-bootstrap/getting-started/overview/)
 
--   [Live Preview](https://demo.themesberg.com/pixel-lite/)
+-   [Live Preview](https://demo.themesberg.com/pixel-bootstrap-5-ui-kit/)
 -   [Details](https://themesberg.com/product/ui-kits/pixel-lite-free-bootstrap-4-ui-kit?ref=github-pixel-lite-bootstrap)
 
 ## Quick start
@@ -149,7 +149,7 @@ At present, we officially aim to support the last two versions of the following
 <img src="https://s3.amazonaws.com/creativetim_bucket/github/browser/chrome.png" width="64" height="64"> <img src="https://s3.amazonaws.com/creativetim_bucket/github/browser/firefox.png" width="64" height="64"> <img src="https://s3.amazonaws.com/creativetim_bucket/github/browser/edge.png" width="64" height="64"> <img src="https://s3.amazonaws.com/creativetim_bucket/github/browser/safari.png" width="64" height="64"> <img src="https://s3.amazonaws.com/creativetim_bucket/github/browser/opera.png" width="64" height="64">
 
 ## Resources
-- Demo: <https://demo.themesberg.com/pixel-lite/index.html>
+- Demo: <https://demo.themesberg.com/pixel-bootstrap-5-ui-kit/index.html>
 - Download Page: <https://themesberg.com/product/ui-kits/pixel-lite-free-bootstrap-4-ui-kit?ref=github-pixel-lite-bootstrap>
 - Documentation: <https://themesberg.com/docs/pixel-bootstrap/getting-started/overview?ref=github-pixel-lite-bootstrap>
 - License Agreement: <https://themesberg.com/licensing?ref=github-pixel-lite-bootstrap>

gulpfile.js

@@ -1,6 +1,19 @@
-/**
- * Gulp file to automate the various tasks
- */
+/*
+
+=========================================================
+* Pixel Free Bootstrap 5 UI Kit
+=========================================================
+
+* Product Page: https://themesberg.com/product/ui-kit/pixel-free-bootstrap-5-ui-kit
+* Copyright 2021 Themesberg (https://www.themesberg.com)
+
+* Coded by https://themesberg.com
+
+=========================================================
+
+* The above copyright notice and this permission notice shall be included in all copies or substantial portions of the Software. Contact us if you want to remove it.
+
+*/
 
 var autoprefixer = require('gulp-autoprefixer');
 var browserSync = require('browser-sync').create();
@@ -59,7 +72,7 @@ const paths = {
 
 // Compile SCSS
 gulp.task('scss', function () {
-    return gulp.src([paths.src.scss + '/pixel/**/*.scss', paths.src.scss + '/pixel.scss'])
+    return gulp.src([paths.src.scss + '/custom/**/*.scss', paths.src.scss + '/pixel/**/*.scss', paths.src.scss + '/pixel.scss'])
         .pipe(wait(500))
         .pipe(sourcemaps.init())
         .pipe(sass().on('error', sass.logError))
@@ -72,10 +85,13 @@ gulp.task('scss', function () {
 });
 
 gulp.task('index', function () {
-    return gulp.src([paths.src.base + '**.html'])
+    return gulp.src([paths.src.base + '*.html'])
         .pipe(fileinclude({
             prefix: '@@',
-            basepath: './src/partials/'
+            basepath: './src/partials/',
+            context: {
+                environment: 'development'
+            }
         }))
         .pipe(gulp.dest(paths.temp.base))
         .pipe(browserSync.stream());
@@ -85,7 +101,10 @@ gulp.task('html', function () {
     return gulp.src([paths.src.html])
         .pipe(fileinclude({
             prefix: '@@',
-            basepath: './src/partials/'
+            basepath: './src/partials/',
+            context: {
+                environment: 'development'
+            }
         }))
         .pipe(gulp.dest(paths.temp.html))
         .pipe(browserSync.stream());
@@ -107,8 +126,8 @@ gulp.task('serve', gulp.series('scss', 'html', 'index', 'assets', 'vendor', func
         server: paths.temp.base
     });
 
-    gulp.watch([paths.src.scss + '/pixel/**/*.scss', paths.src.scss + '/pixel.scss'], gulp.series('scss'));
-    gulp.watch([paths.src.html, paths.src.base + '**.html', paths.src.partials], gulp.series('html', 'index'));
+    gulp.watch([paths.src.scss + '/custom/**/*.scss', paths.src.scss + '/pixel/**/*.scss', paths.src.scss + '/pixel.scss'], gulp.series('scss'));
+    gulp.watch([paths.src.html, paths.src.base + '*.html', paths.src.partials], gulp.series('html', 'index'));
     gulp.watch([paths.src.assets], gulp.series('assets'));
     gulp.watch([paths.src.vendor], gulp.series('vendor'));
 }));
@@ -139,7 +158,10 @@ gulp.task('minify:html', function () {
         }))
         .pipe(fileinclude({
             prefix: '@@',
-            basepath: './src/partials/'
+            basepath: './src/partials/',
+            context: {
+                environment: 'production'
+            }
         }))
         .pipe(gulp.dest(paths.dist.html))
 });
@@ -151,7 +173,10 @@ gulp.task('minify:html:index', function () {
         }))
         .pipe(fileinclude({
             prefix: '@@',
-            basepath: './src/partials/'
+            basepath: './src/partials/',
+            context: {
+                environment: 'production'
+            }
         }))
         .pipe(gulp.dest(paths.dist.base))
 });
@@ -167,7 +192,7 @@ gulp.task('clean:dev', function () {
 
 // Compile and copy scss/css
 gulp.task('copy:dist:css', function () {
-    return gulp.src([paths.src.scss + '/pixel/**/*.scss', paths.src.scss + '/pixel.scss'])
+    return gulp.src([paths.src.scss + '/custom/**/*.scss', paths.src.scss + '/pixel/**/*.scss', paths.src.scss + '/pixel.scss'])
         .pipe(wait(500))
         .pipe(sourcemaps.init())
         .pipe(sass().on('error', sass.logError))
@@ -179,7 +204,7 @@ gulp.task('copy:dist:css', function () {
 });
 
 gulp.task('copy:dev:css', function () {
-    return gulp.src([paths.src.scss + '/pixel/**/*.scss', paths.src.scss + '/pixel.scss'])
+    return gulp.src([paths.src.scss + '/custom/**/*.scss', paths.src.scss + '/pixel/**/*.scss', paths.src.scss + '/pixel.scss'])
         .pipe(wait(500))
         .pipe(sourcemaps.init())
         .pipe(sass().on('error', sass.logError))
@@ -195,7 +220,10 @@ gulp.task('copy:dist:html', function () {
     return gulp.src([paths.src.html])
         .pipe(fileinclude({
             prefix: '@@',
-            basepath: './src/partials/'
+            basepath: './src/partials/',
+            context: {
+                environment: 'production'
+            }
         }))
         .pipe(gulp.dest(paths.dist.html));
 });
@@ -204,26 +232,35 @@ gulp.task('copy:dev:html', function () {
     return gulp.src([paths.src.html])
         .pipe(fileinclude({
             prefix: '@@',
-            basepath: './src/partials/'
+            basepath: './src/partials/',
+            context: {
+                environment: 'development'
+            }
         }))
         .pipe(gulp.dest(paths.dev.html));
 });
 
 // Copy index
 gulp.task('copy:dist:html:index', function () {
-    return gulp.src([paths.src.base + '**.html'])
+    return gulp.src([paths.src.base + '*.html'])
         .pipe(fileinclude({
             prefix: '@@',
-            basepath: './src/partials/'
+            basepath: './src/partials/',
+            context: {
+                environment: 'production'
+            }
         }))
         .pipe(gulp.dest(paths.dist.base))
 });
 
 gulp.task('copy:dev:html:index', function () {
-    return gulp.src([paths.src.base + '**.html'])
+    return gulp.src([paths.src.base + '*.html'])
         .pipe(fileinclude({
             prefix: '@@',
-            basepath: './src/partials/'
+            basepath: './src/partials/',
+            context: {
+                environment: 'development'
+            }
         }))
         .pipe(gulp.dest(paths.dev.base))
 });