Installation

These instructions will get you a copy of the project up and running on your local machine for development and testing purposes. See deployment for notes on how to deploy the project on a live system. You can install Stylizer in multiple ways, but it's as simple as adding a single link tag to your project.

Install manually.

You need only one file to start your work, the minified file is too light.

Download

Using CDN.

Use this CDN on the head section in your file HTML.


<link rel="stylesheet" href="https://gitcdn.xyz/repo/amine1107/Stylizer/master/stylizer.min.css"/>

Using NPM.

You can use Stylizer by download the package published on NPM, NPM is a package manager for the JavaScript programming language. It is the default package manager for the JavaScript runtime environment Node.js.


npm install stylizercss --save

Using GIT.

You can use Stylizer by cloning the repo from git. Use Sourcetree, Git from the command line, or any client you like to clone your Git repository. Copy this text on your GIT bash or else.


git clone https://github.com/amine1107/Stylizer.git

Running the tests

After downloading Stylizer, You can simply add it to your file Html. add the following line inside your HTML page's.


<!DOCTYPE html>
<html>
  <head>
    <!-- The charset attribute specifies the character encoding for the HTML document -->
    <meta charset="utf-8" /> 
    <meta http-equiv="X-UA-Compatible" content="IE=edge">
    <!-- The viewport varies with the device, and will be smaller on a mobile phone than on a computer screen --> 
    <meta name="viewport" content="width=device-width, initial-scale=1">
    <title>Starter Code</title>
    <!-- Favicon -->
    <link rel="icon" href="../favicon.png">
    <!-- Import the minfied file of Stylizer --> 
    <link rel="stylesheet" type="text/css" media="screen" href="../css/stylizer.min.css" /> 
  </head>
  <body>

    <!-- Your Content should be Here -->
    <h1>Hello World!</h1>

  </body>
</html>

Browser Support

Stylizer created to be compatible with all modern browser, the framework use Autoprefixer, this magic tool uses Browserslist, so you can specify the browsers you want to target in your project with queries like > 5% (see Autoprefixer).

Safari

Edge

Chrome

Firefox

Opera

Android

Next Step