Dragon the no class css framework

Based on HTML5 elements, Dragon is a lightweight, accessibility-focused CSS framework.

What is Dragon ?

No class, only build with a strong semantic

This is important for search engines, for people who use assistive technologies, and for improving things.

Light

Web performance matter, so Dragon is light, all in one file

Accessible

Excellent contrast, Hyrachie of information, focus navigation, ect.

I use Dragon.css for my web projet
A fantastic person

Comparaison with Bootstrap

Framework css	Headline	Responsive	Accordion
Bootstrap	Yes	Yes	Yes
Dragon	Yes	Yes	Yes

Some Dragon code logic


/* Layout */

section, aside, header, footer {
    max-width: 1200px;
    width: 100%;
    display: block;
    margin: 0 auto;
}

p {
    max-width: 680px;
    line-height: 160%;
    font-size: 14px;
    color: var(--text-paragraph);
    margin-bottom: 24px;
  }

Interactive elements

Accordion

Accordion is include ?

Yes absolutely

It work's with javascript

No, it native Html5

Dialog

Modal

Form

Important message