less-rails-bootswatch 0.1.0

Sign up to get free protection for your applications and to get access to all the features.
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%;