Giter Club home page Giter Club logo

fernosacss's Introduction

Gray shape shifter

Fernosa

Flexible CSS Framework Packed With Responsive Components And Utility

[DISCORD](https://discord.gg/8v6nZH67)

documentation: soon (currently available on discord)

an upcoming open-source css library currently under development, we provide responsive components like footers, navbars, sidenav, forms, etc as well as utility classes, animated buttons, effects and a whole lot more. You just need to paste a few lines of html code and that's it! You dont need to spend hours working on components.

How to use it?

ok so first of all downaload the SCSS file from: https://github.com/Adityeahhh/Fernosa/blob/main/Fernosa/fernosa.scss also download the live sass compiler if you have'nt already, vscode extension: https://marketplace.visualstudio.com/items?itemName=ritwickdey.live-sass

in the scss file, simply edit the theme colors variables to suit your color theme image

like for example change the color blue to gold and it's color value to #FFD700

after you setup the color palette, click on watch sass which appears on the bottom image

and you're done for now! link the css the sass compiler generates to the html and start working.

Removing the unused css

now that you have finished working, all you need to do is head over to https://uncss-online.com paste the css code from the generated css file and paste your html code, click on uncss my styles and copy the generated code below. BOOM, just paste the copied code in place of the old css code and you are done!

please star the repo if you think it helped you :)

Testing kit

if you still want to test fernosa out we do have a testing kit, just link the cdn like any other css file. BUT DO NOT USE THE TESTING KIT IN PRODUCTION ENVIORNMENT

<link rel="stylesheet" href="https://cdn.jsdelivr.net/gh/Adityeahhh/Fernosa@main/FernosaCSS/fernosa.css">

DO NOT USE THE TESTING KIT IN DEVELOPMENT ENVIORNMENT

join our discord if you have any issues our team will gladly assist you

fernosacss's People

Contributors

adipaadi avatar doctorco avatar

Recommend Projects

  • React photo React

    A declarative, efficient, and flexible JavaScript library for building user interfaces.

  • Vue.js photo Vue.js

    ๐Ÿ–– Vue.js is a progressive, incrementally-adoptable JavaScript framework for building UI on the web.

  • Typescript photo Typescript

    TypeScript is a superset of JavaScript that compiles to clean JavaScript output.

  • TensorFlow photo TensorFlow

    An Open Source Machine Learning Framework for Everyone

  • Django photo Django

    The Web framework for perfectionists with deadlines.

  • D3 photo D3

    Bring data to life with SVG, Canvas and HTML. ๐Ÿ“Š๐Ÿ“ˆ๐ŸŽ‰

Recommend Topics

  • javascript

    JavaScript (JS) is a lightweight interpreted programming language with first-class functions.

  • web

    Some thing interesting about web. New door for the world.

  • server

    A server is a program made to process requests and deliver data to clients.

  • Machine learning

    Machine learning is a way of modeling and interpreting data that allows a piece of software to respond intelligently.

  • Game

    Some thing interesting about game, make everyone happy.

Recommend Org

  • Facebook photo Facebook

    We are working to build community through open source technology. NB: members must have two-factor auth.

  • Microsoft photo Microsoft

    Open source projects and samples from Microsoft.

  • Google photo Google

    Google โค๏ธ Open Source for everyone.

  • D3 photo D3

    Data-Driven Documents codes.