29

Basic.css - Classless CSS Starter File

 3 years ago
source link: https://vladocar.github.io/Basic.css/
Go to the source link to view the article. You can view the picture content, updated content and better typesetting reading experience. If the link is broken, please click the button below to view the snapshot at that time.
bQzyQbf.png!web

Lightweight

1 Kb minified and gzipped. No CSS classes.

Basic Typography

Essential typography with the System Font Stack.

IjE7V3b.png!web

Basic Forms

Vivamus non leo magna, quis imperdiet risus.

B3qENnE.png!web

Dark Theme

Easy to customize color palette and dark theme.

Flex Grid without classes

By putting aside tag inside selection tag container you could make infinite flex grid.

3yEvi2U.png!web

Round corners

Round corners --rc are set to 8px by default. Set --rc to 0px if you don't like rounded corners.

Basic Typography

Suspendisse rhoncus, est ac sollicitudin viverra, leo orci sagittis massa, sed condimentum acronym text est tortor a lectus. Curabitur porta feugiat ullamcorper. Integer lacinia mi id odio faucibus eget tincidunt nisl iaculis. Nam adipiscing hendrerit turpis, et porttitor felis sollicitudin et. Donec dictum massa ac neque accumsan tempor. Cras aliquam, ipsum sit amet laoreet hendrerit, purus

deleted text

sapien convallis dui, et porta leo ipsum ac nunc. Nullam ornare porta dui ac semper. Cras aliquam laoreet hendrerit. Quisque vulputate dolor eget mi porta vel porta nisl pretium. Vivamus non leo magna, quis imperdiet risus. Morbi tempor risus placerat tellus imperdiet fringilla.

 Why I am not one who was born in the possession of knowledge; I am & one who is fond of antiquity, and earnest in seeking it there.

Confucius, The Confucian Analects , (551 BC - 479 BC)

Ordered lists

  1. Unus
  2. Duo
  3. Tres
  4. Quattuor

Unordered lists

  • Lorem ipsum dolor sit amet
  • Consectetur adipisicing elit
  • Sed do eiusmod tempor incididunt ut labore et dolore magna aliqua
  • Ut enim ad minim veniam

Lorem ipsum dolor sit amet,consectetur adipisicing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua.

body { font:0.8125em/1.618 Arial, sans-serif;
background-color:#fff;
color:#111;
}

Duis aute irure dolor in reprehenderit in voluptate velit esse cillum dolore eu fugiat nulla pariatur. Excepteur sint occaecat cupidatat non proident, sunt in culpa qui officia deserunt mollit anim id est laborum.

Tables

Jimi Hendrix - albums Album Year Price Album Year Price Are You Experienced 1967 $10.00 Axis: Bold as Love 1967 $12.00 Electric Ladyland 1968 $10.00 Band of Gypsys 1970 $12.00

Infinity Grid


report

Recommend

About Joyk


Aggregate valuable and interesting links.
Joyk means Joy of geeK