1.0.3 • Published 6 years ago

@citizensadvice/background-size v1.0.3

Weekly downloads
-
License
MIT
Repository
-
Last release
6 years ago

Background-size npm (scoped)

Defines the size of the background image.

Classes

.bg-cover   { background-size: cover   }
.bg-contain { background-size: contain }

Responsive background-size classes

To apply specific classes at set screen widths, use the following classes:

Class nameDescription
[aboveClassName]-nsScreens with a min-width of 48rem
[aboveClassName]-mScreens with widths from 48rem to 64rem
[aboveClassName]-lScreens with a min-width of 64rem

Examples

<div class="bg-contain bg-cover-ns">...</div>

Installation

$ npm install @citizensadvice/background-size

now import into your stylesheet...

@import '@citizensadvice/background-size/index.scss';

You can also make use of the unpkg service, try adding the link below to the head of your HTML file

<link src="https://unpkg.com/@citizensadvice/background-size@latest/build/background-size.css" />