@materializecss/materialize 1.1.0-alpha → 1.1.0

package/Gruntfile.js

@@ -1,5 +1,38 @@
+const sass = require('sass');
+
 module.exports = function(grunt) {
-  let concatFile = 'temp/js/materialize_concat.js.map';
+  const concatFile = 'temp/js/materialize_concat.js.map';
+  const jsFiles = [
+    'js/cash.js',
+    'js/waves.js',
+    'js/component.js',
+    'js/global.js',
+    'js/anime.min.js',
+    'js/collapsible.js',
+    'js/dropdown.js',
+    'js/modal.js',
+    'js/materialbox.js',
+    'js/parallax.js',
+    'js/tabs.js',
+    'js/tooltip.js',
+    'js/toasts.js',
+    'js/sidenav.js',
+    'js/scrollspy.js',
+    'js/autocomplete.js',
+    'js/forms.js',
+    'js/slider.js',
+    'js/cards.js',
+    'js/chips.js',
+    'js/pushpin.js',
+    'js/buttons.js',
+    'js/datepicker.js',
+    'js/timepicker.js',
+    'js/characterCounter.js',
+    'js/carousel.js',
+    'js/tapTarget.js',
+    'js/select.js',
+    'js/range.js'
+  ];
 
   // configure the tasks
   let config = {
@@ -15,6 +48,7 @@ module.exports = function(grunt) {
           specs: 'tests/spec/**/*Spec.js',
           helpers: 'tests/spec/helper.js',
           keepRunner: true,
+          version: '3.8.0',
           page: {
             viewportSize: {
                 width: 1400,
@@ -22,7 +56,7 @@ module.exports = function(grunt) {
             }
           },
           sandboxArgs: {
-            args: ['--headless', '--no-sandbox']
+            args: ['--headless', '--no-sandbox', '--disable-gpu']
           },
         }
       }
@@ -30,6 +64,12 @@ module.exports = function(grunt) {
 
     //  Sass
     sass: {
+
+      // Global options
+      options: {
+        implementation: sass
+      },
+
       // Task
       expanded: {
         // Target options
@@ -156,37 +196,7 @@ module.exports = function(grunt) {
       },
       dist: {
         // the files to concatenate
-        src: [
-          'js/cash.js',
-          'js/component.js',
-          'js/global.js',
-          'js/anime.min.js',
-          'js/collapsible.js',
-          'js/dropdown.js',
-          'js/modal.js',
-          'js/materialbox.js',
-          'js/parallax.js',
-          'js/tabs.js',
-          'js/tooltip.js',
-          'js/waves.js',
-          'js/toasts.js',
-          'js/sidenav.js',
-          'js/scrollspy.js',
-          'js/autocomplete.js',
-          'js/forms.js',
-          'js/slider.js',
-          'js/cards.js',
-          'js/chips.js',
-          'js/pushpin.js',
-          'js/buttons.js',
-          'js/datepicker.js',
-          'js/timepicker.js',
-          'js/characterCounter.js',
-          'js/carousel.js',
-          'js/tapTarget.js',
-          'js/select.js',
-          'js/range.js'
-        ],
+        src: jsFiles,
         // the location of the resulting JS file
         dest: 'temp/js/materialize.js'
       },
@@ -196,37 +206,7 @@ module.exports = function(grunt) {
           sourceMap: true,
           sourceMapStyle: 'link'
         },
-        src: [
-          'js/cash.js',
-          'js/component.js',
-          'js/global.js',
-          'js/anime.min.js',
-          'js/collapsible.js',
-          'js/dropdown.js',
-          'js/modal.js',
-          'js/materialbox.js',
-          'js/parallax.js',
-          'js/tabs.js',
-          'js/tooltip.js',
-          'js/waves.js',
-          'js/toasts.js',
-          'js/sidenav.js',
-          'js/scrollspy.js',
-          'js/autocomplete.js',
-          'js/forms.js',
-          'js/slider.js',
-          'js/cards.js',
-          'js/chips.js',
-          'js/pushpin.js',
-          'js/buttons.js',
-          'js/datepicker.js',
-          'js/timepicker.js',
-          'js/characterCounter.js',
-          'js/carousel.js',
-          'js/tapTarget.js',
-          'js/select.js',
-          'js/range.js'
-        ],
+        src: jsFiles,
         // the location of the resulting JS file
         dest: 'temp/js/materialize_concat.js'
       }
@@ -383,8 +363,8 @@ module.exports = function(grunt) {
       }
     },
 
-    //  Jade
-    jade: {
+    //  Pug
+    pug: {
       compile: {
         options: {
           pretty: true,
@@ -393,68 +373,68 @@ module.exports = function(grunt) {
           }
         },
         files: {
-          'docs/index.html': 'jade/index.jade',
-          'docs/icons.html': 'jade/icons.jade',
-          'docs/about.html': 'jade/about.jade',
-          'docs/sass.html': 'jade/sass.jade',
-          'docs/getting-started.html': 'jade/getting-started.jade',
-          'docs/mobile.html': 'jade/mobile.jade',
-          'docs/parallax.html': 'jade/parallax.jade',
-          'docs/parallax-demo.html': 'jade/parallax-demo.jade',
-          'docs/typography.html': 'jade/typography.jade',
-          'docs/color.html': 'jade/color.jade',
-          'docs/shadow.html': 'jade/shadow.jade',
-          'docs/grid.html': 'jade/grid.jade',
-          'docs/media-css.html': 'jade/media-css.jade',
-          'docs/table.html': 'jade/table.jade',
-          'docs/helpers.html': 'jade/helpers.jade',
-          'docs/buttons.html': 'jade/buttons.jade',
-          'docs/navbar.html': 'jade/navbar.jade',
-          'docs/cards.html': 'jade/cards.jade',
-          'docs/preloader.html': 'jade/preloader.jade',
-          'docs/collections.html': 'jade/collections.jade',
-          'docs/badges.html': 'jade/badges.jade',
-          'docs/footer.html': 'jade/footer.jade',
-          'docs/modals.html': 'jade/modals.jade',
-          'docs/dropdown.html': 'jade/dropdown.jade',
-          'docs/tabs.html': 'jade/tabs.jade',
-          'docs/toasts.html': 'jade/toasts.jade',
-          'docs/tooltips.html': 'jade/tooltips.jade',
-          'docs/sidenav.html': 'jade/sidenav.jade',
-          'docs/pushpin.html': 'jade/pushpin.jade',
-          'docs/waves.html': 'jade/waves.jade',
-          'docs/media.html': 'jade/media.jade',
-          'docs/collapsible.html': 'jade/collapsible.jade',
-          'docs/scrollspy.html': 'jade/scrollspy.jade',
-          'docs/fullscreen-slider-demo.html': 'jade/fullscreen-slider-demo.jade',
-          'docs/pagination.html': 'jade/pagination.jade',
-          'docs/breadcrumbs.html': 'jade/breadcrumbs.jade',
-          'docs/carousel.html': 'jade/carousel.jade',
-          'docs/feature-discovery.html': 'jade/feature-discovery.jade',
-          'docs/pulse.html': 'jade/pulse.jade',
-          'docs/pushpin-demo.html': 'jade/pushpin-demo.jade',
-          'docs/css-transitions.html': 'jade/css-transitions.jade',
-          'docs/404.html': 'jade/404.jade',
-          'docs/autocomplete.html': 'jade/autocomplete.jade',
-          'docs/checkboxes.html': 'jade/checkboxes.jade',
-          'docs/chips.html': 'jade/chips.jade',
-          'docs/pickers.html': 'jade/pickers.jade',
-          'docs/radio-buttons.html': 'jade/radio-buttons.jade',
-          'docs/range.html': 'jade/range.jade',
-          'docs/select.html': 'jade/select.jade',
-          'docs/switches.html': 'jade/switches.jade',
-          'docs/text-inputs.html': 'jade/text-inputs.jade',
-          'docs/floating-action-button.html': 'jade/floating-action-button.jade',
-          'docs/auto-init.html': 'jade/auto-init.jade'
+          'docs/index.html': 'pug/index.pug',
+          'docs/icons.html': 'pug/icons.pug',
+          'docs/about.html': 'pug/about.pug',
+          'docs/sass.html': 'pug/sass.pug',
+          'docs/getting-started.html': 'pug/getting-started.pug',
+          'docs/mobile.html': 'pug/mobile.pug',
+          'docs/parallax.html': 'pug/parallax.pug',
+          'docs/parallax-demo.html': 'pug/parallax-demo.pug',
+          'docs/typography.html': 'pug/typography.pug',
+          'docs/color.html': 'pug/color.pug',
+          'docs/shadow.html': 'pug/shadow.pug',
+          'docs/grid.html': 'pug/grid.pug',
+          'docs/media-css.html': 'pug/media-css.pug',
+          'docs/table.html': 'pug/table.pug',
+          'docs/helpers.html': 'pug/helpers.pug',
+          'docs/buttons.html': 'pug/buttons.pug',
+          'docs/navbar.html': 'pug/navbar.pug',
+          'docs/cards.html': 'pug/cards.pug',
+          'docs/preloader.html': 'pug/preloader.pug',
+          'docs/collections.html': 'pug/collections.pug',
+          'docs/badges.html': 'pug/badges.pug',
+          'docs/footer.html': 'pug/footer.pug',
+          'docs/modals.html': 'pug/modals.pug',
+          'docs/dropdown.html': 'pug/dropdown.pug',
+          'docs/tabs.html': 'pug/tabs.pug',
+          'docs/toasts.html': 'pug/toasts.pug',
+          'docs/tooltips.html': 'pug/tooltips.pug',
+          'docs/sidenav.html': 'pug/sidenav.pug',
+          'docs/pushpin.html': 'pug/pushpin.pug',
+          'docs/waves.html': 'pug/waves.pug',
+          'docs/media.html': 'pug/media.pug',
+          'docs/collapsible.html': 'pug/collapsible.pug',
+          'docs/scrollspy.html': 'pug/scrollspy.pug',
+          'docs/fullscreen-slider-demo.html': 'pug/fullscreen-slider-demo.pug',
+          'docs/pagination.html': 'pug/pagination.pug',
+          'docs/breadcrumbs.html': 'pug/breadcrumbs.pug',
+          'docs/carousel.html': 'pug/carousel.pug',
+          'docs/feature-discovery.html': 'pug/feature-discovery.pug',
+          'docs/pulse.html': 'pug/pulse.pug',
+          'docs/pushpin-demo.html': 'pug/pushpin-demo.pug',
+          'docs/css-transitions.html': 'pug/css-transitions.pug',
+          'docs/404.html': 'pug/404.pug',
+          'docs/autocomplete.html': 'pug/autocomplete.pug',
+          'docs/checkboxes.html': 'pug/checkboxes.pug',
+          'docs/chips.html': 'pug/chips.pug',
+          'docs/pickers.html': 'pug/pickers.pug',
+          'docs/radio-buttons.html': 'pug/radio-buttons.pug',
+          'docs/range.html': 'pug/range.pug',
+          'docs/select.html': 'pug/select.pug',
+          'docs/switches.html': 'pug/switches.pug',
+          'docs/text-inputs.html': 'pug/text-inputs.pug',
+          'docs/floating-action-button.html': 'pug/floating-action-button.pug',
+          'docs/auto-init.html': 'pug/auto-init.pug'
         }
       }
     },
 
     //  Watch Files
     watch: {
-      jade: {
-        files: ['jade/**/*'],
-        tasks: ['jade_compile'],
+      pug: {
+        files: ['pug/**/*'],
+        tasks: ['pug_compile'],
         options: {
           interrupt: false,
           spawn: false
@@ -488,10 +468,10 @@ module.exports = function(grunt) {
       },
       monitor: {
         tasks: [
-          'jade_compile',
+          'pug_compile',
           'sass_compile',
           'js_compile',
-          'watch:jade',
+          'watch:pug',
           'watch:js',
           'watch:sass',
           'notify:watching',
@@ -532,10 +512,10 @@ module.exports = function(grunt) {
         }
       },
 
-      jade_compile: {
+      pug_compile: {
         options: {
           enabled: true,
-          message: 'Jade Compiled!',
+          message: 'Pug Compiled!',
           title: 'Materialize',
           success: true,
           duration: 1
@@ -556,7 +536,7 @@ module.exports = function(grunt) {
     // Replace text to update the version string
     replace: {
       version: {
-        src: ['bower.json', 'package.js', 'jade/**/*.html'],
+        src: ['bower.json', 'package.js', 'pug/**/*.html'],
         overwrite: true,
         replacements: [
           {
@@ -635,7 +615,7 @@ module.exports = function(grunt) {
               res.setHeader('Access-Control-Allow-Methods', 'GET,PUT,POST,DELETE,OPTIONS');
               next();
             });
-            return middlewares
+            return middlewares;
           }
         }
       }
@@ -643,7 +623,10 @@ module.exports = function(grunt) {
 
     copy: {
       docs: {
-        src: 'bin/materialize.js', dest: 'docs/js/materialize.js'
+        files: [
+          {src: 'bin/materialize.js', dest: 'docs/js/materialize.js'},
+          {src: 'templates/**', dest: 'docs/'}
+        ]
       }
     }
 
@@ -659,7 +642,7 @@ module.exports = function(grunt) {
   grunt.loadNpmTasks('grunt-contrib-uglify');
   grunt.loadNpmTasks('grunt-contrib-compress');
   grunt.loadNpmTasks('grunt-contrib-clean');
-  grunt.loadNpmTasks('grunt-contrib-jade');
+  grunt.loadNpmTasks('grunt-contrib-pug');
   grunt.loadNpmTasks('grunt-concurrent');
   grunt.loadNpmTasks('grunt-notify');
   grunt.loadNpmTasks('grunt-text-replace');
@@ -698,7 +681,7 @@ module.exports = function(grunt) {
     config.babel.bin.options.inputSourceMap = grunt.file.readJSON(concatFile);
   });
 
-  grunt.registerTask('jade_compile', ['jade', 'notify:jade_compile']);
+  grunt.registerTask('pug_compile', ['pug', 'notify:pug_compile']);
   grunt.registerTask('js_compile', ['concat:temp', 'configureBabel', 'babel:bin', 'clean:temp']);
   grunt.registerTask('sass_compile', [
     'sass:gh',
@@ -721,5 +704,5 @@ module.exports = function(grunt) {
     grunt.task.run(tasks);
 
   });
-  grunt.registerTask('docs', ['js_compile', 'copy:docs', 'sass:gh',  'postcss:gh', 'jade', 'replace:docs']);
+  grunt.registerTask('docs', ['js_compile', 'copy:docs', 'sass:gh',  'postcss:gh', 'pug', 'replace:docs']);
 };

package/LICENSE

@@ -1,21 +1,21 @@
-The MIT License (MIT)
-
-Copyright (c) 2014-2019 Materialize
-
-Permission is hereby granted, free of charge, to any person obtaining a copy
-of this software and associated documentation files (the "Software"), to deal
-in the Software without restriction, including without limitation the rights
-to use, copy, modify, merge, publish, distribute, sublicense, and/or sell
-copies of the Software, and to permit persons to whom the Software is
-furnished to do so, subject to the following conditions:
-
-The above copyright notice and this permission notice shall be included in all
-copies or substantial portions of the Software.
-
-THE SOFTWARE IS PROVIDED "AS IS", WITHOUT WARRANTY OF ANY KIND, EXPRESS OR
-IMPLIED, INCLUDING BUT NOT LIMITED TO THE WARRANTIES OF MERCHANTABILITY,
-FITNESS FOR A PARTICULAR PURPOSE AND NONINFRINGEMENT. IN NO EVENT SHALL THE
-AUTHORS OR COPYRIGHT HOLDERS BE LIABLE FOR ANY CLAIM, DAMAGES OR OTHER
-LIABILITY, WHETHER IN AN ACTION OF CONTRACT, TORT OR OTHERWISE, ARISING FROM,
-OUT OF OR IN CONNECTION WITH THE SOFTWARE OR THE USE OR OTHER DEALINGS IN THE
-SOFTWARE.
+The MIT License (MIT)
+
+Copyright (c) 2014-2019 Materialize
+
+Permission is hereby granted, free of charge, to any person obtaining a copy
+of this software and associated documentation files (the "Software"), to deal
+in the Software without restriction, including without limitation the rights
+to use, copy, modify, merge, publish, distribute, sublicense, and/or sell
+copies of the Software, and to permit persons to whom the Software is
+furnished to do so, subject to the following conditions:
+
+The above copyright notice and this permission notice shall be included in all
+copies or substantial portions of the Software.
+
+THE SOFTWARE IS PROVIDED "AS IS", WITHOUT WARRANTY OF ANY KIND, EXPRESS OR
+IMPLIED, INCLUDING BUT NOT LIMITED TO THE WARRANTIES OF MERCHANTABILITY,
+FITNESS FOR A PARTICULAR PURPOSE AND NONINFRINGEMENT. IN NO EVENT SHALL THE
+AUTHORS OR COPYRIGHT HOLDERS BE LIABLE FOR ANY CLAIM, DAMAGES OR OTHER
+LIABILITY, WHETHER IN AN ACTION OF CONTRACT, TORT OR OTHERWISE, ARISING FROM,
+OUT OF OR IN CONNECTION WITH THE SOFTWARE OR THE USE OR OTHER DEALINGS IN THE
+SOFTWARE.

package/README.md

@@ -1,97 +1,97 @@
-<p align="center">
-  <a href="https://materializecss.github.io/materialize/">
-    <img src="https://materializecss.github.io/materialize/res/materialize.svg" width="150">
-  </a>
-</p>
-
-<h3 align="center">MaterializeCSS</h3>
-
-<p align="center">
-  Materialize, a CSS Framework based on material design.
-  <br>
-  <a href="https://materializecss.github.io/materialize/"><strong>-- Browse the docs --</strong></a>
-  <br>
-  <br>
-  <a href="https://github.com/materializecss/materialize/actions/">
-    <img src="https://github.com/materializecss/materialize/actions/workflows/nightly.yml/badge.svg" alt="GitHub Actions badge">
-  </a>
-  <a href="https://www.npmjs.com/package/@materializecss/materialize">
-    <img src="https://badge.fury.io/js/%40materializecss%2Fmaterialize.svg" alt="npm version badge">
-  </a>
-  <a href="https://www.jsdelivr.com/package/npm/@materializecss/materialize">
-    <img src="https://data.jsdelivr.com/v1/package/npm/@materializecss/materialize/badge" alt="jsDelivr version badge">
-  </a>
-  <a href="https://david-dm.org/materializecss/materialize">
-    <img src="https://david-dm.org/materializecss/materialize/status.svg" alt="dependencies Status badge">
-    </a>
-  <a href="https://david-dm.org/materializecss/materialize#info=devDependencies">
-    <img src="https://david-dm.org/materializecss/materialize/dev-status.svg" alt="devDependency Status badge">
-  </a>
-  <a href="https://gitter.im/materializecss/materialize">
-    <img src="https://badges.gitter.im/Join%20Chat.svg" alt="Gitter badge">
-  </a>
-</p>
-
-## Table of Contents
-- [Quickstart](#quickstart)
-- [Documentation](#documentation)
-- [Build](#build)
-- [Supported Browsers](#supported-browsers)
-- [Changelog](#changelog)
-- [Testing](#testing)
-- [Contributing](#contributing)
-- [Copyright and license](#copyright-and-license)
-
-## Quickstart:
-Read the [getting started guide](https://materializecss.github.io/materialize/getting-started.html) for more information on how to use materialize.
-
-- [Download the latest release](https://github.com/materializecss/materialize/releases/latest) of materialize directly from GitHub. ([Beta](https://github.com/materializecss/materialize/releases/))
-- Clone the repo: `git clone https://github.com/materializecss/materialize.git` (Beta: `git clone -b v1-dev https://github.com/materializecss/materialize.git`)
-- Include the files via [jsDelivr](https://www.jsdelivr.com/package/npm/@materializecss/materialize).
-- Install with [npm](https://www.npmjs.com): `npm install @materializecss/materialize` (Beta: `npm install @materializecss/materialize@next`)
-
-## Documentation
-The documentation can be found at <https://materializecss.github.io/materialize>. To run the documentation locally on your machine, you need [Node.js](https://nodejs.org/en/) installed on your computer.
-
-### Running documentation locally
-Run these commands to set up the documentation:
-
-```bash
-git clone https://github.com/materializecss/materialize
-cd materialize
-npm install
-```
-
-Then run `npm run dev` to compile the documentation. When it finishes, open a new browser window and navigate to `localhost:8000`. We use [BrowserSync](https://www.browsersync.io/) to display the documentation.
-
-### Documentation for previous releases
-Previous releases and their documentation are available for [download](https://github.com/materializecss/materialize/releases).
-
-## Build
-If you want to build `materialize.css` or `materialize.js` from the latest commit, you can build the files with the following command after `npm install`. See `package.json` to check the current version like `1.0.0`.
-
-```sh
-npm run release -- --oldver=<current_version> --newver=<new_version>
-```
-
-## Supported Browsers:
-Materialize is compatible with:
-
-- Chrome 35+
-- Firefox 31+
-- Safari 9+
-- Opera
-- Edge
-- IE 11+
-
-## Changelog
-For changelogs, check out [the Releases section of materialize](https://github.com/materializecss/materialize/releases) or the [CHANGELOG.md](CHANGELOG.md).
-
-## Testing
-We use Jasmine as our testing framework and we're trying to write a robust test suite for our components. If you want to help, [here's a starting guide on how to write tests in Jasmine](CONTRIBUTING.md#jasmine-testing-guide).
-
-## Contributing
-Check out the [CONTRIBUTING document](CONTRIBUTING.md) in the root of the repository to learn how you can contribute. You can also browse the [help-wanted](https://github.com/materializecss/materialize/labels/help-wanted) tag in our issue tracker to find things to do.
-
-## Copyright and license
-Code Copyright 2021 Materialize. Code released under the MIT license.
+<p align="center">
+  <a href="https://materializecss.github.io/materialize/">
+    <img src="https://materializecss.github.io/materialize/res/materialize.svg" width="150">
+  </a>
+</p>
+
+<h3 align="center">MaterializeCSS</h3>
+
+<p align="center">
+  Materialize, a CSS Framework based on material design.
+  <br>
+  <a href="https://materializecss.github.io/materialize/"><strong>-- Browse the docs --</strong></a>
+  <br>
+  <br>
+  <a href="https://github.com/materializecss/materialize/actions/">
+    <img src="https://github.com/materializecss/materialize/actions/workflows/nightly.yml/badge.svg" alt="GitHub Actions badge">
+  </a>
+  <a href="https://www.npmjs.com/package/@materializecss/materialize">
+    <img src="https://badge.fury.io/js/%40materializecss%2Fmaterialize.svg" alt="npm version badge">
+  </a>
+  <a href="https://www.jsdelivr.com/package/npm/@materializecss/materialize">
+    <img src="https://data.jsdelivr.com/v1/package/npm/@materializecss/materialize/badge" alt="jsDelivr version badge">
+  </a>
+  <a href="https://david-dm.org/materializecss/materialize">
+    <img src="https://david-dm.org/materializecss/materialize/status.svg" alt="dependencies Status badge">
+    </a>
+  <a href="https://david-dm.org/materializecss/materialize#info=devDependencies">
+    <img src="https://david-dm.org/materializecss/materialize/dev-status.svg" alt="devDependency Status badge">
+  </a>
+  <a href="https://gitter.im/materializecss/materialize">
+    <img src="https://badges.gitter.im/Join%20Chat.svg" alt="Gitter badge">
+  </a>
+</p>
+
+## Table of Contents
+- [Quickstart](#quickstart)
+- [Documentation](#documentation)
+- [Build](#build)
+- [Supported Browsers](#supported-browsers)
+- [Changelog](#changelog)
+- [Testing](#testing)
+- [Contributing](#contributing)
+- [Copyright and license](#copyright-and-license)
+
+## Quickstart:
+Read the [getting started guide](https://materializecss.github.io/materialize/getting-started.html) for more information on how to use materialize.
+
+- [Download the latest release](https://github.com/materializecss/materialize/releases/latest) of materialize directly from GitHub. ([Beta](https://github.com/materializecss/materialize/releases/))
+- Clone the repo: `git clone https://github.com/materializecss/materialize.git`
+- Include the files via [jsDelivr](https://www.jsdelivr.com/package/npm/@materializecss/materialize).
+- Install with [npm](https://www.npmjs.com): `npm install @materializecss/materialize` (Beta: `npm install @materializecss/materialize@next`)
+
+## Documentation
+The documentation can be found at <https://materializecss.github.io/materialize>. To run the documentation locally on your machine, you need [Node.js](https://nodejs.org/en/) installed on your computer.
+
+### Running documentation locally
+Run these commands to set up the documentation:
+
+```bash
+git clone https://github.com/materializecss/materialize
+cd materialize
+npm install
+```
+
+Then run `npm run dev` to compile the documentation. When it finishes, open a new browser window and navigate to `localhost:8000/docs`. We use [BrowserSync](https://www.browsersync.io/) to display the documentation.
+
+### Documentation for previous releases
+Previous releases and their documentation are available for [download](https://github.com/materializecss/materialize/releases).
+
+## Build
+If you want to build `materialize.css` or `materialize.js` from the latest commit, you can build the files with the following command after `npm install`. See `package.json` to check the current version like `1.0.0`.
+
+```sh
+npm run release -- --oldver=<current_version> --newver=<new_version>
+```
+
+## Supported Browsers:
+Materialize is compatible with:
+
+- Chrome 35+
+- Firefox 31+
+- Safari 9+
+- Opera
+- Edge
+- IE 11+
+
+## Changelog
+For changelogs, check out [the Releases section of materialize](https://github.com/materializecss/materialize/releases) or the [CHANGELOG.md](CHANGELOG.md).
+
+## Testing
+We use Jasmine as our testing framework and we're trying to write a robust test suite for our components. If you want to help, [here's a starting guide on how to write tests in Jasmine](CONTRIBUTING.md#jasmine-testing-guide).
+
+## Contributing
+Check out the [CONTRIBUTING document](CONTRIBUTING.md) in the root of the repository to learn how you can contribute. You can also browse the [help-wanted](https://github.com/materializecss/materialize/labels/help-wanted) tag in our issue tracker to find things to do.
+
+## Copyright and license
+Code Copyright 2021 Materialize. Code released under the MIT license.