bones-rails 0.1.0 → 1.0.0

Sign up to get free protection for your applications and to get access to all the features.
Files changed (68) hide show
  1. data/{LICENSE.txt → LICENSE.md} +1 -1
  2. data/app/assets/stylesheets/bones.scss +61 -59
  3. data/app/assets/stylesheets/bones/config.scss +67 -0
  4. data/app/assets/stylesheets/bones/config/__default.scss +14 -0
  5. data/app/assets/stylesheets/bones/config/_buttons.scss +21 -0
  6. data/app/assets/stylesheets/bones/config/_colors.scss +93 -0
  7. data/app/assets/stylesheets/bones/config/_components.scss +4 -0
  8. data/app/assets/stylesheets/bones/config/_forms.scss +28 -0
  9. data/app/assets/stylesheets/bones/config/_helpers.scss +31 -0
  10. data/app/assets/stylesheets/bones/config/_images.scss +23 -0
  11. data/app/assets/stylesheets/bones/config/_nav.scss +117 -0
  12. data/app/assets/stylesheets/bones/config/_tables.scss +12 -0
  13. data/app/assets/stylesheets/bones/config/_typography.scss +83 -0
  14. data/app/assets/stylesheets/bones/config/_wireframe.scss +18 -0
  15. data/app/assets/stylesheets/bones/styles/__default.scss +27 -0
  16. data/app/assets/stylesheets/bones/styles/_buttons.scss +118 -0
  17. data/app/assets/stylesheets/bones/styles/_components.scss +24 -0
  18. data/app/assets/stylesheets/bones/{partials → styles}/_forms.scss +18 -2
  19. data/app/assets/stylesheets/bones/styles/_images.scss +69 -0
  20. data/app/assets/stylesheets/bones/styles/_nav.scss +210 -0
  21. data/app/assets/stylesheets/bones/{partials → styles}/_tables.scss +6 -4
  22. data/app/assets/stylesheets/bones/styles/_typography.scss +227 -0
  23. data/app/assets/stylesheets/bones/styles/_wireframe.scss +57 -0
  24. data/app/assets/stylesheets/bones/styles/helpers/_background.scss +201 -0
  25. data/app/assets/stylesheets/bones/styles/helpers/_border.scss +201 -0
  26. data/app/assets/stylesheets/bones/styles/helpers/_color.scss +201 -0
  27. data/app/assets/stylesheets/bones/styles/helpers/_margin.scss +82 -0
  28. data/app/assets/stylesheets/bones/styles/helpers/_padding.scss +82 -0
  29. data/app/assets/stylesheets/bones/{helpers → styles/helpers}/_positioning.scss +4 -3
  30. data/app/assets/stylesheets/bones/styles/helpers/_size.scss +11 -0
  31. data/app/assets/stylesheets/bones/styles/plugins/_syntax_highlighting.scss +273 -0
  32. data/app/assets/stylesheets/bones/vendor/_normalize.scss +1 -1
  33. data/lib/bones/generators/install_generator.rb +29 -5
  34. data/lib/bones/rails/version.rb +1 -1
  35. metadata +32 -39
  36. data/app/assets/javascripts/bones.js +0 -116
  37. data/app/assets/stylesheets/bones/config/bones_config.scss +0 -262
  38. data/app/assets/stylesheets/bones/helpers/_background.scss +0 -138
  39. data/app/assets/stylesheets/bones/helpers/_border.scss +0 -138
  40. data/app/assets/stylesheets/bones/helpers/_color.scss +0 -138
  41. data/app/assets/stylesheets/bones/helpers/_margin.scss +0 -82
  42. data/app/assets/stylesheets/bones/helpers/_padding.scss +0 -82
  43. data/app/assets/stylesheets/bones/helpers/_size.scss +0 -34
  44. data/app/assets/stylesheets/bones/mixins/_buttons.scss +0 -19
  45. data/app/assets/stylesheets/bones/mixins/_forms.scss +0 -15
  46. data/app/assets/stylesheets/bones/mixins/_globals.scss +0 -15
  47. data/app/assets/stylesheets/bones/mixins/_grid.scss +0 -4
  48. data/app/assets/stylesheets/bones/mixins/_nav.scss +0 -41
  49. data/app/assets/stylesheets/bones/mixins/_typography.scss +0 -15
  50. data/app/assets/stylesheets/bones/partials/_buttons.scss +0 -86
  51. data/app/assets/stylesheets/bones/partials/_code.scss +0 -99
  52. data/app/assets/stylesheets/bones/partials/_components.scss +0 -22
  53. data/app/assets/stylesheets/bones/partials/_globals.scss +0 -27
  54. data/app/assets/stylesheets/bones/partials/_grid.scss +0 -112
  55. data/app/assets/stylesheets/bones/partials/_images.scss +0 -52
  56. data/app/assets/stylesheets/bones/partials/_nav.scss +0 -111
  57. data/app/assets/stylesheets/bones/partials/_typography.scss +0 -174
  58. data/app/assets/stylesheets/bones/variables/_buttons.scss +0 -16
  59. data/app/assets/stylesheets/bones/variables/_code.scss +0 -15
  60. data/app/assets/stylesheets/bones/variables/_colors.scss +0 -122
  61. data/app/assets/stylesheets/bones/variables/_forms.scss +0 -12
  62. data/app/assets/stylesheets/bones/variables/_globals.scss +0 -12
  63. data/app/assets/stylesheets/bones/variables/_grid.scss +0 -8
  64. data/app/assets/stylesheets/bones/variables/_helpers.scss +0 -9
  65. data/app/assets/stylesheets/bones/variables/_images.scss +0 -13
  66. data/app/assets/stylesheets/bones/variables/_nav.scss +0 -40
  67. data/app/assets/stylesheets/bones/variables/_tables.scss +0 -7
  68. data/app/assets/stylesheets/bones/variables/_typography.scss +0 -61
