less-rails-bootswatch 0.1.0

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 (33) hide show
  1. data/Gemfile +3 -0
  2. data/Gemfile.lock +72 -0
  3. data/LICENSE +22 -0
  4. data/LICENSE-bootswatch +13 -0
  5. data/README.md +29 -0
  6. data/Rakefile +47 -0
  7. data/lib/less/rails/bootswatch/engine.rb +9 -0
  8. data/lib/less/rails/bootswatch/version.rb +7 -0
  9. data/lib/less/rails/bootswatch.rb +2 -0
  10. data/vendor/assets/stylesheets/bootswatch/amelia/bootswatch.less +600 -0
  11. data/vendor/assets/stylesheets/bootswatch/amelia/variables.less +203 -0
  12. data/vendor/assets/stylesheets/bootswatch/cerulean/bootswatch.less +97 -0
  13. data/vendor/assets/stylesheets/bootswatch/cerulean/variables.less +203 -0
  14. data/vendor/assets/stylesheets/bootswatch/cyborg/bootswatch.less +473 -0
  15. data/vendor/assets/stylesheets/bootswatch/cyborg/variables.less +203 -0
  16. data/vendor/assets/stylesheets/bootswatch/default/variables.less +201 -0
  17. data/vendor/assets/stylesheets/bootswatch/journal/bootswatch.less +159 -0
  18. data/vendor/assets/stylesheets/bootswatch/journal/variables.less +203 -0
  19. data/vendor/assets/stylesheets/bootswatch/readable/bootswatch.less +452 -0
  20. data/vendor/assets/stylesheets/bootswatch/readable/variables.less +203 -0
  21. data/vendor/assets/stylesheets/bootswatch/simplex/bootswatch.less +276 -0
  22. data/vendor/assets/stylesheets/bootswatch/simplex/variables.less +203 -0
  23. data/vendor/assets/stylesheets/bootswatch/slate/bootswatch.less +417 -0
  24. data/vendor/assets/stylesheets/bootswatch/slate/variables.less +203 -0
  25. data/vendor/assets/stylesheets/bootswatch/spacelab/bootswatch.less +175 -0
  26. data/vendor/assets/stylesheets/bootswatch/spacelab/variables.less +203 -0
  27. data/vendor/assets/stylesheets/bootswatch/spruce/bootswatch.less +503 -0
  28. data/vendor/assets/stylesheets/bootswatch/spruce/variables.less +203 -0
  29. data/vendor/assets/stylesheets/bootswatch/superhero/bootswatch.less +625 -0
  30. data/vendor/assets/stylesheets/bootswatch/superhero/variables.less +203 -0
  31. data/vendor/assets/stylesheets/bootswatch/united/bootswatch.less +97 -0
  32. data/vendor/assets/stylesheets/bootswatch/united/variables.less +203 -0
  33. metadata +90 -0
