Logo

AloneCSS

Just another simple CSS Stylesheet.

AloneCSS is just another simple CSS library to make your website look more beautiful. It is based on Nomalize.css and LotusCSS. It is as small as ~6kb(excluding icons). Works on all browsers: Chrome. Firefox Edge. IE. Safari. Opera. Responsive on all platforms: Desktop. Laptop. Tablet. Mobile. Follow me on Github Follow @alight659

Download

Typography

Heading <h1>

Heading <h2>

Heading <h3>

Heading <h4>

Heading <h5>
Heading <h6>


A quote!

Programming is an art which anyone can learn.

— Alight
abbr
Bold Text
// this is some code
Deleted
Emphasis
Italics
Ctrl + Alt + Del
Marked Text
This is a sample
I am really small
123super
123sub
Strong Text
Variable
Normal text light text

Lists

Features
  • Really, small
  • It Works
    • Responsive File
    • X-Browser Compatible
  • Lots of Things
    • Font
      • OpenSans font
    • Grid
    • Buttons
    • Forms
    • Icons
    • and More
How to Use
  1. Download the CSS file.
  2. Import it to your html Document.
    1. In the head section paste < link rel="stylesheet" href="{FolderUrl}/alone.min.css">
    2. Enjoy the UI
  3. npm Coming Soon
    1. ????
    2. ?????
    3. ??????
    4. CDN Coming Soon
      1. ??
      2. ????
      3. ?????
      4. ???????
  4. Result

Paragraphs

Paragraph — Title

Lorem ipsum dolor sit amet, iudicabit scriptorem cu qui, et deleniti oportere pri. Erant numquam petentium no pri, te mei dicunt adversarium, sed nihil iudico eu. No erant viris fabellas ius, ex diam oblique vim. Cum ad voluptua elaboraret, his id fabellas delicatissimi, meis facilis prodesset no his. Cu quas expetendis has. Pri an reque doctus, vis mundi possit no.

Lorem ipsum dolor sit amet, in nam altera dolorum senserit, nobis appareat ut nam, nibh euripidis pro te. Ne duo quas nulla accommodare, sed ei quodsi mentitum constituam. Ei mazim.

In quod convenire pro, ut qui nihil recusabo, utamur ornatus aliquando ei eam. No vim convenire disputando, eum te vitae accusamus interesset. Eu per praesent tractatos, doming convenire deterruisset te nec.

Error saperet consectetuer pro in, has augue nostrud ei. Eum vitae altera eloquentiam at, nihil assentior nam et.


Sub-heading

Mel munere invidunt torquatos in. Quod enim debitis nec in, eu duis legimus has. Ei fugit volutpat est, ex enim agam omittam vix. In est eirmod epicuri, cu nec iusto nostrud. Detraxit theophrastus nec in.

Grid

 

Responsive Extras

3 columns which vary on screen size
show/hide helpers
.show-lg
.hide-lg
.show-md
.hide-md
.show-sm
.hide-sm

Buttons

Forms

Form Controls


A basic sign-in form


Form Addons

$

$

Tables

# Fruits Veggies Colors
1 Bananas Cucumber Pink
2 Grapes Onion Purple
3 Pineapple Carrot Yellow

Colors

 
R
G
B
C
M
Y
K

Extras

.txt-center
.txt-right
.txt-upper
.txt-light
.txt-bold
.fl-left
.fl-right

Icons

Credits

Developed by Alight

Join my Discord Server

Inspired by LotusCSS & Nomalize.css

© 2019 Alight