netguru_bootstrapper 0.0.5 → 0.0.6
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.
- checksums.yaml +4 -4
- data/CHANGELOG.md +20 -0
- data/README.md +19 -10
- data/lib/netguru_bootstrapper/templates/framework/_variables.scss +46 -21
- data/lib/netguru_bootstrapper/version.rb +1 -1
- metadata +4 -3
checksums.yaml
CHANGED
@@ -1,7 +1,7 @@
|
|
1
1
|
---
|
2
2
|
SHA1:
|
3
|
-
metadata.gz:
|
4
|
-
data.tar.gz:
|
3
|
+
metadata.gz: 49eb5e977d988873b764328aeb48e4fe07d32d24
|
4
|
+
data.tar.gz: 3eddfe89ff2ce2936619815a1cbf06c2e64e4973
|
5
5
|
SHA512:
|
6
|
-
metadata.gz:
|
7
|
-
data.tar.gz:
|
6
|
+
metadata.gz: 987f8107dcfeaa5ef3cb49b506aa1d3854704fcd8c46a6ef05709f0437bb72543defe3422854e476f701a3a026d13bc861909b52ae22b3a344bfaf518534ab1e
|
7
|
+
data.tar.gz: caf87fd01204ca1f5d5df0bf04e9d6a6483cb8de3dd1ec44f8aefbf275603af3db524b06754cd21ebc5cc0250df3673b8f39c85e9606b3572e730057777ba450
|
data/CHANGELOG.md
ADDED
@@ -0,0 +1,20 @@
|
|
1
|
+
# Changelog
|
2
|
+
|
3
|
+
## v0.0.6
|
4
|
+
+ synced Bootstrap variables with [bootstrap-sass](https://github.com/twbs/bootstrap-sass/blob/master/assets/stylesheets/bootstrap/_variables.scss) repo
|
5
|
+
|
6
|
+
## v0.0.5
|
7
|
+
+ added [Thor](https://github.com/erikhuda/thor) as CLI
|
8
|
+
+ added configurable root directory (`--path`) and Bootstrap (`--bootstrap-path`) paths
|
9
|
+
|
10
|
+
## v0.0.4
|
11
|
+
+ updated tree structure
|
12
|
+
|
13
|
+
## v0.0.3
|
14
|
+
+ converted files to partials
|
15
|
+
|
16
|
+
## v0.0.2
|
17
|
+
+ added breakpoint variables
|
18
|
+
|
19
|
+
## v0.0.1
|
20
|
+
+ initial gem version
|
data/README.md
CHANGED
@@ -2,31 +2,37 @@
|
|
2
2
|
|
3
3
|
[](http://badge.fury.io/rb/netguru_bootstrapper)
|
4
4
|
|
5
|
-
This gem bootstraps [Bootstrap](http://getbootstrap.com/) for
|
5
|
+
This gem bootstraps [Bootstrap](http://getbootstrap.com/) for web apps.
|
6
6
|
|
7
7
|
## Installation
|
8
8
|
|
9
|
-
|
9
|
+
Run:
|
10
10
|
```
|
11
|
-
gem
|
12
|
-
```
|
13
|
-
|
14
|
-
And then execute:
|
15
|
-
```
|
16
|
-
$ bundle
|
11
|
+
gem install netguru_bootstrapper
|
17
12
|
```
|
18
13
|
|
19
14
|
Please note that this gem is designed to work with [Bootstrap for Sass](https://github.com/twbs/bootstrap-sass) gem, so you should add:
|
20
15
|
```
|
21
16
|
gem 'bootstrap-sass'
|
22
17
|
```
|
23
|
-
to your application's Gemfile as well.
|
18
|
+
to your application's Gemfile as well. If you're not using Rails, add Bootstrap from different source that fits your application needs.
|
24
19
|
|
25
20
|
## Usage
|
26
21
|
```
|
27
|
-
$
|
22
|
+
$ netguru_bootstrapper install
|
28
23
|
```
|
29
24
|
|
25
|
+
### Configuration
|
26
|
+
+ `path` - set root directory path (`app/assets/stylesheets` by default)
|
27
|
+
+ `bootstrap-path` - set Bootstrap GEM/package path (`bootstrap` by default)
|
28
|
+
|
29
|
+
```
|
30
|
+
$ netguru_bootstrapper install --path "root/directory/path" --bootstrap-path "bootstrap"
|
31
|
+
```
|
32
|
+
|
33
|
+
#### Non-Rails frameworks
|
34
|
+
If you're not using Rails you'll probably need to edit [this line](https://github.com/netguru/netguru_bootstrapper/blob/master/lib/netguru_bootstrapper/templates/application.scss#L1). You can learn more about this at Bootstrap for Sass [wiki page](https://github.com/twbs/bootstrap-sass#installation).
|
35
|
+
|
30
36
|
## Files organization
|
31
37
|
|
32
38
|
### Tree structure
|
@@ -75,6 +81,9 @@ $font-size-base: 16px;
|
|
75
81
|
|
76
82
|
Similar to Boostrap Components - all overrides are commented out by default. After uncommenting an override you need to add proper file to <code>framework/overrides</code> directory.
|
77
83
|
|
84
|
+
## [Changelog](https://github.com/netguru/netguru_bootstrapper/blob/master/CHANGELOG.md)
|
85
|
+
You can find changelog [here](https://github.com/netguru/netguru_bootstrapper/blob/master/CHANGELOG.md).
|
86
|
+
|
78
87
|
|
79
88
|
## Contributing
|
80
89
|
|
@@ -1,8 +1,7 @@
|
|
1
1
|
// When true, asset path helpers are used, otherwise the regular CSS `url()` is used.
|
2
2
|
// When there no function is defined, `fn('')` is parsed as string that equals the right hand side
|
3
3
|
// NB: in Sass 3.3 there is a native function: function-exists(twbs-font-path)
|
4
|
-
// $bootstrap-sass-asset-helper:
|
5
|
-
|
4
|
+
// $bootstrap-sass-asset-helper: false !default;
|
6
5
|
//
|
7
6
|
// Variables
|
8
7
|
// --------------------------------------------------
|
@@ -12,13 +11,14 @@
|
|
12
11
|
//
|
13
12
|
//## Gray and brand colors for use across Bootstrap.
|
14
13
|
|
15
|
-
// $gray-
|
16
|
-
// $gray-
|
17
|
-
// $gray:
|
18
|
-
// $gray
|
19
|
-
// $gray-
|
14
|
+
// $gray-base: #000 !default;
|
15
|
+
// $gray-darker: lighten($gray-base, 13.5%) !default; // #222
|
16
|
+
// $gray-dark: lighten($gray-base, 20%) !default; // #333
|
17
|
+
// $gray: lighten($gray-base, 33.5%) !default; // #555
|
18
|
+
// $gray-light: lighten($gray-base, 46.7%) !default; // #777
|
19
|
+
// $gray-lighter: lighten($gray-base, 93.5%) !default; // #eee
|
20
20
|
|
21
|
-
// $brand-primary: #428bca !default;
|
21
|
+
// $brand-primary: darken(#428bca, 6.5%) !default; // #337ab7
|
22
22
|
// $brand-success: #5cb85c !default;
|
23
23
|
// $brand-info: #5bc0de !default;
|
24
24
|
// $brand-warning: #f0ad4e !default;
|
@@ -38,6 +38,8 @@
|
|
38
38
|
// $link-color: $brand-primary !default;
|
39
39
|
//** Link hover color set via `darken()` function.
|
40
40
|
// $link-hover-color: darken($link-color, 15%) !default;
|
41
|
+
//** Link hover decoration.
|
42
|
+
// $link-hover-decoration: underline !default;
|
41
43
|
|
42
44
|
|
43
45
|
//== Typography
|
@@ -79,7 +81,8 @@
|
|
79
81
|
|
80
82
|
//** Load fonts from this directory.
|
81
83
|
|
82
|
-
// [converter]
|
84
|
+
// [converter] If $bootstrap-sass-asset-helper if used, provide path relative to the assets load path.
|
85
|
+
// [converter] This is because some asset helpers, such as Sprockets, do not work with file-relative paths.
|
83
86
|
// $icon-font-path: if($bootstrap-sass-asset-helper, "bootstrap/", "../fonts/bootstrap/") !default;
|
84
87
|
|
85
88
|
//** File name for all font files.
|
@@ -104,7 +107,7 @@
|
|
104
107
|
// $padding-xs-vertical: 1px !default;
|
105
108
|
// $padding-xs-horizontal: 5px !default;
|
106
109
|
|
107
|
-
// $line-height-large: 1.
|
110
|
+
// $line-height-large: 1.3333333 !default; // extra decimals for Win 8.1 Chrome
|
108
111
|
// $line-height-small: 1.5 !default;
|
109
112
|
|
110
113
|
// $border-radius-base: 4px !default;
|
@@ -175,6 +178,11 @@
|
|
175
178
|
|
176
179
|
// $btn-link-disabled-color: $gray-light !default;
|
177
180
|
|
181
|
+
// Allows for customizing button radius independently from global border radius
|
182
|
+
// $btn-border-radius-base: $border-radius-base !default;
|
183
|
+
// $btn-border-radius-large: $border-radius-large !default;
|
184
|
+
// $btn-border-radius-small: $border-radius-small !default;
|
185
|
+
|
178
186
|
|
179
187
|
//== Forms
|
180
188
|
//
|
@@ -189,13 +197,21 @@
|
|
189
197
|
// $input-color: $gray !default;
|
190
198
|
//** `<input>` border color
|
191
199
|
// $input-border: #ccc !default;
|
192
|
-
|
200
|
+
|
201
|
+
// TODO: Rename `$input-border-radius` to `$input-border-radius-base` in v4
|
202
|
+
//** Default `.form-control` border radius
|
203
|
+
// This has no effect on `<select>`s in some browsers, due to the limited stylability of `<select>`s in CSS.
|
193
204
|
// $input-border-radius: $border-radius-base !default;
|
205
|
+
//** Large `.form-control` border radius
|
206
|
+
// $input-border-radius-large: $border-radius-large !default;
|
207
|
+
//** Small `.form-control` border radius
|
208
|
+
// $input-border-radius-small: $border-radius-small !default;
|
209
|
+
|
194
210
|
//** Border color for inputs on focus
|
195
211
|
// $input-border-focus: #66afe9 !default;
|
196
212
|
|
197
213
|
//** Placeholder text color
|
198
|
-
// $input-color-placeholder:
|
214
|
+
// $input-color-placeholder: #999 !default;
|
199
215
|
|
200
216
|
//** Default `.form-control` height
|
201
217
|
// $input-height-base: ($line-height-computed + ($padding-base-vertical * 2) + 2) !default;
|
@@ -204,6 +220,9 @@
|
|
204
220
|
//** Small `.form-control` height
|
205
221
|
// $input-height-small: (floor($font-size-small * $line-height-small) + ($padding-small-vertical * 2) + 2) !default;
|
206
222
|
|
223
|
+
//** `.form-group` margin
|
224
|
+
// $form-group-margin-bottom: 15px !default;
|
225
|
+
|
207
226
|
// $legend-color: $gray-dark !default;
|
208
227
|
// $legend-border-color: #e5e5e5 !default;
|
209
228
|
|
@@ -212,6 +231,9 @@
|
|
212
231
|
//** Border color for textual input addons
|
213
232
|
// $input-group-addon-border-color: $input-border !default;
|
214
233
|
|
234
|
+
//** Disabled cursor for form controls and buttons.
|
235
|
+
// $cursor-disabled: not-allowed !default;
|
236
|
+
|
215
237
|
|
216
238
|
//== Dropdowns
|
217
239
|
//
|
@@ -323,17 +345,17 @@
|
|
323
345
|
//## Define the maximum width of `.container` for different screen sizes.
|
324
346
|
|
325
347
|
// Small screen / tablet
|
326
|
-
// $container-tablet: (
|
348
|
+
// $container-tablet: (720px + $grid-gutter-width) !default;
|
327
349
|
//** For `$screen-sm-min` and up.
|
328
350
|
// $container-sm: $container-tablet !default;
|
329
351
|
|
330
352
|
// Medium screen / desktop
|
331
|
-
// $container-desktop: (
|
353
|
+
// $container-desktop: (940px + $grid-gutter-width) !default;
|
332
354
|
//** For `$screen-md-min` and up.
|
333
355
|
// $container-md: $container-desktop !default;
|
334
356
|
|
335
357
|
// Large screen / wide desktop
|
336
|
-
// $container-large-desktop: (
|
358
|
+
// $container-large-desktop: (1140px + $grid-gutter-width) !default;
|
337
359
|
//** For `$screen-lg-min` and up.
|
338
360
|
// $container-lg: $container-large-desktop !default;
|
339
361
|
|
@@ -374,14 +396,14 @@
|
|
374
396
|
// $navbar-default-toggle-border-color: #ddd !default;
|
375
397
|
|
376
398
|
|
377
|
-
|
399
|
+
//=== Inverted navbar
|
378
400
|
// Reset inverted navbar basics
|
379
|
-
// $navbar-inverse-color: $gray-light !default;
|
401
|
+
// $navbar-inverse-color: lighten($gray-light, 15%) !default;
|
380
402
|
// $navbar-inverse-bg: #222 !default;
|
381
403
|
// $navbar-inverse-border: darken($navbar-inverse-bg, 10%) !default;
|
382
404
|
|
383
405
|
// Inverted navbar links
|
384
|
-
// $navbar-inverse-link-color: $gray-light !default;
|
406
|
+
// $navbar-inverse-link-color: lighten($gray-light, 15%) !default;
|
385
407
|
// $navbar-inverse-link-hover-color: #fff !default;
|
386
408
|
// $navbar-inverse-link-hover-bg: transparent !default;
|
387
409
|
// $navbar-inverse-link-active-color: $navbar-inverse-link-hover-color !default;
|
@@ -411,8 +433,6 @@
|
|
411
433
|
// $nav-disabled-link-color: $gray-light !default;
|
412
434
|
// $nav-disabled-link-hover-color: $gray-light !default;
|
413
435
|
|
414
|
-
// $nav-open-link-hover-color: #fff !default;
|
415
|
-
|
416
436
|
//== Tabs
|
417
437
|
// $nav-tabs-border-color: #ddd !default;
|
418
438
|
|
@@ -477,6 +497,7 @@
|
|
477
497
|
// $jumbotron-bg: $gray-lighter !default;
|
478
498
|
// $jumbotron-heading-color: inherit !default;
|
479
499
|
// $jumbotron-font-size: ceil(($font-size-base * 1.5)) !default;
|
500
|
+
// $jumbotron-heading-font-size: ceil(($font-size-base * 4.5)) !default;
|
480
501
|
|
481
502
|
|
482
503
|
//== Form states and alerts
|
@@ -537,7 +558,7 @@
|
|
537
558
|
//** Popover arrow width
|
538
559
|
// $popover-arrow-width: 10px !default;
|
539
560
|
//** Popover arrow color
|
540
|
-
// $popover-arrow-color:
|
561
|
+
// $popover-arrow-color: $popover-bg !default;
|
541
562
|
|
542
563
|
//** Popover outer arrow width
|
543
564
|
// $popover-arrow-outer-width: ($popover-arrow-width + 1) !default;
|
@@ -636,6 +657,8 @@
|
|
636
657
|
// $progress-bg: #f5f5f5 !default;
|
637
658
|
//** Progress bar text color
|
638
659
|
// $progress-bar-color: #fff !default;
|
660
|
+
//** Variable for setting rounded corners on progress bar.
|
661
|
+
// $progress-border-radius: $border-radius-base !default;
|
639
662
|
|
640
663
|
//** Default progress bar color
|
641
664
|
// $progress-bar-bg: $brand-primary !default;
|
@@ -848,5 +871,7 @@
|
|
848
871
|
// $page-header-border-color: $gray-lighter !default;
|
849
872
|
//** Width of horizontal description list titles
|
850
873
|
// $dl-horizontal-offset: $component-offset-horizontal !default;
|
874
|
+
//** Point at which .dl-horizontal becomes horizontal
|
875
|
+
// $dl-horizontal-breakpoint: $grid-float-breakpoint !default;
|
851
876
|
//** Horizontal line color.
|
852
877
|
// $hr-border: $gray-lighter !default;
|
metadata
CHANGED
@@ -1,14 +1,14 @@
|
|
1
1
|
--- !ruby/object:Gem::Specification
|
2
2
|
name: netguru_bootstrapper
|
3
3
|
version: !ruby/object:Gem::Version
|
4
|
-
version: 0.0.
|
4
|
+
version: 0.0.6
|
5
5
|
platform: ruby
|
6
6
|
authors:
|
7
7
|
- Mateusz Czajka
|
8
8
|
autorequire:
|
9
9
|
bindir: bin
|
10
10
|
cert_chain: []
|
11
|
-
date:
|
11
|
+
date: 2016-01-12 00:00:00.000000000 Z
|
12
12
|
dependencies:
|
13
13
|
- !ruby/object:Gem::Dependency
|
14
14
|
name: bundler
|
@@ -61,6 +61,7 @@ extensions: []
|
|
61
61
|
extra_rdoc_files: []
|
62
62
|
files:
|
63
63
|
- ".gitignore"
|
64
|
+
- CHANGELOG.md
|
64
65
|
- Gemfile
|
65
66
|
- LICENSE.txt
|
66
67
|
- README.md
|
@@ -104,7 +105,7 @@ required_rubygems_version: !ruby/object:Gem::Requirement
|
|
104
105
|
version: '0'
|
105
106
|
requirements: []
|
106
107
|
rubyforge_project:
|
107
|
-
rubygems_version: 2.4.
|
108
|
+
rubygems_version: 2.4.5
|
108
109
|
signing_key:
|
109
110
|
specification_version: 4
|
110
111
|
summary: Twitter Bootstrap generator for Rails
|