@@ -0,0 +1,201 @@
1
+ // Variables.less
2
+ // Variables to customize the look and feel of Bootstrap
3
+ // -----------------------------------------------------
4
+
5
+
6
+
7
+ // GLOBAL VALUES
8
+ // --------------------------------------------------
9
+
10
+
11
+ // Grays
12
+ // -------------------------
13
+ @black: #000;
14
+ @grayDarker: #222;
15
+ @grayDark: #333;
16
+ @gray: #555;
17
+ @grayLight: #999;
18
+ @grayLighter: #eee;
19
+ @white: #fff;
20
+
21
+
22
+ // Accent colors
23
+ // -------------------------
24
+ @blue: #049cdb;
25
+ @blueDark: #0064cd;
26
+ @green: #46a546;
27
+ @red: #9d261d;
28
+ @yellow: #ffc40d;
29
+ @orange: #f89406;
30
+ @pink: #c3325f;
31
+ @purple: #7a43b6;
32
+
33
+
34
+ // Scaffolding
35
+ // -------------------------
36
+ @bodyBackground: @white;
37
+ @textColor: @grayDark;
38
+
39
+
40
+ // Links
41
+ // -------------------------
42
+ @linkColor: #08c;
43
+ @linkColorHover: darken(@linkColor, 15%);
44
+
45
+
46
+ // Typography
47
+ // -------------------------
48
+ @baseFontSize: 13px;
49
+ @baseFontFamily: "Helvetica Neue", Helvetica, Arial, sans-serif;
50
+ @baseLineHeight: 18px;
51
+ @altFontFamily: Georgia, "Times New Roman", Times, serif;
52
+
53
+ @headingsFontFamily: inherit; // empty to use BS default, @baseFontFamily
54
+ @headingsFontWeight: bold; // instead of browser default, bold
55
+ @headingsColor: inherit; // empty to use BS default, @textColor
56
+
57
+
58
+ // Tables
59
+ // -------------------------
60
+ @tableBackground: transparent; // overall background-color
61
+ @tableBackgroundAccent: #f9f9f9; // for striping
62
+ @tableBackgroundHover: #f5f5f5; // for hover
63
+ @tableBorder: #ddd; // table and cell border
64
+
65
+
66
+ // Buttons
67
+ // -------------------------
68
+ @btnBackground: @white;
69
+ @btnBackgroundHighlight: darken(@white, 10%);
70
+ @btnBorder: darken(@white, 20%);
71
+
72
+ @btnPrimaryBackground: @linkColor;
73
+ @btnPrimaryBackgroundHighlight: spin(@btnPrimaryBackground, 15%);
74
+
75
+ @btnInfoBackground: #5bc0de;
76
+ @btnInfoBackgroundHighlight: #2f96b4;
77
+
78
+ @btnSuccessBackground: #62c462;
79
+ @btnSuccessBackgroundHighlight: #51a351;
80
+
81
+ @btnWarningBackground: lighten(@orange, 15%);
82
+ @btnWarningBackgroundHighlight: @orange;
83
+
84
+ @btnDangerBackground: #ee5f5b;
85
+ @btnDangerBackgroundHighlight: #bd362f;
86
+
87
+ @btnInverseBackground: @gray;
88
+ @btnInverseBackgroundHighlight: @grayDarker;
89
+
90
+
91
+ // Forms
92
+ // -------------------------
93
+ @inputBackground: @white;
94
+ @inputBorder: #ccc;
95
+ @inputDisabledBackground: @grayLighter;
96
+
97
+
98
+ // Dropdowns
99
+ // -------------------------
100
+ @dropdownBackground: @white;
101
+ @dropdownBorder: rgba(0,0,0,.2);
102
+ @dropdownLinkColor: @grayDark;
103
+ @dropdownLinkColorHover: @white;
104
+ @dropdownLinkBackgroundHover: @linkColor;
105
+
106
+
107
+
108
+
109
+ // COMPONENT VARIABLES
110
+ // --------------------------------------------------
111
+
112
+ // Z-index master list
113
+ // -------------------------
114
+ // Used for a bird's eye view of components dependent on the z-axis
115
+ // Try to avoid customizing these :)
116
+ @zindexDropdown: 1000;
117
+ @zindexPopover: 1010;
118
+ @zindexTooltip: 1020;
119
+ @zindexFixedNavbar: 1030;
120
+ @zindexModalBackdrop: 1040;
121
+ @zindexModal: 1050;
122
+
123
+
124
+ // Sprite icons path
125
+ // -------------------------
126
+ @iconSpritePath: "./twitter/bootstrap/glyphicons-halflings.png";
127
+ @iconWhiteSpritePath: "./twitter/bootstrap/glyphicons-halflings-white.png";
128
+
129
+
130
+ // Input placeholder text color
131
+ // -------------------------
132
+ @placeholderText: @grayLight;
133
+
134
+
135
+ // Hr border color
136
+ // -------------------------
137
+ @hrBorder: @grayLighter;
138
+
139
+
140
+ // Navbar
141
+ // -------------------------
142
+ @navbarHeight: 40px;
143
+ @navbarBackground: @grayDarker;
144
+ @navbarBackgroundHighlight: @grayDark;
145
+
146
+ @navbarText: @grayLight;
147
+ @navbarLinkColor: @grayLight;
148
+ @navbarLinkColorHover: @white;
149
+ @navbarLinkColorActive: @navbarLinkColorHover;
150
+ @navbarLinkBackgroundHover: transparent;
151
+ @navbarLinkBackgroundActive: @navbarBackground;
152
+
153
+ @navbarSearchBackground: lighten(@navbarBackground, 25%);
154
+ @navbarSearchBackgroundFocus: @white;
155
+ @navbarSearchBorder: darken(@navbarSearchBackground, 30%);
156
+ @navbarSearchPlaceholderColor: #ccc;
157
+
158
+
159
+ // Hero unit
160
+ // -------------------------
161
+ @heroUnitBackground: @grayLighter;
162
+ @heroUnitHeadingColor: inherit;
163
+ @heroUnitLeadColor: inherit;
164
+
165
+
166
+ // Form states and alerts
167
+ // -------------------------
168
+ @warningText: #c09853;
169
+ @warningBackground: #fcf8e3;
170
+ @warningBorder: darken(spin(@warningBackground, -10), 3%);
171
+
172
+ @errorText: #b94a48;
173
+ @errorBackground: #f2dede;
174
+ @errorBorder: darken(spin(@errorBackground, -10), 3%);
175
+
176
+ @successText: #468847;
177
+ @successBackground: #dff0d8;
178
+ @successBorder: darken(spin(@successBackground, -10), 5%);
179
+
180
+ @infoText: #3a87ad;
181
+ @infoBackground: #d9edf7;
182
+ @infoBorder: darken(spin(@infoBackground, -10), 7%);
183
+
184
+
185
+
186
+
187
+ // GRID
188
+ // --------------------------------------------------
189
+
190
+ // Default 940px grid
191
+ // -------------------------
192
+ @gridColumns: 12;
193
+ @gridColumnWidth: 60px;
194
+ @gridGutterWidth: 20px;
195
+ @gridRowWidth: (@gridColumns * @gridColumnWidth) + (@gridGutterWidth * (@gridColumns - 1));
196
+
197
+
198
+ // Fluid grid
199
+ // -------------------------
200
+ @fluidGridColumnWidth: 6.382978723%;
201
+ @fluidGridGutterWidth: 2.127659574%;
@@ -0,0 +1,159 @@
1
+ // Bootswatch.less
2
+ // Swatch: Journal
3
+ // Version: 2.0.2
4
+ // -----------------------------------------------------
5
+
6
+ // TYPOGRAPHY
7
+ // -----------------------------------------------------
8
+
9
+ @import url('https://fonts.googleapis.com/css?family=Open+Sans:400,700');
10
+
11
+ h1, h2, h3, h4, h5, h6, .brand, .navbar, .subnav a, blockquote > p {
12
+ font-family: 'Open Sans', sans-serif;
13
+ color: @textColor;
14
+ }
15
+
16
+ h1, h2, h3, h4, h5, h6, .brand {
17
+ font-weight: 700;
18
+ }
19
+
20
+ // SCAFFOLDING
21
+ // -----------------------------------------------------
22
+
23
+ a {
24
+ text-decoration: underline;
25
+ }
26
+
27
+ .nav a, .navbar .brand, .subnav a, a.btn {
28
+ text-decoration: none;
29
+ }
30
+
31
+ // NAVBAR
32
+ // -----------------------------------------------------
33
+
34
+ .navbar .brand {
35
+ color: @navbarLinkColor;
36
+ text-shadow: none;
37
+ font-weight: bold;
38
+
39
+ &:hover {
40
+ background-color: #EEEEEE;
41
+ }
42
+ }
43
+
44
+ .navbar-inner {
45
+ border-top: 1px solid #E5E5E5;
46
+ @shadow: 0 2px 4px rgba(0,0,0,.25), inset 0 -1px 0 rgba(0,0,0,.1);
47
+ .box-shadow(@shadow);
48
+ }
49
+
50
+ .navbar-inner, .navbar .dropdown-menu, div.subnav,
51
+ div.subnav .nav > li:first-child > a, div.subnav .nav > li:first-child > a:hover {
52
+ .border-radius(0);
53
+ }
54
+
55
+ .navbar .nav > li > a {
56
+ text-shadow: none;
57
+ }
58
+
59
+ .navbar .nav .active > a,
60
+ .navbar .nav .active > a:hover {
61
+ color: @navbarLinkColor;
62
+ background-color: rgba(0, 0, 0, 0);
63
+ }
64
+
65
+ .navbar .nav .active > a:hover,
66
+ .navbar .nav > li > a:hover,
67
+ .navbar .nav-collapse.in .nav li > a:hover {
68
+ background-color: #EEEEEE;
69
+ }
70
+
71
+ .dropdown.open .dropdown-toggle {
72
+ color: @textColor;
73
+ }
74
+
75
+ .navbar .nav .dropdown-toggle .caret,
76
+ .navbar .nav .open.dropdown .caret {
77
+ border-top-color: @navbarLinkColor;
78
+ opacity: 1;
79
+ }
80
+
81
+ form.navbar-form, form.navbar-search {
82
+ border-top: 0px solid #eee;
83
+ border-bottom: 0px solid #eee;
84
+ }
85
+
86
+ .navbar-search .search-query,
87
+ .navbar-search .search-query:hover {
88
+ border: 1px solid @grayLighter;
89
+ color: @textColor;
90
+ .placeholder(@gray);
91
+ }
92
+
93
+ div.subnav {
94
+ background-color: @bodyBackground;
95
+ background-image: none;
96
+ @shadow: 0 1px 2px rgba(0,0,0,.25);
97
+ .box-shadow(@shadow);
98
+ }
99
+
100
+ .navbar .nav-collapse.in .nav li > a,
101
+ div.subnav .nav > li > a:hover,
102
+ div.subnav .nav > .active > a,
103
+ div.subnav .nav > .active > a:hover {
104
+ color: @textColor;
105
+ text-decoration: none;
106
+ font-weight: normal;
107
+ }
108
+
109
+ // BUTTONS
110
+ // -----------------------------------------------------
111
+
112
+ .btn-primary {
113
+ .buttonBackground(lighten(@linkColor, 5%), @linkColor);
114
+ }
115
+
116
+ // MODALS
117
+ // -----------------------------------------------------
118
+
119
+
120
+ .modal {
121
+ .border-radius(0px);
122
+ background: @bodyBackground;
123
+ }
124
+
125
+ .modal-header {
126
+ border-bottom: none;
127
+ }
128
+
129
+ .modal-header .close {
130
+ text-decoration: none;
131
+ }
132
+
133
+ .modal-body {
134
+
135
+ }
136
+
137
+ .modal-footer {
138
+ background: transparent;
139
+ .box-shadow(none);
140
+ border-top: none;
141
+ }
142
+
143
+
144
+ // MISC
145
+ // -----------------------------------------------------
146
+
147
+ code, pre, pre.prettyprint, .well, .form-actions {
148
+ background-color: @grayLighter;
149
+ }
150
+
151
+ .hero-unit {
152
+ .box-shadow(inset 0 1px 1px rgba(0,0,0,.05));
153
+ border: 1px solid rgba(0,0,0,.05);
154
+ .border-radius(0);
155
+ }
156
+
157
+ .table-bordered, .well, .prettyprint {
158
+ .border-radius(0);
159
+ }
@@ -0,0 +1,203 @@
1
+ // Variables.less
2
+ // Variables to customize the look and feel of Bootstrap
3
+ // Swatch: Journal
4
+ // Version: 2.0.2
5
+ // -----------------------------------------------------
6
+
7
+
8
+
9
+ // GLOBAL VALUES
10
+ // --------------------------------------------------
11
+
12
+
13
+ // Grays
14
+ // -------------------------
15
+ @black: #000;
16
+ @grayDarker: #222;
17
+ @grayDark: #333;
18
+ @gray: #888;
19
+ @grayLight: #999;
20
+ @grayLighter: #eee;
21
+ @white: #fff;
22
+
23
+
24
+ // Accent colors
25
+ // -------------------------
26
+ @blue: #369;
27
+ @blueDark: darken(@blue, 15%);
28
+ @green: #22B24C;
29
+ @red: #C00;
30
+ @yellow: #FCFADB;
31
+ @orange: #FF7F00;
32
+ @pink: #CC99CC;
33
+ @purple: #7a43b6;
34
+
35
+
36
+ // Scaffolding
37
+ // -------------------------
38
+ @bodyBackground: #FCFBFD;
39
+ @textColor: @grayDarker;
40
+
41
+
42
+ // Links
43
+ // -------------------------
44
+ @linkColor: @textColor;
45
+ @linkColorHover: @gray;
46
+
47
+
48
+ // Typography
49
+ // -------------------------
50
+ @baseFontSize: 14px;
51
+ @baseFontFamily: 'Open Sans', sans-serif;
52
+ @baseLineHeight: 18px;
53
+ @altFontFamily: Georgia, "Times New Roman", Times, serif;
54
+
55
+ @headingsFontFamily: inherit; // empty to use BS default, @baseFontFamily
56
+ @headingsFontWeight: bold; // instead of browser default, bold
57
+ @headingsColor: inherit; // empty to use BS default, @textColor
58
+
59
+
60
+ // Tables
61
+ // -------------------------
62
+ @tableBackground: transparent; // overall background-color
63
+ @tableBackgroundAccent: @grayLighter; // for striping
64
+ @tableBackgroundHover: #f5f5f5; // for hover
65
+ @tableBorder: #ddd; // table and cell border
66
+
67
+
68
+ // Buttons
69
+ // -------------------------
70
+ @btnBackground: @white;
71
+ @btnBackgroundHighlight: darken(@white, 10%);
72
+ @btnBorder: darken(@white, 20%);
73
+
74
+ @btnPrimaryBackground: @linkColor;
75
+ @btnPrimaryBackgroundHighlight: spin(@btnPrimaryBackground, 15%);
76
+
77
+ @btnInfoBackground: #5bc0de;
78
+ @btnInfoBackgroundHighlight: #2f96b4;
79
+
80
+ @btnSuccessBackground: #62c462;
81
+ @btnSuccessBackgroundHighlight: #51a351;
82
+
83
+ @btnWarningBackground: lighten(@orange, 15%);
84
+ @btnWarningBackgroundHighlight: @orange;
85
+
86
+ @btnDangerBackground: #ee5f5b;
87
+ @btnDangerBackgroundHighlight: #bd362f;
88
+
89
+ @btnInverseBackground: @gray;
90
+ @btnInverseBackgroundHighlight: @grayDarker;
91
+
92
+
93
+ // Forms
94
+ // -------------------------
95
+ @inputBackground: @white;
96
+ @inputBorder: #ccc;
97
+ @inputDisabledBackground: @grayLighter;
98
+
99
+
100
+ // Dropdowns
101
+ // -------------------------
102
+ @dropdownBackground: @bodyBackground;
103
+ @dropdownBorder: rgba(0,0,0,.2);
104
+ @dropdownLinkColor: @textColor;
105
+ @dropdownLinkColorHover: @textColor;
106
+ @dropdownLinkBackgroundHover: #eee;
107
+
108
+
109
+
110
+
111
+ // COMPONENT VARIABLES
112
+ // --------------------------------------------------
113
+
114
+ // Z-index master list
115
+ // -------------------------
116
+ // Used for a bird's eye view of components dependent on the z-axis
117
+ // Try to avoid customizing these :)
118
+ @zindexDropdown: 1000;
119
+ @zindexPopover: 1010;
120
+ @zindexTooltip: 1020;
121
+ @zindexFixedNavbar: 1030;
122
+ @zindexModalBackdrop: 1040;
123
+ @zindexModal: 1050;
124
+
125
+
126
+ // Sprite icons path
127
+ // -------------------------
128
+ @iconSpritePath: "./twitter/bootstrap/glyphicons-halflings.png";
129
+ @iconWhiteSpritePath: "./twitter/bootstrap/glyphicons-halflings-white.png";
130
+
131
+
132
+ // Input placeholder text color
133
+ // -------------------------
134
+ @placeholderText: @grayLight;
135
+
136
+
137
+ // Hr border color
138
+ // -------------------------
139
+ @hrBorder: @grayLighter;
140
+
141
+
142
+ // Navbar
143
+ // -------------------------
144
+ @navbarHeight: 40px;
145
+ @navbarBackground: @bodyBackground;
146
+ @navbarBackgroundHighlight: @bodyBackground;
147
+
148
+ @navbarText: @textColor;
149
+ @navbarLinkColor: @linkColor;
150
+ @navbarLinkColorHover: @linkColor;
151
+ @navbarLinkColorActive: @navbarLinkColorHover;
152
+ @navbarLinkBackgroundHover: transparent;
153
+ @navbarLinkBackgroundActive: @navbarBackground;
154
+
155
+ @navbarSearchBackground: lighten(@navbarBackground, 25%);
156
+ @navbarSearchBackgroundFocus: @white;
157
+ @navbarSearchBorder: darken(@navbarSearchBackground, 30%);
158
+ @navbarSearchPlaceholderColor: #ccc;
159
+
160
+
161
+ // Hero unit
162
+ // -------------------------
163
+ @heroUnitBackground: @grayLighter;
164
+ @heroUnitHeadingColor: inherit;
165
+ @heroUnitLeadColor: inherit;
166
+
167
+
168
+ // Form states and alerts
169
+ // -------------------------
170
+ @warningText: #c09853;
171
+ @warningBackground: #fcf8e3;
172
+ @warningBorder: darken(spin(@warningBackground, -10), 3%);
173
+
174
+ @errorText: #b94a48;
175
+ @errorBackground: #f2dede;
176
+ @errorBorder: darken(spin(@errorBackground, -10), 3%);
177
+
178
+ @successText: #468847;
179
+ @successBackground: #dff0d8;
180
+ @successBorder: darken(spin(@successBackground, -10), 5%);
181
+
182
+ @infoText: #3a87ad;
183
+ @infoBackground: #d9edf7;
184
+ @infoBorder: darken(spin(@infoBackground, -10), 7%);
185
+
186
+
187
+
188
+
189
+ // GRID
190
+ // --------------------------------------------------
191
+
192
+ // Default 940px grid
193
+ // -------------------------
194
+ @gridColumns: 12;
195
+ @gridColumnWidth: 60px;
196
+ @gridGutterWidth: 20px;
197
+ @gridRowWidth: (@gridColumns * @gridColumnWidth) + (@gridGutterWidth * (@gridColumns - 1));
198
+
199
+
200
+ // Fluid grid
201
+ // -------------------------
202
+ @fluidGridColumnWidth: 6.382978723%;
203
+ @fluidGridGutterWidth: 2.127659574%;