tachyonscss-rails 4.9.0

Sign up to get free protection for your applications and to get access to all the features.
Files changed (69) hide show
  1. checksums.yaml +7 -0
  2. data/LICENSE.md +33 -0
  3. data/README.md +42 -0
  4. data/Rakefile +43 -0
  5. data/app/assets/stylesheets/scss/_aspect-ratios.scss +142 -0
  6. data/app/assets/stylesheets/scss/_background-position.scss +133 -0
  7. data/app/assets/stylesheets/scss/_background-size.scss +41 -0
  8. data/app/assets/stylesheets/scss/_border-colors.scss +93 -0
  9. data/app/assets/stylesheets/scss/_border-radius.scss +134 -0
  10. data/app/assets/stylesheets/scss/_border-style.scss +55 -0
  11. data/app/assets/stylesheets/scss/_border-widths.scss +81 -0
  12. data/app/assets/stylesheets/scss/_borders.scss +65 -0
  13. data/app/assets/stylesheets/scss/_box-shadow.scss +48 -0
  14. data/app/assets/stylesheets/scss/_box-sizing.scss +49 -0
  15. data/app/assets/stylesheets/scss/_clears.scss +47 -0
  16. data/app/assets/stylesheets/scss/_code.scss +18 -0
  17. data/app/assets/stylesheets/scss/_coordinates.scss +153 -0
  18. data/app/assets/stylesheets/scss/_debug-children.scss +21 -0
  19. data/app/assets/stylesheets/scss/_debug-grid.scss +33 -0
  20. data/app/assets/stylesheets/scss/_debug.scss +127 -0
  21. data/app/assets/stylesheets/scss/_debug_children.scss +18 -0
  22. data/app/assets/stylesheets/scss/_display.scss +111 -0
  23. data/app/assets/stylesheets/scss/_flexbox.scss +257 -0
  24. data/app/assets/stylesheets/scss/_floats.scss +56 -0
  25. data/app/assets/stylesheets/scss/_font-family.scss +99 -0
  26. data/app/assets/stylesheets/scss/_font-style.scss +36 -0
  27. data/app/assets/stylesheets/scss/_font-weight.scss +87 -0
  28. data/app/assets/stylesheets/scss/_forms.scss +23 -0
  29. data/app/assets/stylesheets/scss/_gradients.scss +29 -0
  30. data/app/assets/stylesheets/scss/_heights.scss +131 -0
  31. data/app/assets/stylesheets/scss/_hovers.scss +166 -0
  32. data/app/assets/stylesheets/scss/_images.scss +18 -0
  33. data/app/assets/stylesheets/scss/_letter-spacing.scss +40 -0
  34. data/app/assets/stylesheets/scss/_line-height.scss +41 -0
  35. data/app/assets/stylesheets/scss/_links.scss +34 -0
  36. data/app/assets/stylesheets/scss/_lists.scss +15 -0
  37. data/app/assets/stylesheets/scss/_max-widths.scss +105 -0
  38. data/app/assets/stylesheets/scss/_module-template.scss +29 -0
  39. data/app/assets/stylesheets/scss/_negative-margins.scss +205 -0
  40. data/app/assets/stylesheets/scss/_nested.scss +63 -0
  41. data/app/assets/stylesheets/scss/_normalize.scss +454 -0
  42. data/app/assets/stylesheets/scss/_opacity.scss +27 -0
  43. data/app/assets/stylesheets/scss/_outlines.scss +39 -0
  44. data/app/assets/stylesheets/scss/_overflow.scss +82 -0
  45. data/app/assets/stylesheets/scss/_position.scss +44 -0
  46. data/app/assets/stylesheets/scss/_rotations.scss +50 -0
  47. data/app/assets/stylesheets/scss/_skins-pseudo.scss +243 -0
  48. data/app/assets/stylesheets/scss/_skins.scss +143 -0
  49. data/app/assets/stylesheets/scss/_spacing.scss +947 -0
  50. data/app/assets/stylesheets/scss/_styles.scss +15 -0
  51. data/app/assets/stylesheets/scss/_tables.scss +42 -0
  52. data/app/assets/stylesheets/scss/_text-align.scss +53 -0
  53. data/app/assets/stylesheets/scss/_text-decoration.scss +42 -0
  54. data/app/assets/stylesheets/scss/_text-transform.scss +53 -0
  55. data/app/assets/stylesheets/scss/_type-scale.scss +102 -0
  56. data/app/assets/stylesheets/scss/_typography.scss +129 -0
  57. data/app/assets/stylesheets/scss/_utilities.scss +57 -0
  58. data/app/assets/stylesheets/scss/_variables.scss +143 -0
  59. data/app/assets/stylesheets/scss/_vertical-align.scss +43 -0
  60. data/app/assets/stylesheets/scss/_visibility.scss +58 -0
  61. data/app/assets/stylesheets/scss/_white-space.scss +41 -0
  62. data/app/assets/stylesheets/scss/_widths.scss +150 -0
  63. data/app/assets/stylesheets/scss/_word-break.scss +43 -0
  64. data/app/assets/stylesheets/scss/_z-index.scss +60 -0
  65. data/app/assets/stylesheets/tachyons.scss +94 -0
  66. data/lib/tachyonscss-rails/engine.rb +11 -0
  67. data/lib/tachyonscss-rails/version.rb +3 -0
  68. data/lib/tachyonscss-rails.rb +5 -0
  69. metadata +113 -0
