Atomic CSS

14 KB

294

Rules

427

Selectors

466

Declarations

104

Properties

Total Declarations

Font Size

17

Float

4

Width

30

Height

14

Color

27

Background Color

9

18 Unique Colors

Aa
#000
Aa
#4c4c4c
Aa
#0280AE
Aa
#0280ae
Aa
#07f
Aa
#ccc
Aa
#f2438c
Aa
#fff
Aa
#333
Aa
#998
Aa
teal
Aa
#d14
Aa
navy
Aa
#900
Aa
#458
Aa
#009926
Aa
#0086b3
Aa
#999

8 Unique Background Colors

transparent
rgba(0,0,0,.6)
#0280ae
rgba(2,128,174,.5)
rgba(2,128,174,.6)
rgba(2,128,174,.8)
#fff
rgba(255,255,255,.3)

14 Unique Font Sizes

Font Size 0
Font Size "Helvetica Neue", "Helvetica", "Arial", sans-serif
Font Size 55px
Font Size 48px
Font Size 40px
Font Size 30px
Font Size 28px
Font Size 20px
Font Size 19px
Font Size 18px
Font Size inherit
Font Size .94em
Font Size 14px
Font Size 12px

4 Unique Font Families

Nobile
Monaco,"Courier New",monospace
Consolas,"Liberation Mono",Menlo,Courier,monospace
"Helvetica Neue", "Helvetica", "Arial", sans-serif

5 Unique Z Indices

-1
1
3
5
7

Total vs. Unique Declarations

466 total, 330 unique declarations

30
20
Total
Unique
Width
14
9
Total
Unique
Height
9
7
Total
Unique
Margin
12
8
Total
Unique
Padding
27
18
Total
Unique
Color
9
8
Total
Unique
Background Color

Specificity Graph

28
56
84
113

Base 10 specificity score for each selector by source order. Generally, lower scores and flatter curves are better for maintainability. Learn More

Ruleset Size

3
7
11
15

Number of declarations per ruleset

4 Media Queries

screen and (max-width:700px)
screen and (min-width:700px)
screen and (min-width:999px)
screen and (min-width:1200px)

Spacing Resets

3

Margin

2

Margin Top

0

Margin Right

1

Margin Bottom

3

Margin Left

 

5

Padding

1

Padding Top

0

Padding Right

1

Padding Bottom

1

Padding Left