Tailwind CSS - A Utility-First CSS Framework for Rapidly Building Custom Designs

18 KB

74

Rules

85

Selectors

303

Declarations

61

Properties

Total Declarations

Font Size

14

Float

7

Width

22

Height

15

Color

16

Background Color

3

10 Unique Colors

Aa
#aaa
Aa
#02060c
Aa
#174d8c
Aa
inherit
Aa
#33363d
Aa
#a4a7ae
Aa
#63676d
Aa
#222
Aa
#458ee1
Aa
#3f4145

3 Unique Background Colors

rgba(69,142,225,0)
rgba(69,142,225,.05)
#ebebeb

8 Unique Font Sizes

Font Size 0
Font Size 1.2em
Font Size 1em
Font Size inherit
Font Size 90%
Font Size .9em
Font Size .85em
Font Size 12px

1 Unique Font Family

Menlo,Monaco,Consolas,Courier New,monospace

3 Unique Z Indices

999
1000
2000

Total vs. Unique Declarations

303 total, 164 unique declarations

22
11
Total
Unique
Width
15
7
Total
Unique
Height
9
4
Total
Unique
Margin
22
14
Total
Unique
Padding
16
10
Total
Unique
Color
3
3
Total
Unique
Background Color

Specificity Graph

17
35
52
70

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

Ruleset Size

4
9
13
18

Number of declarations per ruleset

2 Media Queries

(min-width:768px)
(max-width:768px)

Spacing Resets

6

Margin

0

Margin Top

0

Margin Right

0

Margin Bottom

0

Margin Left

 

9

Padding

0

Padding Top

0

Padding Right

0

Padding Bottom

0

Padding Left