compass-bootstrap 0.1.2 → 0.1.3

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 (38) hide show
  1. data/.gitignore +4 -0
  2. data/README.mkdn +112 -21
  3. data/lib/compass-bootstrap.rb +6 -1
  4. data/lib/compass-bootstrap/rails.rb +7 -0
  5. data/lib/compass-bootstrap/rails/engine.rb +7 -0
  6. data/lib/compass-bootstrap/version.rb +1 -1
  7. data/stylesheets/compass-bootstrap/_compass_bootstrap.scss +5 -2
  8. data/stylesheets/compass-bootstrap/_forms.scss +139 -67
  9. data/stylesheets/compass-bootstrap/_mixins.scss +210 -0
  10. data/stylesheets/compass-bootstrap/_patterns.scss +331 -146
  11. data/stylesheets/compass-bootstrap/_reset.scss +6 -2
  12. data/stylesheets/compass-bootstrap/_scaffolding.scss +89 -62
  13. data/stylesheets/compass-bootstrap/_tables.scss +35 -12
  14. data/stylesheets/compass-bootstrap/_type.scss +7 -8
  15. data/stylesheets/compass-bootstrap/_variables.scss +60 -0
  16. data/vendor/assets/javascripts/bootstrap-alerts.js +104 -0
  17. data/vendor/assets/javascripts/bootstrap-dropdown.js +50 -0
  18. data/vendor/assets/javascripts/bootstrap-modal.js +227 -0
  19. data/vendor/assets/javascripts/bootstrap-popover.js +77 -0
  20. data/vendor/assets/javascripts/bootstrap-scrollspy.js +105 -0
  21. data/vendor/assets/javascripts/bootstrap-tabs.js +62 -0
  22. data/vendor/assets/javascripts/bootstrap-twipsy.js +307 -0
  23. data/vendor/assets/stylesheets/compass-bootstrap/_compass_bootstrap.scss +29 -0
  24. data/{templates → vendor/assets/stylesheets}/compass-bootstrap/_forms.scss +139 -67
  25. data/vendor/assets/stylesheets/compass-bootstrap/_mixins.scss +210 -0
  26. data/{templates → vendor/assets/stylesheets}/compass-bootstrap/_patterns.scss +331 -146
  27. data/{templates → vendor/assets/stylesheets}/compass-bootstrap/_reset.scss +6 -2
  28. data/vendor/assets/stylesheets/compass-bootstrap/_scaffolding.scss +137 -0
  29. data/{templates → vendor/assets/stylesheets}/compass-bootstrap/_tables.scss +35 -12
  30. data/{templates → vendor/assets/stylesheets}/compass-bootstrap/_type.scss +7 -8
  31. data/vendor/assets/stylesheets/compass-bootstrap/_variables.scss +60 -0
  32. data/{templates → vendor/assets/stylesheets}/compass-bootstrap/compass_bootstrap.scss +5 -2
  33. data/vendor/assets/stylesheets/compass-bootstrap/manifest.rb +20 -0
  34. metadata +50 -61
  35. data/stylesheets/compass-bootstrap/_preboot.scss +0 -276
  36. data/templates/compass-bootstrap/_preboot.scss +0 -292
  37. data/templates/compass-bootstrap/_scaffolding.scss +0 -110
  38. data/templates/compass-bootstrap/manifest.rb +0 -12
@@ -1,110 +0,0 @@
1
- /*
2
- * Scaffolding
3
- * Basic and global styles for generating a grid system, structural layout, and page templates
4
- * ------------------------------------------------------------------------------------------- */
5
-
6
-
7
- // GRID SYSTEM
8
- // -----------
9
-
10
- .row {
11
- @include clearfix();
12
- margin-left: -1 * $gridGutterWidth;
13
-
14
- // Find all .span# classes within .row and give them the necessary properties for grid columns (supported by all browsers back to IE7)
15
- // Credit to $dhg for the idea
16
- [class*="span"] {
17
- display: inline;
18
- float: left;
19
- margin-left: $gridGutterWidth;
20
- }
21
-
22
- // Default columns
23
- .span1 { @include columns(1); }
24
- .span2 { @include columns(2); }
25
- .span3 { @include columns(3); }
26
- .span4 { @include columns(4); }
27
- .span5 { @include columns(5); }
28
- .span6 { @include columns(6); }
29
- .span7 { @include columns(7); }
30
- .span8 { @include columns(8); }
31
- .span9 { @include columns(9); }
32
- .span10 { @include columns(10); }
33
- .span11 { @include columns(11); }
34
- .span12 { @include columns(12); }
35
- .span13 { @include columns(13); }
36
- .span14 { @include columns(14); }
37
- .span15 { @include columns(15); }
38
- .span16 { @include offset(16); }
39
-
40
- // Offset column options
41
- .offset1 { @include offset(1); }
42
- .offset2 { @include offset(2); }
43
- .offset3 { @include offset(3); }
44
- .offset4 { @include offset(4); }
45
- .offset5 { @include offset(5); }
46
- .offset6 { @include offset(6); }
47
- .offset7 { @include offset(7); }
48
- .offset8 { @include offset(8); }
49
- .offset9 { @include offset(9); }
50
- .offset10 { @include offset(10); }
51
- .offset11 { @include offset(11); }
52
- .offset12 { @include offset(12); }
53
-
54
- // Unique column sizes for 16-column grid
55
- .span-one-third { width: 300px; }
56
- .span-two-thirds { width: 620px; }
57
- .offset-one-third { margin-left: 340px; }
58
- .offset-two-thirds { margin-left: 660px; }
59
- }
60
-
61
-
62
- // STRUCTURAL LAYOUT
63
- // -----------------
64
-
65
- html, body {
66
- background-color: #fff;
67
- }
68
- body {
69
- margin: 0;
70
- @include sans-serif(normal,$basefont,$baseline);
71
- color: $gray;
72
- }
73
-
74
- // Container (centered, fixed-width layouts)
75
- .container {
76
- width: 940px;
77
- margin: 0 auto;
78
- }
79
-
80
- // Fluid layouts (left aligned, with sidebar, min- & max-width content)
81
- .container-fluid {
82
- padding: 0 20px;
83
- @include clearfix();
84
- > .sidebar {
85
- float: left;
86
- width: 220px;
87
- }
88
- // TODO in v2: rename this and .popover .content to be more specific
89
- > .content {
90
- min-width: 700px;
91
- max-width: 1180px;
92
- margin-left: 240px;
93
- }
94
- }
95
-
96
-
97
- // BASE STYLES
98
- // -----------
99
-
100
- // Links
101
- a {
102
- color: $linkColor;
103
- text-decoration: none;
104
- line-height: inherit;
105
- font-weight: inherit;
106
- &:hover {
107
- color: $linkColorHover;
108
- text-decoration: underline;
109
- }
110
- }
@@ -1,12 +0,0 @@
1
- # Make sure you list all the project template files here in the manifest.
2
- stylesheet 'compass_bootstrap.scss', :media => 'screen, projection'
3
- stylesheet '_reset.scss', :media => 'screen, projection'
4
- stylesheet '_preboot.scss', :media => 'screen, projection'
5
- stylesheet '_scaffolding.scss', :media => 'screen, projection'
6
- stylesheet '_type.scss', :media => 'screen, projection'
7
- stylesheet '_tables.scss', :media => 'screen, projection'
8
- stylesheet '_forms.scss', :media => 'screen, projection'
9
- stylesheet '_patterns.scss', :media => 'screen, projection'
10
-
11
- description "SCSS port of less version of twitter bootstrap"
12
-