@tfs-8/basecss
v0.9.5
Published
BaseCSS is a lightweight css library designed to simplify responsive and scalable web design.
Downloads
408
Maintainers
Readme
BaseCSS
BaseCSS is a minimal and flexible CSS library designed for fast, responsive, and maintainable web development. Ideal for developers looking for simplicity and scalability.
Features
- CSS Reset: Standardizes browser behavior for consistent styling.
- Responsive Typography: Automatically adjusts font sizes for optimal readability on different screen sizes.
- Minimal Styling: Provides a clean slate for building custom designs.
Using BaseCSS via NPM
Installation
To install the package, use the following command:
npm i @tfs-8/basecss
Importing
In Plain HTML:
Link the CSS file in your <head>
tag:
<link rel="stylesheet" href="node_modules/@tfs-8/basecss/base.min.css" />
In a JavaScript/TypeScript Project:
Import the CSS in your entry file:
import "@tfs-8/basecss/base.min.css";
In SCSS:
If you're using SCSS:
@import "node_modules/@tfs-8/basecss/base.min.css";
Using BaseCSS via CDN
Installation
To use the CDN, link to the following URL:
https://unpkg.com/@tfs-8/basecss/base.min.css
Importing
In Plain HTML:
Link the CSS file in your <head>
tag:
<link rel="stylesheet" href="https://unpkg.com/@tfs-8/basecss/base.min.css" />
In a JavaScript/TypeScript Project:
Import the CSS in your entry file:
import "https://unpkg.com/@tfs-8/basecss/base.min.css";
In SCSS:
If you're using SCSS:
@import "https://unpkg.com/@tfs-8/basecss/base.min.css";
Getting Started
Once BaseCSS is imported, it will:
- Reset the default browser styles for consistency.
- Apply responsive typography for better readability.
- Provide a clean slate for adding your custom styles.
You can now start building your styles on top of this foundation.
Contributing
We welcome contributions! Please check the CONTRIBUTING.md for guidelines.
Credits
Created with ❤️ by @MFM-347.
License
The code in this repository is licensed under the MIT License.