Complete Bootstrap: Responsive Web Development with Bootstrap 4: Learn all the new features and build a set of example applications for your portfolio with the latest version of Bootstrap by Matt Lambert & Bass Jobsen & David Cochran & Ian Whitley

Author:Matt Lambert & Bass Jobsen & David Cochran & Ian Whitley [Lambert, Matt]
Language: eng
Format: epub
Publisher: Packt Publishing
Published: 2017-12-01T00:00:00+00:00

Using other variables as variable values

That might sound like a bit of a mouthful, but you can actually use a variable as the default value for another variable. A good example of where you might want to do this is when you are defining a color palette. You can switch the hex values to readable names and then use them for your other variables. This is much easier to scan and understand when you are debugging your code. Here's an example of what I mean:

$black: #000; $white: #fff; $red: #c00; $background-color: $white; $text-color: $black; $link-color: $red;

Let me break down what is happening here for you:

First I've created three color variables for black, white, and red

Next I've created three CSS property variables for background-color, text-color, and link-color; the values for these CSS property variables are the color variables

Download

Copyright Disclaimer:
This site does not store any files on its server. We only index and link to content provided by other sites. Please contact the content providers to delete copyright contents if any and email us, we'll remove relevant links or contents immediately.