Book Image

Responsive Web Design by Example : Beginner's Guide

By : Thoriq Firdaus
Book Image

Responsive Web Design by Example : Beginner's Guide

By: Thoriq Firdaus

Overview of this book

Table of Contents (16 chapters)
Responsive Web Design by Example Beginner's Guide Second Edition
Credits
About the Author
About the Reviewers
www.PacktPub.com
Preface
Index

Time for action – creating style sheets and organizing external style sheet references


Perform the following steps to manage the style sheet references:

  1. Go to the project directory and create a new style sheet named var-bootstrap.less in assets/less directory. This style sheet contains the copy of Bootstrap's predefined variables. This copy will allow us to customize the variables without affecting the initial specifications.

  2. Hence, copy the Bootstrap variables in the variables.less style sheet of the /bootstrap/less directory. Paste the complete variables into var-bootstrap.less that we only created in step 1.

    Tip

    For your convenience, you may also copy Bootstrap variables directly from the Github repository (http://git.io/7LmzGA).

  3. Create a new style sheet named var-jasny.less. Similar to var-bootstrap.less, this style sheet will contain the copy of the Jasny Bootstrap variables.

  4. Obtain the Jasny Bootstrap variables in variables.less of the jasny-bootstrap/less directory. Paste all the variables...