Skip to content
A vaporwave CSS framework
CSS JavaScript
Branch: master
Clone or download
Fetching latest commit…
Cannot retrieve the latest commit at this time.
Permalink
Type Name Latest commit message Commit time
Failed to load latest commit information.
demo
readme Finished up the README Sep 17, 2018
src Finally added a nice Table of contents Sep 17, 2018
.DS_Store
.gitignore
LICENSE
README.md Added reference material to README Sep 17, 2018
aesthetic.css
build.js
package-lock.json
package.json 1.0.0 Sep 17, 2018

README.md

A E S T H E T I C C S S

npm GitHub Buy Me A Coffee

A vaporwave css framework

Demo / Documentation

Aesthetic CSS Load Intro

Table Of Contents

Features

  • Includes Elements, Colors, and Effects

  • Framework fits in ~40KB (as of 9/17/18) 👌

  • Written with SASS, only import what you need 😍

  • Compatible with AMPHTML

Example Elements

Button Element Example] Text Input Example C R T Example Windows 95 Modal Example Windows XP Modal Example

Installation

npm

npm install --save aesthetic-css

html link

Feel free to download the latest aesthetic.css from the master branch, or one of our releases.

<link rel="stylesheet" type="text/css" href="aesthetics.css">

Importing Modules

Similar to Bulma's Modularity, you can import specific sass files from the src directory.

For example:

@import "../node_modules/aesthetic-css/src/variables";

Suggested Fonts

Google Fonts

Contributing

Feel free to fork and submit PRs! Any help is much appreciated, and would be a ton of fun! I would appreciate opening an issue, or replying to an already open issue to express intent of trying to solve the issue, and we discuss.

Installation

Just your standard node app. Install Node with nvm, git clone the project, and npm install, and you should be good to go!

Npm Scripts & CLI Commands

# Watch for changes and serve the project. You want to use this for development/contributing.
npm run dev

# Build the demo, and the Sass to css
npm run build

# Runs npm run build, but includes the livereload script. Used in npm run dev
npm run build:dev

# Only builds the Sass to css
npm run style:build

# Run the http server for development
npm run serve

# Run the livereload server to livereload the http server
npm run livereload

# Watch the files for changes, and build
npm run watch

Reference Material

Authors

Aaron Turner and Daniel Gomez

License

Licensed under Apache 2.0. 🐦

You can’t perform that action at this time.