Sektor — a lightweight responsive CSS framework.

Sektor is very simple and easy to use in the CSS framework. The size of the framework is only 2kb (gzipped)! This framework contains a set of the most important UI-components for developing a interface for your project. Hope you enjoy!

Typography

Paragraph

Lorem ipsum dolor sit amet, consectetur adipisicing elit. Iste, unde porro cum nulla magnam praesentium ullam, minus eligendi atque iusto tempora inventore dolorem voluptatibus at ex fugit fuga dolorum culpa.

Lead text

Headings

Heading

Buttons with border

Link button Clear link

Buttons with background

Link button

Buttons size

Checkbox

Checkbox (checked)

Checkbox (disabled)

Radio

Radio Button

Radio Button (checked)

Radio Button (disabled)

Inputs

Notifications

Lorem ipsum dolor sit amet, consectetur adipisicing elit. Vel placeat, quibusdam reiciendis aliquid consectetur sed commodi beatae consequuntur dolorem voluptatum modi fugiat architecto omnis porro unde neque quod vitae esse!

Lorem ipsum dolor sit amet, consectetur adipisicing elit. Vel placeat.

Lorem ipsum dolor sit amet, consectetur adipisicing elit.

Table

Name	Age	E-Mail	City
Amon Bower	22	hello@archakov.im	Nazran
Sigmund Freud	83	sigmund@freud.de	Germany
John Doe	45	johndoe@gmail.com	New-York

Table without borders

Name	Age	E-Mail	City
Amon Bower	22	hello@archakov.im	Nazran
Sigmund Freud	83	sigmund@freud.de	Germany
John Doe	45	johndoe@gmail.com	New-York

Table with hover

Name	Age	E-Mail	City
Amon Bower	22	hello@archakov.im	Nazran
Sigmund Freud	83	sigmund@freud.de	Germany
John Doe	45	johndoe@gmail.com	New-York

Table striped

Name	Age	E-Mail	City
Amon Bower	22	hello@archakov.im	Nazran
Sigmund Freud	83	sigmund@freud.de	Germany
John Doe	45	johndoe@gmail.com	New-York
Amon Bower	22	hello@archakov.im	Nazran
Sigmund Freud	83	sigmund@freud.de	Germany
John Doe	45	johndoe@gmail.com	New-York

Code

article,
aside,
footer,
header,
nav,
section {
  display: block;
}

/**
 * Correct the font size and margin on `h1` elements within `section` and
 * `article` contexts in Chrome, Firefox, and Safari.
 */

h1 {
  font-size: 2em;
  margin: 0.67em 0;
}

Sektor — a lightweight responsive CSS framework.

Typography

Paragraph

Lead text

Headings

Heading

Heading

Heading

Heading

Heading

Buttons with border

Buttons with background

Buttons size

Checkbox

Radio

Inputs

Notifications

Table

Table without borders

Table with hover

Table striped

Code

Grid