nightshade 0.2.0 → 1.0.0-2

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
Files changed (34) hide show
  1. package/dist/nightshade.css +1 -0
  2. package/dist/nightshade.js +186 -0
  3. package/package.json +32 -25
  4. package/stylesheets/article.css +21 -0
  5. package/stylesheets/base.css +124 -0
  6. package/stylesheets/index.css +9 -0
  7. package/stylesheets/transitions.css +106 -0
  8. package/stylesheets/util.css +82 -0
  9. package/stylesheets/vars/color-tokens.css +128 -0
  10. package/stylesheets/vars/commons.css +28 -0
  11. package/stylesheets/vars/spacing.css +20 -0
  12. package/stylesheets/vars/typography.css +16 -0
  13. package/.idea/jsLibraryMappings.xml +0 -6
  14. package/.idea/modules.xml +0 -8
  15. package/.idea/nightshade.iml +0 -8
  16. package/.idea/vcs.xml +0 -6
  17. package/.idea/watcherTasks.xml +0 -4
  18. package/.idea/workspace.xml +0 -672
  19. package/.npmignore +0 -3
  20. package/README.md +0 -128
  21. package/components/btn.styl +0 -112
  22. package/components/container.styl +0 -19
  23. package/components/ctl-group.styl +0 -27
  24. package/components/grid.styl +0 -84
  25. package/components/index.styl +0 -5
  26. package/components/input.styl +0 -63
  27. package/core/base.styl +0 -82
  28. package/core/helpers.styl +0 -56
  29. package/core/index.styl +0 -6
  30. package/core/mixins.styl +0 -12
  31. package/core/reset.styl +0 -32
  32. package/core/swatches.styl +0 -210
  33. package/core/variables.styl +0 -66
  34. package/index.styl +0 -2
