Reset
Normalizes HTML element styles to ensure better consistency and adherence to modern CSS standards.
Install
npm install seed-reset --save
Dependencies
About
By default, this pack contains the following CSS reset styles:
Bootstrap’s reset styles have been slightly adjusted to remove Bootstrap specific styles.
Usage
It is recommended that seed-reset be imported as near to the top of your SCSS as possible. Reset styles are designed to ensure that elements more consistent and easier to stylize. Think of it as making sure the ground is level before building your house on top of it.
main.scss// Reset
@import "pack/seed-reset/_index";
// Everything else
@import "./components/alert";
@import "./components/button";
// etc…
Customization
seed-reset uses the following variables in it’s config:
_config.scss$seed-reset-enable-normalize: true !default;
$seed-reset-enable-print: true !default;
$seed-reset-enable-reboot: true !default;
You can enable or disable any of the included reset styles by setting the variable as false before importing the seed-reset pack.
main.scss// Disable Bootstrap's reboot reset styles from seed-reset
$seed-reset-enable-reboot: false;
@import "pack/seed-reset/_index";
Configurations
Below are the default Sass configuration variables for seed-reset. The variables can be found in the pack’s _config.scss file.
seed-reset/_config.scss$seed-reset-enable-normalize: true !default;
$seed-reset-enable-print: true !default;
$seed-reset-enable-reboot: true !default;