You signed in with another tab or window. Reload to refresh your session.You signed out in another tab or window. Reload to refresh your session.You switched accounts on another tab or window. Reload to refresh your session.Dismiss alert
OK.css is a
classless CSS framework. Dropping it into your HTML will make your page look decent — no need to reference documentation, think about responsiveness, or account for browser differences as long as your markup is semantically-correct.
OK.css is somewhere between a CSS normalizer and a full-fledged framework like Bootstrap or Tailwind. It's great for blogs or small single-page applications, but might not be so great for large, interactive apps that require JavaScript or custom elements.
Development
Install dependencies with yarn install.
You can start a local server with yarn start. By default, the page will be available at https://localhost:5000.
Make updates to the CSS file in ./src/ok.css and yarn build to create a minified version available in ./dist/ok.min.css.
This repo is set up with Netlify's continuous deployment. yarn deploy copies files into a .gitignored directory called _site and _site is hosted on Netlify.
Releasing
Confirm changes with:
yarn release:dry
Release with:
yarn release
Contributing
Pull requests are welcome! If you find a bug or have a feature request, please submit a GitHub issue.
Alternative features
Not all UI features can be implemented with classless CSS while remaining accessible and supported cross-browser. For more complex features, you may need to supplement this framework with additional HTML, CSS, or JavaScript.
Here are some suggestions for altering the behavior of certain elements.
Feature
Make tables scroll horizontally when they are wider than the main content width.