gunesCSS

gunesCSS is a modular CSS library featuring utility classes, customizable components, and lightweight animations. It's ideal for rapid frontend prototyping or as a foundation for your own CSS framework.

✨ Features

🧾 Base Elements (main.css)

• Consistent styling for:
  • Text (sizes, colors, outline)
  • Links
  • Inputs

🧩 Utilities

• Colors (colors.css): --blue, --green-light, --white-smoke
• Spacing (spacing.css): .m10, .p50, .mx, px
• Positions (positions.css): .top, .center, .below, ...

🎞️ Animations (animations/)

• .fade-in, .fade-out
• .bounce, .bounceInf
• .float1, .float2
• .rainbow

🖱️ Button Styles (buttons.css)

• .BTN3d, .BTNglow, .BTNglass, .BTNpulse
• Includes hover and active effects

🃏 Card Styles (card.css)

• .CARD, .CARDglow, .BTNglass, .CARDpulse
• Includes active effects

---

📦 Installation

<!-- Base styles -->
<link rel="stylesheet" href="./css/main.css">

<!-- Utilities -->
<link rel="stylesheet" href="./utilities/colors.css" />
<link rel="stylesheet" href="./utilities/spacing.css" />
<link rel="stylesheet" href="./utilities/positions.css" />

<!-- Components -->
<link rel="stylesheet" href="./components/button.css" />
<link rel="stylesheet" href="./components/card.css" />

<!-- Animations -->
<link rel="stylesheet" href="./animations/fade.css" />
<link rel="stylesheet" href="./animations/bounce.css" />
<link rel="stylesheet" href="./animations/float.css" />
<link rel="stylesheet" href="./animations/rainbow.css" />

OR

@import url('../folder/data.css');