BaseCSS is a minimal and flexible CSS library designed for fast, responsive, and maintainable web development. Ideal for developers looking for simplicity and scalability. 🌟🌐✨
- 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.
To install the package, use the following command: 🚀📦💻
npm i @tfs-8/basecssLink the CSS file in your <head> tag: 🧾📂🖥️
<link rel="stylesheet" href="node_modules/@tfs-8/basecss" />Import the CSS in your entry file: 📜🔗📦
import "@tfs-8/basecss";If you're using SCSS: ✂️🎨📄
@import "node_modules/@tfs-8/basecss";To use the CDN, link to the following URL: 🌐📡✨
https://unpkg.com/@tfs-8/basecssLink the CSS file in your <head> tag: 🧾🌍🔗
<link rel="stylesheet" href="https://unpkg.com/@tfs-8/basecss" />Import the CSS in your entry file: 📥📜🔧
import "https://unpkg.com/@tfs-8/basecss";If you're using SCSS: 🎨📄✂️
@import "https://unpkg.com/@tfs-8/basecss";Instead of importing the entire compiled CSS file, you can include only the specific parts you need by importing the corresponding files from the dist folder. This allows for greater flexibility and reduced file size. 🎯🗂️⚡
- vars: Variables for theming and custom properties.
- reset: Browser style resets.
- type: Responsive typography styles.
- utilities: Utility classes for quick styling.
- components: Predefined UI components.
- scroll: Smooth scrolling and scrollbar styling.
Link the desired CSS file in your <head> tag: 📂🔗🧾
<link rel="stylesheet" href="node_modules/@tfs-8/basecss/dist/reset.min.css" />Import the specific section in your entry file: 🛠️📜📦
import "@tfs-8/basecss/dist/type.min.css";If you're using SCSS: ✂️📁🎨
@import "node_modules/@tfs-8/basecss/dist/utilities.min.css";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. 🚀🎉💻
We welcome contributions! Please check the CONTRIBUTING.md for guidelines. 🤝💡🌱
Created with ❤️ by @MFM-347. 🎨🌟👏
The code in this repository is licensed under the MIT License. View more info here. 📜✅🖋️