data/app/assets/stylesheets/bones/helpers/_background.scss DELETED
@@ -1,138 +0,0 @@
1
- // primary
2
- .bg-primary {
3
- background-color: $primary !important;
4
- }
5
- .bg-primary-light {
6
- background-color: $primary-light !important;
7
- }
8
- .bg-primary-lighter {
9
- background-color: $primary-lighter !important;
10
- }
11
- .bg-primary-lightest {
12
- background-color: $primary-lightest !important;
13
- }
14
- .bg-primary-dark {
15
- background-color: $primary-dark !important;
16
- }
17
- .bg-primary-darker {
18
- background-color: $primary-darker !important;
19
- }
20
- .bg-primary-darkest {
21
- background-color: $primary-darkest !important;
22
- }
23
-
24
- // accent-1
25
- .bg-accent-1 {
26
- background-color: $accent-1 !important;
27
- }
28
- .bg-accent-1-light {
29
- background-color: $accent-1-light !important;
30
- }
31
- .bg-accent-1-lighter {
32
- background-color: $accent-1-lighter !important;
33
- }
34
- .bg-accent-1-lightest {
35
- background-color: $accent-1-lightest !important;
36
- }
37
- .bg-accent-1-dark {
38
- background-color: $accent-1-dark !important;
39
- }
40
- .bg-accent-1-darker {
41
- background-color: $accent-1-darker !important;
42
- }
43
- .bg-accent-1-darkest {
44
- background-color: $accent-1-darkest !important;
45
- }
46
-
47
- // accent-2
48
- .bg-accent-2 {
49
- background-color: $accent-2 !important;
50
- }
51
- .bg-accent-2-light {
52
- background-color: $accent-2-light !important;
53
- }
54
- .bg-accent-2-lighter {
55
- background-color: $accent-2-lighter !important;
56
- }
57
- .bg-accent-2-lightest {
58
- background-color: $accent-2-lightest !important;
59
- }
60
- .bg-accent-2-dark {
61
- background-color: $accent-2-dark !important;
62
- }
63
- .bg-accent-2-darker {
64
- background-color: $accent-2-darker !important;
65
- }
66
- .bg-accent-2-darkest {
67
- background-color: $accent-2-darkest !important;
68
- }
69
-
70
- // accent-light
71
- .bg-accent-light {
72
- background-color: $accent-light !important;
73
- }
74
- .bg-accent-light-dark {
75
- background-color: $accent-light-dark !important;
76
- }
77
- .bg-accent-light-darker {
78
- background-color: $accent-light-darker !important;
79
- }
80
- .bg-accent-light-darkest {
81
- background-color: $accent-light-darkest !important;
82
- }
83
-
84
- // accent-dark
85
- .bg-accent-dark {
86
- background-color: $accent-dark !important;
87
- }
88
- .bg-accent-dark-light {
89
- background-color: $accent-dark-light !important;
90
- }
91
- .bg-accent-dark-lighter {
92
- background-color: $accent-dark-lighter !important;
93
- }
94
- .bg-accent-dark-lightest {
95
- background-color: $accent-dark-lightest !important;
96
- }
97
-
98
- // success
99
- .bg-success {
100
- background-color: $success !important;
101
- }
102
- .bg-success-dark {
103
- background-color: $success-dark !important;
104
- }
105
- .bg-success-darker {
106
- background-color: $success-darker !important;
107
- }
108
- .bg-success-darkest {
109
- background-color: $success-darkest !important;
110
- }
111
-
112
- // warning
113
- .bg-warning {
114
- background-color: $warning !important;
115
- }
116
- .bg-warning-dark {
117
- background-color: $warning-dark !important;
118
- }
119
- .bg-warning-darker {
120
- background-color: $warning-darker !important;
121
- }
122
- .bg-warning-darkest {
123
- background-color: $warning-darkest !important;
124
- }
125
-
126
- // danger
127
- .bg-danger {
128
- background-color: $danger !important;
129
- }
130
- .bg-danger-dark {
131
- background-color: $danger-dark !important;
132
- }
133
- .bg-danger-darker {
134
- background-color: $danger-darker !important;
135
- }
136
- .bg-danger-darkest {
137
- background-color: $danger-darkest !important;
138
- }
data/app/assets/stylesheets/bones/helpers/_border.scss DELETED
@@ -1,138 +0,0 @@
1
- // primary
2
- .border-primary {
3
- border: 1px solid $primary !important;
4
- }
5
- .border-primary-light {
6
- border: 1px solid $primary-light !important;
7
- }
8
- .border-primary-lighter {
9
- border: 1px solid $primary-lighter !important;
10
- }
11
- .border-primary-lightest {
12
- border: 1px solid $primary-lightest !important;
13
- }
14
- .border-primary-dark {
15
- border: 1px solid $primary-dark !important;
16
- }
17
- .border-primary-darker {
18
- border: 1px solid $primary-darker !important;
19
- }
20
- .border-primary-darkest {
21
- border: 1px solid $primary-darkest !important;
22
- }
23
-
24
- // accent-1
25
- .border-accent-1 {
26
- border: 1px solid $accent-1 !important;
27
- }
28
- .border-accent-1-light {
29
- border: 1px solid $accent-1-light !important;
30
- }
31
- .border-accent-1-lighter {
32
- border: 1px solid $accent-1-lighter !important;
33
- }
34
- .border-accent-1-lightest {
35
- border: 1px solid $accent-1-lightest !important;
36
- }
37
- .border-accent-1-dark {
38
- border: 1px solid $accent-1-dark !important;
39
- }
40
- .border-accent-1-darker {
41
- border: 1px solid $accent-1-darker !important;
42
- }
43
- .border-accent-1-darkest {
44
- border: 1px solid $accent-1-darkest !important;
45
- }
46
-
47
- // accent-2
48
- .border-accent-2 {
49
- border: 1px solid $accent-2 !important;
50
- }
51
- .border-accent-2-light {
52
- border: 1px solid $accent-2-light !important;
53
- }
54
- .border-accent-2-lighter {
55
- border: 1px solid $accent-2-lighter !important;
56
- }
57
- .border-accent-2-lightest {
58
- border: 1px solid $accent-2-lightest !important;
59
- }
60
- .border-accent-2-dark {
61
- border: 1px solid $accent-2-dark !important;
62
- }
63
- .border-accent-2-darker {
64
- border: 1px solid $accent-2-darker !important;
65
- }
66
- .border-accent-2-darkest {
67
- border: 1px solid $accent-2-darkest !important;
68
- }
69
-
70
- // accent-light
71
- .border-accent-light {
72
- border: 1px solid $accent-light !important;
73
- }
74
- .border-accent-light-dark {
75
- border: 1px solid $accent-light-dark !important;
76
- }
77
- .border-accent-light-darker {
78
- border: 1px solid $accent-light-darker !important;
79
- }
80
- .border-accent-light-darkest {
81
- border: 1px solid $accent-light-darkest !important;
82
- }
83
-
84
- // accent-dark
85
- .border-accent-dark {
86
- border: 1px solid $accent-dark !important;
87
- }
88
- .border-accent-dark-light {
89
- border: 1px solid $accent-dark-light !important;
90
- }
91
- .border-accent-dark-lighter {
92
- border: 1px solid $accent-dark-lighter !important;
93
- }
94
- .border-accent-dark-lightest {
95
- border: 1px solid $accent-dark-lightest !important;
96
- }
97
-
98
- // success
99
- .border-success {
100
- border: 1px solid $success !important;
101
- }
102
- .border-success-dark {
103
- border: 1px solid $success-dark !important;
104
- }
105
- .border-success-darker {
106
- border: 1px solid $success-darker !important;
107
- }
108
- .border-success-darkest {
109
- border: 1px solid $success-darkest !important;
110
- }
111
-
112
- // warning
113
- .border-warning {
114
- border: 1px solid $warning !important;
115
- }
116
- .border-warning-dark {
117
- border: 1px solid $warning-dark !important;
118
- }
119
- .border-warning-darker {
120
- border: 1px solid $warning-darker !important;
121
- }
122
- .border-warning-darkest {
123
- border: 1px solid $warning-darkest !important;
124
- }
125
-
126
- // danger
127
- .border-danger {
128
- border: 1px solid $danger !important;
129
- }
130
- .border-danger-dark {
131
- border: 1px solid $danger-dark !important;
132
- }
133
- .border-danger-darker {
134
- border: 1px solid $danger-darker !important;
135
- }
136
- .border-danger-darkest {
137
- border: 1px solid $danger-darkest !important;
138
- }
data/app/assets/stylesheets/bones/helpers/_color.scss DELETED
@@ -1,138 +0,0 @@
1
- // primary
2
- .color-primary {
3
- color: $primary !important;
4
- }
5
- .color-primary-light {
6
- color: $primary-light !important;
7
- }
8
- .color-primary-lighter {
9
- color: $primary-lighter !important;
10
- }
11
- .color-primary-lightest {
12
- color: $primary-lightest !important;
13
- }
14
- .color-primary-dark {
15
- color: $primary-dark !important;
16
- }
17
- .color-primary-darker {
18
- color: $primary-darker !important;
19
- }
20
- .color-primary-darkest {
21
- color: $primary-darkest !important;
22
- }
23
-
24
- // accent-1
25
- .color-accent-1 {
26
- color: $accent-1 !important;
27
- }
28
- .color-accent-1-light {
29
- color: $accent-1-light !important;
30
- }
31
- .color-accent-1-lighter {
32
- color: $accent-1-lighter !important;
33
- }
34
- .color-accent-1-lightest {
35
- color: $accent-1-lightest !important;
36
- }
37
- .color-accent-1-dark {
38
- color: $accent-1-dark !important;
39
- }
40
- .color-accent-1-darker {
41
- color: $accent-1-darker !important;
42
- }
43
- .color-accent-1-darkest {
44
- color: $accent-1-darkest !important;
45
- }
46
-
47
- // accent-2
48
- .color-accent-2 {
49
- color: $accent-2 !important;
50
- }
51
- .color-accent-2-light {
52
- color: $accent-2-light !important;
53
- }
54
- .color-accent-2-lighter {
55
- color: $accent-2-lighter !important;
56
- }
57
- .color-accent-2-lightest {
58
- color: $accent-2-lightest !important;
59
- }
60
- .color-accent-2-dark {
61
- color: $accent-2-dark !important;
62
- }
63
- .color-accent-2-darker {
64
- color: $accent-2-darker !important;
65
- }
66
- .color-accent-2-darkest {
67
- color: $accent-2-darkest !important;
68
- }
69
-
70
- // accent-light
71
- .color-accent-light {
72
- color: $accent-light !important;
73
- }
74
- .color-accent-light-dark {
75
- color: $accent-light-dark !important;
76
- }
77
- .color-accent-light-darker {
78
- color: $accent-light-darker !important;
79
- }
80
- .color-accent-light-darkest {
81
- color: $accent-light-darkest !important;
82
- }
83
-
84
- // accent-dark
85
- .color-accent-dark {
86
- color: $accent-dark !important;
87
- }
88
- .color-accent-dark-light {
89
- color: $accent-dark-light !important;
90
- }
91
- .color-accent-dark-lighter {
92
- color: $accent-dark-lighter !important;
93
- }
94
- .color-accent-dark-lightest {
95
- color: $accent-dark-lightest !important;
96
- }
97
-
98
- // success
99
- .color-success {
100
- color: $success !important;
101
- }
102
- .color-success-dark {
103
- color: $success-dark !important;
104
- }
105
- .color-success-darker {
106
- color: $success-darker !important;
107
- }
108
- .color-success-darkest {
109
- color: $success-darkest !important;
110
- }
111
-
112
- // warning
113
- .color-warning {
114
- color: $warning !important;
115
- }
116
- .color-warning-dark {
117
- color: $warning-dark !important;
118
- }
119
- .color-warning-darker {
120
- color: $warning-darker !important;
121
- }
122
- .color-warning-darkest {
123
- color: $warning-darkest !important;
124
- }
125
-
126
- // danger
127
- .color-danger {
128
- color: $danger !important;
129
- }
130
- .color-danger-dark {
131
- color: $danger-dark !important;
132
- }
133
- .color-danger-darker {
134
- color: $danger-darker !important;
135
- }
136
- .color-danger-darkest {
137
- color: $danger-darkest !important;
138
- }
data/app/assets/stylesheets/bones/helpers/_margin.scss DELETED
@@ -1,82 +0,0 @@
1
- // general
2
- .margin-small {
3
- margin: $margin-small !important;
4
- }
5
- .margin-medium {
6
- margin: $margin-medium !important;
7
- }
8
- .margin-large {
9
- margin: $margin-large !important;
10
- }
11
-
12
- // vertical
13
- .margin-v-small {
14
- margin-top: $margin-small !important;
15
- margin-bottom: $margin-small !important;
16
- }
17
- .margin-v-medium {
18
- margin-top: $margin-medium !important;
19
- margin-bottom: $margin-medium !important;
20
- }
21
- .margin-v-large {
22
- margin-top: $margin-large !important;
23
- margin-bottom: $margin-large !important;
24
- }
25
-
26
- // horizontal
27
- .margin-h-small {
28
- margin-right: $margin-small !important;
29
- margin-left: $margin-small !important;
30
- }
31
- .margin-h-medium {
32
- margin-right: $margin-medium !important;
33
- margin-left: $margin-medium !important;
34
- }
35
- .margin-h-large {
36
- margin-right: $margin-large !important;
37
- margin-left: $margin-large !important;
38
- }
39
-
40
- // left
41
- .margin-left-small {
42
- margin-left: $margin-small !important;
43
- }
44
- .margin-left-medium {
45
- margin-left: $margin-medium !important;
46
- }
47
- .margin-left-large {
48
- margin-left: $margin-large !important;
49
- }
50
-
51
- // right
52
- .margin-right-small {
53
- margin-right: $margin-small !important;
54
- }
55
- .margin-right-medium {
56
- margin-right: $margin-medium !important;
57
- }
58
- .margin-right-large {
59
- margin-right: $margin-large !important;
60
- }
61
-
62
- // top
63
- .margin-top-small {
64
- margin-top: $margin-small !important;
65
- }
66
- .margin-top-medium {
67
- margin-top: $margin-medium !important;
68
- }
69
- .margin-top-large {
70
- margin-top: $margin-large !important;
71
- }
72
-
73
- // bottom
74
- .margin-bottom-small {
75
- margin-bottom: $margin-small !important;
76
- }
77
- .margin-bottom-medium {
78
- margin-bottom: $margin-medium !important;
79
- }
80
- .margin-bottom-large {
81
- margin-bottom: $margin-large !important;
82
- }