data/app/assets/stylesheets/scss/_module-template.scss ADDED
@@ -0,0 +1,29 @@
1
+
2
+ // Converted Variables
3
+
4
+
5
+ // Custom Media Query Variables
6
+
7
+
8
+ /*
9
+
10
+ MODULE NAME
11
+
12
+ Use this scaffolding to create or extend your own modules with tachyons
13
+ style architecture.
14
+
15
+ */
16
+
17
+
18
+ @media #{$breakpoint-not-small} {
19
+
20
+ }
21
+
22
+ @media #{$breakpoint-medium} {
23
+
24
+ }
25
+
26
+ @media #{$breakpoint-large} {
27
+
28
+ }
29
+
data/app/assets/stylesheets/scss/_negative-margins.scss ADDED
@@ -0,0 +1,205 @@
1
+
2
+ // Converted Variables
3
+
4
+
5
+ // Custom Media Query Variables
6
+
7
+
8
+ /*
9
+ NEGATIVE MARGINS
10
+
11
+ Base:
12
+ n = negative
13
+
14
+ Modifiers:
15
+ a = all
16
+ t = top
17
+ r = right
18
+ b = bottom
19
+ l = left
20
+
21
+ 1 = 1st step in spacing scale
22
+ 2 = 2nd step in spacing scale
23
+ 3 = 3rd step in spacing scale
24
+ 4 = 4th step in spacing scale
25
+ 5 = 5th step in spacing scale
26
+ 6 = 6th step in spacing scale
27
+ 7 = 7th step in spacing scale
28
+
29
+ Media Query Extensions:
30
+ -ns = not-small
31
+ -m = medium
32
+ -l = large
33
+
34
+ */
35
+
36
+
37
+
38
+ .na1 { margin: -$spacing-extra-small; }
39
+ .na2 { margin: -$spacing-small; }
40
+ .na3 { margin: -$spacing-medium; }
41
+ .na4 { margin: -$spacing-large; }
42
+ .na5 { margin: -$spacing-extra-large; }
43
+ .na6 { margin: -$spacing-extra-extra-large; }
44
+ .na7 { margin: -$spacing-extra-extra-extra-large; }
45
+
46
+ .nl1 { margin-left: -$spacing-extra-small; }
47
+ .nl2 { margin-left: -$spacing-small; }
48
+ .nl3 { margin-left: -$spacing-medium; }
49
+ .nl4 { margin-left: -$spacing-large; }
50
+ .nl5 { margin-left: -$spacing-extra-large; }
51
+ .nl6 { margin-left: -$spacing-extra-extra-large; }
52
+ .nl7 { margin-left: -$spacing-extra-extra-extra-large; }
53
+
54
+ .nr1 { margin-right: -$spacing-extra-small; }
55
+ .nr2 { margin-right: -$spacing-small; }
56
+ .nr3 { margin-right: -$spacing-medium; }
57
+ .nr4 { margin-right: -$spacing-large; }
58
+ .nr5 { margin-right: -$spacing-extra-large; }
59
+ .nr6 { margin-right: -$spacing-extra-extra-large; }
60
+ .nr7 { margin-right: -$spacing-extra-extra-extra-large; }
61
+
62
+ .nb1 { margin-bottom: -$spacing-extra-small; }
63
+ .nb2 { margin-bottom: -$spacing-small; }
64
+ .nb3 { margin-bottom: -$spacing-medium; }
65
+ .nb4 { margin-bottom: -$spacing-large; }
66
+ .nb5 { margin-bottom: -$spacing-extra-large; }
67
+ .nb6 { margin-bottom: -$spacing-extra-extra-large; }
68
+ .nb7 { margin-bottom: -$spacing-extra-extra-extra-large; }
69
+
70
+ .nt1 { margin-top: -$spacing-extra-small; }
71
+ .nt2 { margin-top: -$spacing-small; }
72
+ .nt3 { margin-top: -$spacing-medium; }
73
+ .nt4 { margin-top: -$spacing-large; }
74
+ .nt5 { margin-top: -$spacing-extra-large; }
75
+ .nt6 { margin-top: -$spacing-extra-extra-large; }
76
+ .nt7 { margin-top: -$spacing-extra-extra-extra-large; }
77
+
78
+ @media #{$breakpoint-not-small} {
79
+
80
+ .na1-ns { margin: -$spacing-extra-small; }
81
+ .na2-ns { margin: -$spacing-small; }
82
+ .na3-ns { margin: -$spacing-medium; }
83
+ .na4-ns { margin: -$spacing-large; }
84
+ .na5-ns { margin: -$spacing-extra-large; }
85
+ .na6-ns { margin: -$spacing-extra-extra-large; }
86
+ .na7-ns { margin: -$spacing-extra-extra-extra-large; }
87
+
88
+ .nl1-ns { margin-left: -$spacing-extra-small; }
89
+ .nl2-ns { margin-left: -$spacing-small; }
90
+ .nl3-ns { margin-left: -$spacing-medium; }
91
+ .nl4-ns { margin-left: -$spacing-large; }
92
+ .nl5-ns { margin-left: -$spacing-extra-large; }
93
+ .nl6-ns { margin-left: -$spacing-extra-extra-large; }
94
+ .nl7-ns { margin-left: -$spacing-extra-extra-extra-large; }
95
+
96
+ .nr1-ns { margin-right: -$spacing-extra-small; }
97
+ .nr2-ns { margin-right: -$spacing-small; }
98
+ .nr3-ns { margin-right: -$spacing-medium; }
99
+ .nr4-ns { margin-right: -$spacing-large; }
100
+ .nr5-ns { margin-right: -$spacing-extra-large; }
101
+ .nr6-ns { margin-right: -$spacing-extra-extra-large; }
102
+ .nr7-ns { margin-right: -$spacing-extra-extra-extra-large; }
103
+
104
+ .nb1-ns { margin-bottom: -$spacing-extra-small; }
105
+ .nb2-ns { margin-bottom: -$spacing-small; }
106
+ .nb3-ns { margin-bottom: -$spacing-medium; }
107
+ .nb4-ns { margin-bottom: -$spacing-large; }
108
+ .nb5-ns { margin-bottom: -$spacing-extra-large; }
109
+ .nb6-ns { margin-bottom: -$spacing-extra-extra-large; }
110
+ .nb7-ns { margin-bottom: -$spacing-extra-extra-extra-large; }
111
+
112
+ .nt1-ns { margin-top: -$spacing-extra-small; }
113
+ .nt2-ns { margin-top: -$spacing-small; }
114
+ .nt3-ns { margin-top: -$spacing-medium; }
115
+ .nt4-ns { margin-top: -$spacing-large; }
116
+ .nt5-ns { margin-top: -$spacing-extra-large; }
117
+ .nt6-ns { margin-top: -$spacing-extra-extra-large; }
118
+ .nt7-ns { margin-top: -$spacing-extra-extra-extra-large; }
119
+
120
+ }
121
+
122
+ @media #{$breakpoint-medium} {
123
+ .na1-m { margin: -$spacing-extra-small; }
124
+ .na2-m { margin: -$spacing-small; }
125
+ .na3-m { margin: -$spacing-medium; }
126
+ .na4-m { margin: -$spacing-large; }
127
+ .na5-m { margin: -$spacing-extra-large; }
128
+ .na6-m { margin: -$spacing-extra-extra-large; }
129
+ .na7-m { margin: -$spacing-extra-extra-extra-large; }
130
+
131
+ .nl1-m { margin-left: -$spacing-extra-small; }
132
+ .nl2-m { margin-left: -$spacing-small; }
133
+ .nl3-m { margin-left: -$spacing-medium; }
134
+ .nl4-m { margin-left: -$spacing-large; }
135
+ .nl5-m { margin-left: -$spacing-extra-large; }
136
+ .nl6-m { margin-left: -$spacing-extra-extra-large; }
137
+ .nl7-m { margin-left: -$spacing-extra-extra-extra-large; }
138
+
139
+ .nr1-m { margin-right: -$spacing-extra-small; }
140
+ .nr2-m { margin-right: -$spacing-small; }
141
+ .nr3-m { margin-right: -$spacing-medium; }
142
+ .nr4-m { margin-right: -$spacing-large; }
143
+ .nr5-m { margin-right: -$spacing-extra-large; }
144
+ .nr6-m { margin-right: -$spacing-extra-extra-large; }
145
+ .nr7-m { margin-right: -$spacing-extra-extra-extra-large; }
146
+
147
+ .nb1-m { margin-bottom: -$spacing-extra-small; }
148
+ .nb2-m { margin-bottom: -$spacing-small; }
149
+ .nb3-m { margin-bottom: -$spacing-medium; }
150
+ .nb4-m { margin-bottom: -$spacing-large; }
151
+ .nb5-m { margin-bottom: -$spacing-extra-large; }
152
+ .nb6-m { margin-bottom: -$spacing-extra-extra-large; }
153
+ .nb7-m { margin-bottom: -$spacing-extra-extra-extra-large; }
154
+
155
+ .nt1-m { margin-top: -$spacing-extra-small; }
156
+ .nt2-m { margin-top: -$spacing-small; }
157
+ .nt3-m { margin-top: -$spacing-medium; }
158
+ .nt4-m { margin-top: -$spacing-large; }
159
+ .nt5-m { margin-top: -$spacing-extra-large; }
160
+ .nt6-m { margin-top: -$spacing-extra-extra-large; }
161
+ .nt7-m { margin-top: -$spacing-extra-extra-extra-large; }
162
+
163
+ }
164
+
165
+ @media #{$breakpoint-large} {
166
+ .na1-l { margin: -$spacing-extra-small; }
167
+ .na2-l { margin: -$spacing-small; }
168
+ .na3-l { margin: -$spacing-medium; }
169
+ .na4-l { margin: -$spacing-large; }
170
+ .na5-l { margin: -$spacing-extra-large; }
171
+ .na6-l { margin: -$spacing-extra-extra-large; }
172
+ .na7-l { margin: -$spacing-extra-extra-extra-large; }
173
+
174
+ .nl1-l { margin-left: -$spacing-extra-small; }
175
+ .nl2-l { margin-left: -$spacing-small; }
176
+ .nl3-l { margin-left: -$spacing-medium; }
177
+ .nl4-l { margin-left: -$spacing-large; }
178
+ .nl5-l { margin-left: -$spacing-extra-large; }
179
+ .nl6-l { margin-left: -$spacing-extra-extra-large; }
180
+ .nl7-l { margin-left: -$spacing-extra-extra-extra-large; }
181
+
182
+ .nr1-l { margin-right: -$spacing-extra-small; }
183
+ .nr2-l { margin-right: -$spacing-small; }
184
+ .nr3-l { margin-right: -$spacing-medium; }
185
+ .nr4-l { margin-right: -$spacing-large; }
186
+ .nr5-l { margin-right: -$spacing-extra-large; }
187
+ .nr6-l { margin-right: -$spacing-extra-extra-large; }
188
+ .nr7-l { margin-right: -$spacing-extra-extra-extra-large; }
189
+
190
+ .nb1-l { margin-bottom: -$spacing-extra-small; }
191
+ .nb2-l { margin-bottom: -$spacing-small; }
192
+ .nb3-l { margin-bottom: -$spacing-medium; }
193
+ .nb4-l { margin-bottom: -$spacing-large; }
194
+ .nb5-l { margin-bottom: -$spacing-extra-large; }
195
+ .nb6-l { margin-bottom: -$spacing-extra-extra-large; }
196
+ .nb7-l { margin-bottom: -$spacing-extra-extra-extra-large; }
197
+
198
+ .nt1-l { margin-top: -$spacing-extra-small; }
199
+ .nt2-l { margin-top: -$spacing-small; }
200
+ .nt3-l { margin-top: -$spacing-medium; }
201
+ .nt4-l { margin-top: -$spacing-large; }
202
+ .nt5-l { margin-top: -$spacing-extra-large; }
203
+ .nt6-l { margin-top: -$spacing-extra-extra-large; }
204
+ .nt7-l { margin-top: -$spacing-extra-extra-extra-large; }
205
+ }
data/app/assets/stylesheets/scss/_nested.scss ADDED
@@ -0,0 +1,63 @@
1
+
2
+ // Converted Variables
3
+
4
+
5
+ // Custom Media Query Variables
6
+
7
+
8
+ /*
9
+
10
+ NESTED
11
+ Tachyons module for styling nested elements
12
+ that are generated by a cms.
13
+
14
+ */
15
+
16
+ .nested-copy-line-height p,
17
+ .nested-copy-line-height ul,
18
+ .nested-copy-line-height ol {
19
+ line-height: $line-height-copy;
20
+ }
21
+
22
+ .nested-headline-line-height h1,
23
+ .nested-headline-line-height h2,
24
+ .nested-headline-line-height h3,
25
+ .nested-headline-line-height h4,
26
+ .nested-headline-line-height h5,
27
+ .nested-headline-line-height h6 {
28
+ line-height: $line-height-title;
29
+ }
30
+
31
+ .nested-list-reset ul,
32
+ .nested-list-reset ol {
33
+ padding-left: 0;
34
+ margin-left: 0;
35
+ list-style-type: none;
36
+ }
37
+
38
+ .nested-copy-indent p+p {
39
+ text-indent: $letter-spacing-1;
40
+ margin-top: $spacing-none;
41
+ margin-bottom: $spacing-none;
42
+ }
43
+
44
+ .nested-copy-seperator p+p {
45
+ margin-top: $spacing-copy-separator;
46
+ }
47
+
48
+ .nested-img img {
49
+ width: 100%;
50
+ max-width: 100%;
51
+ display: block;
52
+ }
53
+
54
+ .nested-links a {
55
+ color: $blue;
56
+ transition: color .15s ease-in;
57
+ }
58
+
59
+ .nested-links a:hover,
60
+ .nested-links a:focus {
61
+ color: $light-blue;
62
+ transition: color .15s ease-in;
63
+ }