package/core/swatches.styl DELETED
@@ -1,210 +0,0 @@
1
- $WHITE = #fff
2
-
3
- $RED_50 = #ffebee
4
- $RED_100 = #ffcdd2
5
- $RED_200 = #ef9a9a
6
- $RED_300 = #e57373
7
- $RED_400 = #ef5350
8
- $RED_500 = #f44336
9
- $RED_600 = #e53935
10
- $RED_700 = #d32f2f
11
- $RED_800 = #c62828
12
- $RED_900 = #b71c1c
13
-
14
- $PINK_50 = #fce4ec
15
- $PINK_100 = #f8bbd0
16
- $PINK_200 = #f48fb1
17
- $PINK_300 = #f06292
18
- $PINK_400 = #ec407a
19
- $PINK_500 = #e91e63
20
- $PINK_600 = #d81b60
21
- $PINK_700 = #c2185b
22
- $PINK_800 = #ad1457
23
- $PINK_900 = #880e4f
24
-
25
- $PURPLE_50 = #f3e5f5
26
- $PURPLE_100 = #e1bee7
27
- $PURPLE_200 = #ce93d8
28
- $PURPLE_300 = #ba68c8
29
- $PURPLE_400 = #ab47bc
30
- $PURPLE_500 = #9c27b0
31
- $PURPLE_600 = #8e24aa
32
- $PURPLE_700 = #7b1fa2
33
- $PURPLE_800 = #6a1b9a
34
- $PURPLE_900 = #4a148c
35
-
36
- $DEEP_PURPLE_50 = #ede7f6
37
- $DEEP_PURPLE_100 = #d1c4e9
38
- $DEEP_PURPLE_200 = #b39ddb
39
- $DEEP_PURPLE_300 = #9575cd
40
- $DEEP_PURPLE_400 = #7e57c2
41
- $DEEP_PURPLE_500 = #673ab7
42
- $DEEP_PURPLE_600 = #5e35b1
43
- $DEEP_PURPLE_700 = #512da8
44
- $DEEP_PURPLE_800 = #4527a0
45
- $DEEP_PURPLE_900 = #311b92
46
-
47
- $INDIGO_50 = #e8eaf6
48
- $INDIGO_100 = #c5cae9
49
- $INDIGO_200 = #9fa8da
50
- $INDIGO_300 = #7986cb
51
- $INDIGO_400 = #5c6bc0
52
- $INDIGO_500 = #3f51b5
53
- $INDIGO_600 = #3949ab
54
- $INDIGO_700 = #303f9f
55
- $INDIGO_800 = #283593
56
- $INDIGO_900 = #1a237e
57
-
58
- $BLUE_50 = #e3f2fd
59
- $BLUE_100 = #bbdefb
60
- $BLUE_200 = #90caf9
61
- $BLUE_300 = #64b5f6
62
- $BLUE_400 = #42a5f5
63
- $BLUE_500 = #2196f3
64
- $BLUE_600 = #1e88e5
65
- $BLUE_700 = #1976d2
66
- $BLUE_800 = #1565c0
67
- $BLUE_900 = #0d47a1
68
-
69
- $LIGHT_BLUE_50 = #e1f5fe
70
- $LIGHT_BLUE_100 = #b3e5fc
71
- $LIGHT_BLUE_200 = #81d4fa
72
- $LIGHT_BLUE_300 = #4fc3f7
73
- $LIGHT_BLUE_400 = #29b6f6
74
- $LIGHT_BLUE_500 = #03a9f4
75
- $LIGHT_BLUE_600 = #039be5
76
- $LIGHT_BLUE_700 = #0288d1
77
- $LIGHT_BLUE_800 = #0277bd
78
- $LIGHT_BLUE_900 = #01579b
79
-
80
- $CYAN_50 = #e0f7fa
81
- $CYAN_100 = #b2ebf2
82
- $CYAN_200 = #80deea
83
- $CYAN_300 = #4dd0e1
84
- $CYAN_400 = #26c6da
85
- $CYAN_500 = #00bcd4
86
- $CYAN_600 = #00acc1
87
- $CYAN_700 = #0097a7
88
- $CYAN_800 = #00838f
89
- $CYAN_900 = #006064
90
-
91
- $TEAL_50 = #e0f2f1
92
- $TEAL_100 = #b2dfdb
93
- $TEAL_200 = #80cbc4
94
- $TEAL_300 = #4db6ac
95
- $TEAL_400 = #26a69a
96
- $TEAL_500 = #009688
97
- $TEAL_600 = #00897b
98
- $TEAL_700 = #00796b
99
- $TEAL_800 = #00695c
100
- $TEAL_900 = #004d40
101
-
102
- $GREEN_50 = #e8f5e9
103
- $GREEN_100 = #c8e6c9
104
- $GREEN_200 = #a5d6a7
105
- $GREEN_300 = #81c784
106
- $GREEN_400 = #66bb6a
107
- $GREEN_500 = #4caf50
108
- $GREEN_600 = #43a047
109
- $GREEN_700 = #388e3c
110
- $GREEN_800 = #2e7d32
111
- $GREEN_900 = #1b5e20
112
-
113
- $LIGHT_GREEN_50 = #f1f8e9
114
- $LIGHT_GREEN_100 = #dcedc8
115
- $LIGHT_GREEN_200 = #c5e1a5
116
- $LIGHT_GREEN_300 = #aed581
117
- $LIGHT_GREEN_400 = #9ccc65
118
- $LIGHT_GREEN_500 = #8bc34a
119
- $LIGHT_GREEN_600 = #7cb342
120
- $LIGHT_GREEN_700 = #689f38
121
- $LIGHT_GREEN_800 = #558b2f
122
- $LIGHT_GREEN_900 = #33691e
123
-
124
- $LIME_50 = #f9fbe7
125
- $LIME_100 = #f0f4c3
126
- $LIME_200 = #e6ee9c
127
- $LIME_300 = #dce775
128
- $LIME_400 = #d4e157
129
- $LIME_500 = #cddc39
130
- $LIME_600 = #c0ca33
131
- $LIME_700 = #afb42b
132
- $LIME_800 = #9e9d24
133
- $LIME_900 = #827717
134
-
135
- $YELLOW_50 = #fffde7
136
- $YELLOW_100 = #fff9c4
137
- $YELLOW_200 = #fff59d
138
- $YELLOW_300 = #fff176
139
- $YELLOW_400 = #ffee58
140
- $YELLOW_500 = #ffeb3b
141
- $YELLOW_600 = #fdd835
142
- $YELLOW_700 = #fbc02d
143
- $YELLOW_800 = #f9a825
144
- $YELLOW_900 = #f57f17
145
-
146
- $AMBER_50 = #fff8e1
147
- $AMBER_100 = #ffecb3
148
- $AMBER_200 = #ffe082
149
- $AMBER_300 = #ffd54f
150
- $AMBER_400 = #ffca28
151
- $AMBER_500 = #ffc107
152
- $AMBER_600 = #ffb300
153
- $AMBER_700 = #ffa000
154
- $AMBER_800 = #ff8f00
155
- $AMBER_900 = #ff6f00
156
-
157
- $ORANGE_50 = #fff3e0
158
- $ORANGE_100 = #ffe0b2
159
- $ORANGE_200 = #ffcc80
160
- $ORANGE_300 = #ffb74d
161
- $ORANGE_400 = #ffa726
162
- $ORANGE_500 = #ff9800
163
- $ORANGE_600 = #fb8c00
164
- $ORANGE_700 = #f57c00
165
- $ORANGE_800 = #ef6c00
166
- $ORANGE_900 = #e65100
167
-
168
- $DEEP_ORANGE_50 = #fbe9e7
169
- $DEEP_ORANGE_100 = #ffccbc
170
- $DEEP_ORANGE_200 = #ffab91
171
- $DEEP_ORANGE_300 = #ff8a65
172
- $DEEP_ORANGE_400 = #ff7043
173
- $DEEP_ORANGE_500 = #ff5722
174
- $DEEP_ORANGE_600 = #f4511e
175
- $DEEP_ORANGE_700 = #e64a19
176
- $DEEP_ORANGE_800 = #d84315
177
- $DEEP_ORANGE_900 = #bf360c
178
-
179
- $BROWN_50 = #efebe9
180
- $BROWN_100 = #d7ccc8
181
- $BROWN_200 = #bcaaa4
182
- $BROWN_300 = #a1887f
183
- $BROWN_400 = #8d6e63
184
- $BROWN_500 = #795548
185
- $BROWN_600 = #6d4c41
186
- $BROWN_700 = #5d4037
187
- $BROWN_800 = #4e342e
188
- $BROWN_900 = #3e2723
189
-
190
- $GREY_50 = #fafafa
191
- $GREY_100 = #f5f5f5
192
- $GREY_200 = #eeeeee
193
- $GREY_300 = #e0e0e0
194
- $GREY_400 = #bdbdbd
195
- $GREY_500 = #9e9e9e
196
- $GREY_600 = #757575
197
- $GREY_700 = #616161
198
- $GREY_800 = #424242
199
- $GREY_900 = #212121
200
-
201
- $BLUE_GREY_50 = #eceff1
202
- $BLUE_GREY_100 = #cfd8dc
203
- $BLUE_GREY_200 = #b0bec5
204
- $BLUE_GREY_300 = #90a4ae
205
- $BLUE_GREY_400 = #78909c
206
- $BLUE_GREY_500 = #607d8b
207
- $BLUE_GREY_600 = #546e7a
208
- $BLUE_GREY_700 = #455a64
209
- $BLUE_GREY_800 = #37474f
210
- $BLUE_GREY_900 = #263238
package/core/variables.styl DELETED
@@ -1,66 +0,0 @@
1
- // Typographics
2
-
3
- $font-main ?= Helvetica Neue, Helvetica, sans-serif;
4
- $font-weight-normal ?= 300
5
- $font-weight-bold ?= 600
6
- $font-antialias ?= true
7
-
8
- $font-code ?= Consolas, Liberation Mono, Menlo, Courier, monospace
9
-
10
- $font-size ?= 16px
11
- $line-height ?= 1.5
12
-
13
- // Metrics
14
-
15
- $gap ?= 1em
16
- $gap-small ?= ($gap / 2)
17
- $gap-large ?= ($gap * 2)
18
-
19
- $sizes ?= 'smaller' 'small' 'normal' 'large' 'larger'
20
-
21
- $type-larger ?= 1.5em
22
- $type-large ?= 1.2em
23
- $type-normal ?= 1em
24
- $type-small ?= 0.85em
25
- $type-smaller ?= 0.75em
26
-
27
- // Responsive widths
28
-
29
- $screen-small-max ?= 480px
30
- $screen-medium-min ?= 481px
31
- $screen-medium-middle ?= 640px
32
- $screen-medium-max ?= 1023px
33
- $screen-large-min ?= 1024px
34
-
35
- // Color scheme
36
-
37
- $colors ?= 'base' 'default' 'primary' 'warning' 'critical'
38
-
39
- $color-base ?= $WHITE
40
- $color-base-text ?= $BLUE_GREY_900
41
- $color-default ?= $GREY_200;
42
-
43
- $color-primary ?= $LIGHT_BLUE_700;
44
-
45
- $color-warning ?= $AMBER_700
46
- $color-critical ?= $RED_800
47
-
48
- for $c in $colors {
49
- $color = lookup('$color-' + $c);
50
- if (!lookup('$color-' + $c + '-text')) {
51
- define('$color-' + $c + '-text', $color-text($color));
52
- }
53
- if (!lookup('$color-' + $c + '-border')) {
54
- define('$color-' + $c + '-border', $color-border($color));
55
- }
56
- }
57
-
58
- // UI
59
-
60
- $ctl-radius ?= 2px
61
- $ctl-height ?= 2em
62
-
63
- $link-color ?= $color-primary
64
-
65
- $body-background ?= $color-base
66
- $body-color ?= $color-base-text
package/index.styl DELETED
@@ -1,2 +0,0 @@
1
- @import './core'
2
- @import './components'