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.
- data/.gitignore +4 -0
- data/README.mkdn +112 -21
- data/lib/compass-bootstrap.rb +6 -1
- data/lib/compass-bootstrap/rails.rb +7 -0
- data/lib/compass-bootstrap/rails/engine.rb +7 -0
- data/lib/compass-bootstrap/version.rb +1 -1
- data/stylesheets/compass-bootstrap/_compass_bootstrap.scss +5 -2
- data/stylesheets/compass-bootstrap/_forms.scss +139 -67
- data/stylesheets/compass-bootstrap/_mixins.scss +210 -0
- data/stylesheets/compass-bootstrap/_patterns.scss +331 -146
- data/stylesheets/compass-bootstrap/_reset.scss +6 -2
- data/stylesheets/compass-bootstrap/_scaffolding.scss +89 -62
- data/stylesheets/compass-bootstrap/_tables.scss +35 -12
- data/stylesheets/compass-bootstrap/_type.scss +7 -8
- data/stylesheets/compass-bootstrap/_variables.scss +60 -0
- data/vendor/assets/javascripts/bootstrap-alerts.js +104 -0
- data/vendor/assets/javascripts/bootstrap-dropdown.js +50 -0
- data/vendor/assets/javascripts/bootstrap-modal.js +227 -0
- data/vendor/assets/javascripts/bootstrap-popover.js +77 -0
- data/vendor/assets/javascripts/bootstrap-scrollspy.js +105 -0
- data/vendor/assets/javascripts/bootstrap-tabs.js +62 -0
- data/vendor/assets/javascripts/bootstrap-twipsy.js +307 -0
- data/vendor/assets/stylesheets/compass-bootstrap/_compass_bootstrap.scss +29 -0
- data/{templates → vendor/assets/stylesheets}/compass-bootstrap/_forms.scss +139 -67
- data/vendor/assets/stylesheets/compass-bootstrap/_mixins.scss +210 -0
- data/{templates → vendor/assets/stylesheets}/compass-bootstrap/_patterns.scss +331 -146
- data/{templates → vendor/assets/stylesheets}/compass-bootstrap/_reset.scss +6 -2
- data/vendor/assets/stylesheets/compass-bootstrap/_scaffolding.scss +137 -0
- data/{templates → vendor/assets/stylesheets}/compass-bootstrap/_tables.scss +35 -12
- data/{templates → vendor/assets/stylesheets}/compass-bootstrap/_type.scss +7 -8
- data/vendor/assets/stylesheets/compass-bootstrap/_variables.scss +60 -0
- data/{templates → vendor/assets/stylesheets}/compass-bootstrap/compass_bootstrap.scss +5 -2
- data/vendor/assets/stylesheets/compass-bootstrap/manifest.rb +20 -0
- metadata +50 -61
- data/stylesheets/compass-bootstrap/_preboot.scss +0 -276
- data/templates/compass-bootstrap/_preboot.scss +0 -292
- data/templates/compass-bootstrap/_scaffolding.scss +0 -110
- 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
|
-
|