UNPKG

css-atoms

Version:

A legal way of doing inline css

github.com/kersh/css-atoms

kersh/css-atoms

96 lines (76 loc) • 3.23 kB
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
35
36
37
38
39
40
41
42
43
44
45
46
47
48
49
50
51
52
53
54
55
56
57
58
59
60
61
62
63
64
65
66
67
68
69
70
71
72
73
74
75
76
77
78
79
80
81
82
83
84
85
86
87
88
89
90
91
92
93
94
95
96
// Config to allow overwrite properties of base classes // Globals // ================================================== @default-separator: --; // Border // ================================================== @border-separator: @default-separator; @border-list: default 1px solid #dfdfdf, thick 3px solid #dfdfdf, none inherit none '!important'; // Background // ================================================== @background-separator: @default-separator; // Border Color // ================================================== @border-color-separator: @default-separator; @border-color-list: default #dfdfdf, accent #43c86f, white #fff; // Border Radius // ================================================== @radius-separator: @default-separator; @radius-list: none 0 '!important', tiny 2px, small 3px, medium 4px; // Cursor // ================================================== @cursor-separator: @default-separator; @cursor-list: 'move' move, 'pointer' pointer, 'default' default; // Color // ================================================== @color-separator: @default-separator; @color-list: 'inherit' inherit, 'accent' #43c86f, 'muted' #787878; // Font Size // ================================================== @font-size-separator: @default-separator; @font-size-list: tiny 10px, small 12px, medium 16, large 21, default 14px, inherit inherit; // Font Weight // ================================================== @font-weight-separator: @default-separator; @font-weight-list: light 300, semi-bold 600, bold 700, normal 400; // Flexbox // ================================================== @flex-order-separator: @default-separator; @flex-order-list: '0' 0, '1' 1, '2' 2, 'last' 9999; // Layout // ================================================== @layout-separator: @default-separator; // Margin // ================================================== @margin-separator: @default-separator; @margin-list: tiny 2px, small 5px, medium 10px, large 15px, auto auto, none 0 '!important'; // Padding // ================================================== @padding-separator: @default-separator; @padding-list: tiny 2px, small 5px, medium 10px, large 15px, none 0 '!important'; // Text Align // ================================================== @text-align-separator: @default-separator; // Text Decoration // ================================================== @text-decoration-separator: @default-separator; @text-decoration-list: 'underline' underline, 'none' none; // Vertical Align // ================================================== @vertical-align-separator: @default-separator; // Width // ================================================== @width-separator: @default-separator; @width-list: '100' 100%, '50' 50%, 'inherit' inherit; // Max-Width // ================================================== @max-width-separator: @default-separator; @max-width-list: '100' 100%, '50' 50%; // Height // ================================================== @height-separator: @default-separator; @height-list: '100' 100%, '50' 50%, 'inherit' inherit; // Z Index // ================================================== @z-index-separator: @default-separator; @z-index-list: 'negative' -1, '1' 1, '50' 50, '100' 100;