Skip to content

Use csswriteless to write minimal shorthand that expands into full CSS

License

Notifications You must be signed in to change notification settings

Arslan97/csswriteless

Folders and files

NameName
Last commit message
Last commit date

Latest commit

 

History

17 Commits
 
 
 
 
 
 
 
 
 
 

Repository files navigation

csswriteless ✨

CSSWriteless Logo GitHub Releases

Overview

Welcome to csswriteless! This tool helps you write minimal shorthand that expands into full CSS. With csswriteless, you can streamline your CSS writing process and focus on what matters most: creating stunning designs.

Features

  • Minimal Shorthand: Write less and achieve more.
  • Easy Expansion: Automatically convert shorthand into full CSS.
  • CLI Support: Use it directly from your command line.
  • Lightweight: A small footprint for fast performance.
  • Animations: Simplify the creation of CSS animations.

Getting Started

To get started with csswriteless, you need to download the latest release. You can find it here. Download the appropriate file for your operating system and execute it to start using csswriteless.

Installation

  1. Download: Visit the Releases section and get the latest version.

  2. Install: Follow the instructions specific to your OS.

  3. Run: Open your terminal and execute the command:

    csswriteless

Usage

Once you have csswriteless installed, you can start using it immediately. Here’s how:

  1. Basic Command:

    To expand shorthand into full CSS, simply type:

    csswriteless your-shorthand
  2. Examples:

    • Shorthand for Margin:

      csswriteless m-10

      This will expand to:

      margin: 10px;
    • Shorthand for Padding:

      csswriteless p-5

      This will expand to:

      padding: 5px;

CLI Options

csswriteless offers several command-line options to enhance your experience:

  • --help: Display help information.
  • --version: Show the current version.
  • --verbose: Enable verbose output for debugging.

Examples

Here are some common shorthand usages:

  • Background Color:

    csswriteless bg-red

    Expands to:

    background-color: red;
  • Font Size:

    csswriteless fs-16

    Expands to:

    font-size: 16px;

CSS Animations

csswriteless also simplifies CSS animations. For example:

  • Fade In Animation:
    csswriteless fade-in
    Expands to:
    @keyframes fade-in {
        from { opacity: 0; }
        to { opacity: 1; }
    }

Contributing

We welcome contributions! If you want to help improve csswriteless, please follow these steps:

  1. Fork the repository.
  2. Create a new branch (git checkout -b feature-branch).
  3. Make your changes.
  4. Commit your changes (git commit -m 'Add new feature').
  5. Push to the branch (git push origin feature-branch).
  6. Open a Pull Request.

License

csswriteless is licensed under the MIT License. See the LICENSE file for more details.

Support

If you encounter any issues or have questions, feel free to open an issue in the GitHub repository. We appreciate your feedback and aim to respond promptly.

Acknowledgments

  • Thank you to all contributors and users who make csswriteless better every day.
  • Special thanks to the CSS community for their inspiration and support.

Stay Updated

To keep up with the latest changes and features, check the Releases section frequently.


Thank you for using csswriteless! We hope it makes your CSS writing experience more enjoyable and efficient. Happy coding! 🎉

About

Use csswriteless to write minimal shorthand that expands into full CSS

Topics

Resources

License

Stars

Watchers

Forks

Releases

No releases published

Packages

No packages published