- Foundation Tutorial
- Foundation - Home
- Foundation - Overview
- Foundation - Installation
- Foundation - Starter Projects
- Foundation - Kitchen Sink
- Foundation General
- Foundation - Global Styles
- Foundation - Sass
- Foundation - JavaScript
- Foundation - JavaScript Utilities
- Foundation - Media Queries
- Foundation - The Grid
- Foundation - Flex Grid
- Foundation - Forms
- Foundation - Visibility Classes
- Foundation - Base Typography
- Foundation - Typography Helpers
- Foundation - Basic Controls
- Foundation - Navigation
- Foundation - Containers
- Foundation - Media
- Foundation - Plugins
- Foundation SASS
- Foundation - Sass Functions
- Foundation - Sass Mixins
- Foundation Libraries
- Foundation - Motion UI
- Foundation Useful Resources
- Foundation - Quick Guide
- Foundation - Useful Resources
- Foundation - Discussion
Foundation - Media Label
Labels can be used for inline styling which can be put into body to invoke specific section or to attach metadata. For instance, label can intimate you when something gets updated.
The following table shows how these labels can be used.
| S. No. | Label details & Description |
|---|---|
| 1 | Basics
To create a label, you have to add .label class to an element. |
| 2 | Coloring
Coloring the labels can be done by using the classes used for buttons and with icons as well. |
| 3 | SASS Reference
You can change the styles of the components by using SASS Reference. |
foundation_media.htm
Advertisements