bootstrapped-rails 1.1.3 → 2.0.0.rc1
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/.DS_Store +0 -0
- data/lib/bootstrapped-rails/version.rb +1 -1
- data/readme.md +2 -0
- data/vendor/.DS_Store +0 -0
- data/vendor/assets/.DS_Store +0 -0
- data/vendor/assets/javascripts/.DS_Store +0 -0
- data/vendor/assets/stylesheets/.DS_Store +0 -0
- data/vendor/assets/stylesheets/custom_partials/.DS_Store +0 -0
- data/vendor/assets/stylesheets/custom_partials/arrow.scss +156 -0
- data/vendor/assets/stylesheets/custom_partials/buttons.scss +100 -0
- data/vendor/assets/stylesheets/custom_partials/fonts.css.scss +51 -0
- data/vendor/assets/stylesheets/custom_partials/gradients.scss +25 -0
- data/vendor/assets/stylesheets/custom_partials/misc.scss +61 -0
- data/vendor/assets/stylesheets/custom_partials/rounded.scss +30 -0
- data/vendor/assets/stylesheets/custom_partials/status.scss +38 -0
- data/vendor/assets/stylesheets/custom_partials/test_colors.scss +21 -0
- data/vendor/assets/stylesheets/custom_partials/transition.scss +25 -0
- data/vendor/assets/stylesheets/custom_partials/variables.scss +126 -0
- data/vendor/assets/stylesheets/custom_styles.css.scss +16 -0
- metadata +23 -11
data/.DS_Store
CHANGED
|
Binary file
|
data/readme.md
CHANGED
data/vendor/.DS_Store
CHANGED
|
Binary file
|
data/vendor/assets/.DS_Store
CHANGED
|
Binary file
|
|
Binary file
|
|
Binary file
|
|
Binary file
|
|
@@ -0,0 +1,156 @@
|
|
|
1
|
+
@mixin before_and_after {
|
|
2
|
+
content: "\00a0";
|
|
3
|
+
display: block;
|
|
4
|
+
position: absolute;
|
|
5
|
+
width: 0;
|
|
6
|
+
height: 0;
|
|
7
|
+
}
|
|
8
|
+
@mixin arrow_base($border-color, $background-color, $height, $width) {
|
|
9
|
+
border: 1px solid $border-color;
|
|
10
|
+
background: $background-color;
|
|
11
|
+
height: $height;
|
|
12
|
+
width: $width;
|
|
13
|
+
padding: 10px;
|
|
14
|
+
margin-bottom: 10px;
|
|
15
|
+
&.borderless:before {
|
|
16
|
+
@include before_and_after;
|
|
17
|
+
left: $width + 20px;
|
|
18
|
+
top: 0;
|
|
19
|
+
bottom: auto;
|
|
20
|
+
border-width: 25px;
|
|
21
|
+
border-style: solid;
|
|
22
|
+
border-color: transparent transparent transparent $border-color;
|
|
23
|
+
}
|
|
24
|
+
&.borderless:after {
|
|
25
|
+
@include before_and_after;
|
|
26
|
+
top: 0;
|
|
27
|
+
left: $width + 20px;
|
|
28
|
+
bottom: auto;
|
|
29
|
+
border-width: 25px;
|
|
30
|
+
border-style: solid;
|
|
31
|
+
border-color: transparent transparent transparent $background-color;
|
|
32
|
+
}
|
|
33
|
+
blockquote {
|
|
34
|
+
border: $border-size solid $border-color;
|
|
35
|
+
background: $background-color;
|
|
36
|
+
height: $height - 10px;
|
|
37
|
+
width: $width - 10px;
|
|
38
|
+
padding: 10px;
|
|
39
|
+
margin-bottom: 30px;
|
|
40
|
+
margin-left: 0;
|
|
41
|
+
position: relative;
|
|
42
|
+
&:before {
|
|
43
|
+
@include before_and_after;
|
|
44
|
+
top: $height + 10px;
|
|
45
|
+
left: $width - 50px;
|
|
46
|
+
bottom: auto;
|
|
47
|
+
border-width: 15px;
|
|
48
|
+
border-style: solid;
|
|
49
|
+
border-color: $border-color transparent transparent transparent;
|
|
50
|
+
}
|
|
51
|
+
&:after {
|
|
52
|
+
@include before_and_after;
|
|
53
|
+
top: $height + 5px;
|
|
54
|
+
left: $width - 50px;
|
|
55
|
+
bottom: auto;
|
|
56
|
+
border-width: 15px;
|
|
57
|
+
border-style: solid;
|
|
58
|
+
border-color: $border-color transparent transparent transparent;
|
|
59
|
+
}
|
|
60
|
+
}
|
|
61
|
+
}
|
|
62
|
+
@mixin arrow_east($border-color: #456eb9, $background-color: #e7eff4, $height: 100px, $width: 500px) {
|
|
63
|
+
@include arrow_base($border-color, $background-color, $height, $width);
|
|
64
|
+
margin-right: 50px;
|
|
65
|
+
position: relative;
|
|
66
|
+
&:before {
|
|
67
|
+
@include before_and_after;
|
|
68
|
+
top: 0;
|
|
69
|
+
left: $width + 20px;
|
|
70
|
+
bottom: auto;
|
|
71
|
+
border-width: 25px;
|
|
72
|
+
border-style: solid;
|
|
73
|
+
border-color: transparent transparent transparent $border-color;
|
|
74
|
+
}
|
|
75
|
+
&:after {
|
|
76
|
+
@include before_and_after;
|
|
77
|
+
top: 0;
|
|
78
|
+
left: $width + 19px;
|
|
79
|
+
bottom: auto;
|
|
80
|
+
border-width: 25px;
|
|
81
|
+
border-style: solid;
|
|
82
|
+
border-color: transparent transparent transparent $background-color;
|
|
83
|
+
}
|
|
84
|
+
}
|
|
85
|
+
@mixin arrow_south($border-color: #456eb9, $background-color: #e7eff4, $height: 100px, $width: 500px) {
|
|
86
|
+
@include arrow_base($border-color, $background-color, $height, $width);
|
|
87
|
+
margin-bottom: 50px;
|
|
88
|
+
position: relative;
|
|
89
|
+
&:before {
|
|
90
|
+
@include before_and_after;
|
|
91
|
+
top: $height + 20px;
|
|
92
|
+
left: 0;
|
|
93
|
+
bottom: auto;
|
|
94
|
+
border-width: 25px;
|
|
95
|
+
border-style: solid;
|
|
96
|
+
border-color: $border-color transparent transparent transparent;
|
|
97
|
+
}
|
|
98
|
+
&:after {
|
|
99
|
+
@include before_and_after;
|
|
100
|
+
top: $height + 19px;
|
|
101
|
+
left: 0;
|
|
102
|
+
bottom: auto;
|
|
103
|
+
border-width: 25px;
|
|
104
|
+
border-style: solid;
|
|
105
|
+
border-color: $background-color transparent transparent transparent;
|
|
106
|
+
}
|
|
107
|
+
}
|
|
108
|
+
@mixin arrow_north($border-color: #456eb9, $background-color: #e7eff4, $height: 100px, $width: 500px) {
|
|
109
|
+
@include arrow_base($border-color, $background-color, $height, $width);
|
|
110
|
+
margin-top: -15px;
|
|
111
|
+
position: relative;
|
|
112
|
+
&:before {
|
|
113
|
+
@include before_and_after;
|
|
114
|
+
top: $height / 2;
|
|
115
|
+
left: $width - 100px;
|
|
116
|
+
bottom: auto;
|
|
117
|
+
border-width: 25px;
|
|
118
|
+
border-style: solid;
|
|
119
|
+
border-color: transparent transparent $border-color transparent;
|
|
120
|
+
}
|
|
121
|
+
&:after {
|
|
122
|
+
@include before_and_after;
|
|
123
|
+
top: $height / 2 - 1px;
|
|
124
|
+
left: $width - 100px;;
|
|
125
|
+
bottom: auto;
|
|
126
|
+
border-width: 25px;
|
|
127
|
+
border-style: solid;
|
|
128
|
+
border-color: transparent transparent $background-color transparent;
|
|
129
|
+
}
|
|
130
|
+
}
|
|
131
|
+
|
|
132
|
+
@mixin arrow_west($border-color: #456eb9, $background-color: #e7eff4, $height: 100px, $width: 500px) {
|
|
133
|
+
@include arrow_base($border-color, $background-color, $height, $width);
|
|
134
|
+
margin-left: 50px;
|
|
135
|
+
width: 450px;
|
|
136
|
+
position: relative;
|
|
137
|
+
&:before {
|
|
138
|
+
@include before_and_after;
|
|
139
|
+
top: 0;
|
|
140
|
+
left: $height / 2;
|
|
141
|
+
bottom: auto;
|
|
142
|
+
border-width: 25px;
|
|
143
|
+
border-style: solid;
|
|
144
|
+
border-color: transparent $border-color transparent transparent;
|
|
145
|
+
}
|
|
146
|
+
&:after {
|
|
147
|
+
@include before_and_after;
|
|
148
|
+
top: 0;
|
|
149
|
+
left: $height / 2 - 1px;
|
|
150
|
+
bottom: auto;
|
|
151
|
+
border-width: 25px;
|
|
152
|
+
border-style: solid;
|
|
153
|
+
border-color: transparent $background-color transparent transparent;
|
|
154
|
+
}
|
|
155
|
+
}
|
|
156
|
+
|
|
@@ -0,0 +1,100 @@
|
|
|
1
|
+
@mixin buttonstyle($width, $font-size, $padding-tb, $padding-rl) {
|
|
2
|
+
text-align: center;
|
|
3
|
+
a {
|
|
4
|
+
@include buttonstyle_for_a($width, $font-size, $padding-tb, $padding-rl);
|
|
5
|
+
}
|
|
6
|
+
}
|
|
7
|
+
// needs refactoring
|
|
8
|
+
@mixin buttonstyle_for_a($width, $font-size, $padding-tb, $padding-rl) {
|
|
9
|
+
display: inline-block;
|
|
10
|
+
background-color: #ccc;
|
|
11
|
+
background-image: -webkit-gradient(linear, left top, left bottom, from(#eee), to(#ccc));
|
|
12
|
+
background-image: -webkit-linear-gradient(top, #eee, #ccc);
|
|
13
|
+
background-image: -moz-linear-gradient(top, #eee, #ccc);
|
|
14
|
+
background-image: -ms-linear-gradient(top, #eee, #ccc);
|
|
15
|
+
background-image: -o-linear-gradient(top, #eee, #ccc);
|
|
16
|
+
background-image: linear-gradient(top, #eee, #ccc);
|
|
17
|
+
filter: progid:DXImageTransform.Microsoft.gradient(startColorStr='#eeeeee', EndColorStr='#cccccc');
|
|
18
|
+
border: 1px solid #777;
|
|
19
|
+
padding: $padding-tb $padding-rl $padding-tb $padding-rl;
|
|
20
|
+
margin: 0.5em;
|
|
21
|
+
font: bold 1em/2em Arial, Helvetica;
|
|
22
|
+
text-decoration: none;
|
|
23
|
+
color: #333;
|
|
24
|
+
width: $width;
|
|
25
|
+
line-height: $font-size * 1.5;
|
|
26
|
+
font-size: $font-size;
|
|
27
|
+
text-shadow: 0 1px 0 rgba(255,255,255,.8);
|
|
28
|
+
-moz-border-radius: .2em;
|
|
29
|
+
-webkit-border-radius: .2em;
|
|
30
|
+
border-radius: .2em;
|
|
31
|
+
-moz-box-shadow: 0 0 1px 1px rgba(255,255,255,.8) inset, 0 1px 0 rgba(0,0,0,.3);
|
|
32
|
+
-webkit-box-shadow: 0 0 1px 1px rgba(255,255,255,.8) inset, 0 1px 0 rgba(0,0,0,.3);
|
|
33
|
+
box-shadow: 0 0 1px 1px rgba(255,255,255,.8) inset, 0 1px 0 rgba(0,0,0,.3);
|
|
34
|
+
&:hover {
|
|
35
|
+
background-color: #ddd;
|
|
36
|
+
background-image: -webkit-gradient(linear, left top, left bottom, from(#fafafa), to(#ddd));
|
|
37
|
+
background-image: -webkit-linear-gradient(top, #fafafa, #ddd);
|
|
38
|
+
background-image: -moz-linear-gradient(top, #fafafa, #ddd);
|
|
39
|
+
background-image: -ms-linear-gradient(top, #fafafa, #ddd);
|
|
40
|
+
background-image: -o-linear-gradient(top, #fafafa, #ddd);
|
|
41
|
+
background-image: linear-gradient(top, #fafafa, #ddd);
|
|
42
|
+
filter: progid:DXImageTransform.Microsoft.gradient(startColorStr='#fafafa', EndColorStr='#dddddd');
|
|
43
|
+
}
|
|
44
|
+
&:active {
|
|
45
|
+
-moz-box-shadow: 0 0 4px 2px rgba(0,0,0,.3) inset;
|
|
46
|
+
-webkit-box-shadow: 0 0 4px 2px rgba(0,0,0,.3) inset;
|
|
47
|
+
box-shadow: 0 0 4px 2px rgba(0,0,0,.3) inset;
|
|
48
|
+
position: relative;
|
|
49
|
+
top: 1px;
|
|
50
|
+
}
|
|
51
|
+
&:focus {
|
|
52
|
+
outline: 0;
|
|
53
|
+
background: #fafafa;
|
|
54
|
+
}
|
|
55
|
+
&:before {
|
|
56
|
+
background: #ccc;
|
|
57
|
+
background: rgba(0,0,0,.1);
|
|
58
|
+
float: left;
|
|
59
|
+
width: 1em;
|
|
60
|
+
text-align: center;
|
|
61
|
+
font-size: 1.5em;
|
|
62
|
+
margin: 0 1em 0 -1em;
|
|
63
|
+
padding: 0 .2em;
|
|
64
|
+
-moz-box-shadow: 1px 0 0 rgba(0,0,0,.5), 2px 0 0 rgba(255,255,255,.5);
|
|
65
|
+
-webkit-box-shadow: 1px 0 0 rgba(0,0,0,.5), 2px 0 0 rgba(255,255,255,.5);
|
|
66
|
+
box-shadow: 1px 0 0 rgba(0,0,0,.5), 2px 0 0 rgba(255,255,255,.5);
|
|
67
|
+
-moz-border-radius: .15em 0 0 .15em;
|
|
68
|
+
-webkit-border-radius: .15em 0 0 .15em;
|
|
69
|
+
border-radius: .15em 0 0 .15em;
|
|
70
|
+
pointer-events: none;
|
|
71
|
+
}
|
|
72
|
+
}
|
|
73
|
+
@mixin github_style_button {
|
|
74
|
+
text-align:center;
|
|
75
|
+
@include back_gradient(#f4f4f4, #ececec);
|
|
76
|
+
border: 1px solid #D4D4D4;
|
|
77
|
+
margin-right: 10px;
|
|
78
|
+
margin-top: 2px;
|
|
79
|
+
padding: {
|
|
80
|
+
left: 5px;
|
|
81
|
+
right:5px;
|
|
82
|
+
top: 4px;
|
|
83
|
+
bottom:4px;
|
|
84
|
+
}
|
|
85
|
+
border-radius: 3px 3px 3px 3px;
|
|
86
|
+
color: #333333;
|
|
87
|
+
cursor: pointer;
|
|
88
|
+
display: inline-block;
|
|
89
|
+
font-family: Helvetica,arial,freesans,clean,sans-serif;
|
|
90
|
+
font-size: 10px;
|
|
91
|
+
font-weight: bold;
|
|
92
|
+
position: relative;
|
|
93
|
+
text-shadow: 1px 1px 0 #FFFFFF;
|
|
94
|
+
&:hover {
|
|
95
|
+
@include gradient2(#496B87, 10%);
|
|
96
|
+
border-color: #275666;
|
|
97
|
+
color: #FFFFFF;
|
|
98
|
+
text-shadow: -1px -1px 0 rgba(0, 0, 0, 0.3);
|
|
99
|
+
}
|
|
100
|
+
}
|
|
@@ -0,0 +1,51 @@
|
|
|
1
|
+
@mixin Impact {
|
|
2
|
+
font-family: Impact, Charcoal, sans-serif;
|
|
3
|
+
}
|
|
4
|
+
@mixin Palatino {
|
|
5
|
+
font-family: 'Palatino Linotype', 'Book Antiqua', Palatino, serif;
|
|
6
|
+
}
|
|
7
|
+
@mixin Tahoma {
|
|
8
|
+
font-family:Tahoma,Arial,Helvetica,sans-serif;
|
|
9
|
+
}
|
|
10
|
+
@mixin Gothic {
|
|
11
|
+
font-family: Century Gothic, sans-serif;
|
|
12
|
+
}
|
|
13
|
+
@mixin Lucida {
|
|
14
|
+
font-family: 'Lucida Grande', 'Lucida Sans Unicode', sans-serif;
|
|
15
|
+
}
|
|
16
|
+
@mixin ArialBlack {
|
|
17
|
+
font-family: 'Arial Black', Gadget, sans-serif;
|
|
18
|
+
}
|
|
19
|
+
@mixin ArialNarrow {
|
|
20
|
+
font-family: 'Arial Narrow', sans-serif;
|
|
21
|
+
}
|
|
22
|
+
@mixin TimesNew {
|
|
23
|
+
font-family: 'Times New Roman', Times, serif;
|
|
24
|
+
}
|
|
25
|
+
@mixin Verdana {
|
|
26
|
+
font-family: Verdana, Geneva, sans-serif;
|
|
27
|
+
}
|
|
28
|
+
@mixin Copperplate {
|
|
29
|
+
font-family: Copperplate / Copperplate Gothic Light, sans-serif;
|
|
30
|
+
}
|
|
31
|
+
@mixin GillSans {
|
|
32
|
+
font-family: Gill Sans / Gill Sans MT, sans-serif;
|
|
33
|
+
}
|
|
34
|
+
@mixin Lucida {
|
|
35
|
+
font-family: 'Lucida Console', Monaco, monospace;
|
|
36
|
+
}
|
|
37
|
+
@mixin Trebuchet {
|
|
38
|
+
font-family: 'Trebuchet MS', Helvetica, sans-serif;
|
|
39
|
+
}
|
|
40
|
+
@mixin Courier {
|
|
41
|
+
font-family: 'Courier New', Courier, monospace;
|
|
42
|
+
}
|
|
43
|
+
@mixin Arial {
|
|
44
|
+
font-family: Arial, Helvetica, sans-serif;
|
|
45
|
+
}
|
|
46
|
+
@mixin Georgia {
|
|
47
|
+
font-family: Georgia, Serif;
|
|
48
|
+
}
|
|
49
|
+
@mixin Baskerville {
|
|
50
|
+
font-family: Baskerville,Georgia,Serif;
|
|
51
|
+
}
|
|
@@ -0,0 +1,25 @@
|
|
|
1
|
+
@mixin back_gradient($color1, $color2) {
|
|
2
|
+
background: -moz-linear-gradient(top, $color1 0%, $color2 100%); /* FF3.6+ */
|
|
3
|
+
background-image:-webkit-gradient(linear, 0 0%, 0 100%, from($color1), to($color2));
|
|
4
|
+
}
|
|
5
|
+
@mixin gradient2($color, $percentage) {
|
|
6
|
+
background-color: darken($color, $percentage);
|
|
7
|
+
background-image: -khtml-gradient(linear, top, bottom, from($color), to(darken($color, $percentage))); // Konqueror
|
|
8
|
+
background-image: -moz-linear-gradient($color, darken($color, $percentage)); // FF 3.6+
|
|
9
|
+
background-image: -ms-linear-gradient($color, darken($color, $percentage)); // IE10
|
|
10
|
+
background-image: -webkit-gradient(linear, top, bottom, color-stop(0%, $color), color-stop(100%, darken($color, $percentage))); // Safari 4+, Chrome 2+
|
|
11
|
+
background-image: -webkit-linear-gradient($color, darken($color, $percentage)); // Safari 5.1+, Chrome 10+
|
|
12
|
+
background-image: -o-linear-gradient($color, darken($color, $percentage)); // Opera 11.10
|
|
13
|
+
background-image: linear-gradient($color, darken($color, $percentage)); // Le standard
|
|
14
|
+
filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#{$color}', endColorstr='#{darken($color, $percentage)}', GradientType=1); // IE9 and down
|
|
15
|
+
|
|
16
|
+
}
|
|
17
|
+
@mixin button_gradient($color1, $color2) {
|
|
18
|
+
background-image: -webkit-gradient(linear, left top, left bottom, from($color1), to($color2));
|
|
19
|
+
background-image: -webkit-linear-gradient(top, $color1, $color2);
|
|
20
|
+
background-image: -moz-linear-gradient(top, $color1, $color2);
|
|
21
|
+
background-image: -ms-linear-gradient(top, $color1, $color2);
|
|
22
|
+
background-image: -o-linear-gradient(top, $color1, $color2);
|
|
23
|
+
background-image: linear-gradient(top, $color1, $color2);
|
|
24
|
+
filter: progid:DXImageTransform.Microsoft.gradient(startColorStr='$color1', EndColorStr='$color2');
|
|
25
|
+
}
|
|
@@ -0,0 +1,61 @@
|
|
|
1
|
+
@mixin pad($padding) {
|
|
2
|
+
padding: {
|
|
3
|
+
top: $padding;
|
|
4
|
+
bottom: $padding;
|
|
5
|
+
left: $padding;
|
|
6
|
+
right: $padding;
|
|
7
|
+
}
|
|
8
|
+
}
|
|
9
|
+
@mixin pad-lr($padding) {
|
|
10
|
+
padding: {
|
|
11
|
+
left: $padding;
|
|
12
|
+
right: $padding;
|
|
13
|
+
}
|
|
14
|
+
}
|
|
15
|
+
@mixin pad-tb($padding) {
|
|
16
|
+
padding: {
|
|
17
|
+
top: $padding;
|
|
18
|
+
bottom: $padding;
|
|
19
|
+
}
|
|
20
|
+
}
|
|
21
|
+
@mixin rotate($degree) {
|
|
22
|
+
transform:rotate($degree);
|
|
23
|
+
-ms-transform:rotate($degree); /* IE 9 */
|
|
24
|
+
-moz-transform:rotate($degree); /* Firefox */
|
|
25
|
+
-webkit-transform:rotate($degree); /* Safari and Chrome */
|
|
26
|
+
-o-transform:rotate($degree); /* Opera */
|
|
27
|
+
}
|
|
28
|
+
@mixin github-style-box-shadow ($border-radius) {
|
|
29
|
+
border: 1px solid #EEEEEE;
|
|
30
|
+
border-radius: $border-radius $border-radius $border-radius $border-radius;
|
|
31
|
+
box-shadow: 0 1px 1px #777777;
|
|
32
|
+
margin-bottom: 25px;
|
|
33
|
+
}
|
|
34
|
+
@mixin github-style-title($font-size) {
|
|
35
|
+
color: #000000;
|
|
36
|
+
font-family: Palatino,Georgia,"Times New Roman",serif;
|
|
37
|
+
font-size: $font-size;
|
|
38
|
+
}
|
|
39
|
+
@mixin transparency($opacity_level) {
|
|
40
|
+
-ms-filter:"progid:DXImageTransform.Microsoft.Alpha(Opacity=$opacity_level)";
|
|
41
|
+
filter: alpha(opacity=$opacity_level);
|
|
42
|
+
-moz-opacity:$opacity_level/100;
|
|
43
|
+
-khtml-opacity: $opacity_level/100;
|
|
44
|
+
opacity: $opacity_level/100;
|
|
45
|
+
}
|
|
46
|
+
|
|
47
|
+
@mixin better_border($color) {
|
|
48
|
+
border: {
|
|
49
|
+
top: lighten($color, 2%);
|
|
50
|
+
left: $color;
|
|
51
|
+
right: $color;
|
|
52
|
+
bottom: darken($color, 2%);
|
|
53
|
+
}
|
|
54
|
+
border-width: 1px;
|
|
55
|
+
border-style: solid;
|
|
56
|
+
}
|
|
57
|
+
@mixin dotted_underline($color, $display: inline-block) {
|
|
58
|
+
display: $display;
|
|
59
|
+
border-bottom: 1px dotted $color;
|
|
60
|
+
}
|
|
61
|
+
|
|
@@ -0,0 +1,30 @@
|
|
|
1
|
+
@mixin round-right($corner_size) {
|
|
2
|
+
-moz-border-radius:0 $corner_size $corner_size 0;
|
|
3
|
+
-webkit-border-radius:0 $corner_size $corner_size 0;
|
|
4
|
+
border-radius: 0 $corner_size $corner_size 0;
|
|
5
|
+
}
|
|
6
|
+
@mixin round-topright($corner_size) {
|
|
7
|
+
-moz-border-radius:0 $corner_size 0 0;
|
|
8
|
+
-webkit-border-radius:0 $corner_size 0 0;
|
|
9
|
+
border-radius: 0 $corner_size 0 0;
|
|
10
|
+
}
|
|
11
|
+
@mixin round-left($corner_size) {
|
|
12
|
+
-moz-border-radius: $corner_size 0 0 $corner_size;
|
|
13
|
+
-webkit-border-radius:$corner_size 0 0 $corner_size;
|
|
14
|
+
border-radius: $corner_size 0 0 $corner_size;
|
|
15
|
+
}
|
|
16
|
+
@mixin round-bottom($corner_size) {
|
|
17
|
+
-moz-border-radius:0 0 $corner_size $corner_size;
|
|
18
|
+
-webkit-border-radius:0 0 $corner_size $corner_size;
|
|
19
|
+
border-radius: 0 0 $corner_size $corner_size;
|
|
20
|
+
}
|
|
21
|
+
@mixin round-top($corner_size) {
|
|
22
|
+
-moz-border-radius:$corner_size $corner_size 0 0;
|
|
23
|
+
-webkit-border-radius:$corner_size $corner_size 0 0;
|
|
24
|
+
border-radius: $corner_size $corner_size 0 0;
|
|
25
|
+
}
|
|
26
|
+
@mixin rounded-corners($corner_size) {
|
|
27
|
+
-moz-border-radius:$corner_size $corner_size $corner_size $corner_size;
|
|
28
|
+
-webkit-border-radius:$corner_size $corner_size $corner_size $corner_size;
|
|
29
|
+
border-radius: $corner_size $corner_size $corner_size $corner_size;
|
|
30
|
+
}
|
|
@@ -0,0 +1,38 @@
|
|
|
1
|
+
@mixin status($color: #99CCFF) {
|
|
2
|
+
background: darken($color, 15%);
|
|
3
|
+
color: #fff;
|
|
4
|
+
text-transform: uppercase;
|
|
5
|
+
letter-spacing: 0.15em;
|
|
6
|
+
padding: 3px 5px 2px 5px;
|
|
7
|
+
font-size: 0.8em;
|
|
8
|
+
|
|
9
|
+
&.ok, &.published, &.complete, &.completed, &.green { background: #8daa92; }
|
|
10
|
+
&.warn, &.warning, &.orange { background: #e29b20; }
|
|
11
|
+
&.error, &.errored, &.red { background: #d45f53; }
|
|
12
|
+
&.blue { background: #3366CC; }
|
|
13
|
+
}
|
|
14
|
+
@mixin tooltip($height, $left) {
|
|
15
|
+
span.tooltip {
|
|
16
|
+
display:none;
|
|
17
|
+
}
|
|
18
|
+
&:hover {
|
|
19
|
+
span.tooltip {
|
|
20
|
+
position: absolute;
|
|
21
|
+
display: block;
|
|
22
|
+
z-index: 100;
|
|
23
|
+
font-size: 10px;
|
|
24
|
+
@include rounded-corners(3px);
|
|
25
|
+
letter-spacing: .6px;
|
|
26
|
+
background: darken(#616161, 10%);
|
|
27
|
+
font-color: $brown;
|
|
28
|
+
text-align:center;
|
|
29
|
+
color: #BEAC87;
|
|
30
|
+
padding: 5px 5px 5px 5px;
|
|
31
|
+
margin: 10px;
|
|
32
|
+
width: 100px;
|
|
33
|
+
padding-top: 5px;
|
|
34
|
+
top: $height;
|
|
35
|
+
left: $left;
|
|
36
|
+
}
|
|
37
|
+
}
|
|
38
|
+
}
|
|
@@ -0,0 +1,21 @@
|
|
|
1
|
+
$best_lsat: #3333FF;
|
|
2
|
+
$average_lsat: #336666;
|
|
3
|
+
$last_lsat: #996699;
|
|
4
|
+
$diagnostic: #663366;
|
|
5
|
+
@mixin circle_background($color) {
|
|
6
|
+
display:inline-block;
|
|
7
|
+
@include gradient2($color, 5%);
|
|
8
|
+
span.number {
|
|
9
|
+
color: lighten($color, 30%);
|
|
10
|
+
}
|
|
11
|
+
&:hover {
|
|
12
|
+
@include gradient2(darken($color, 5%), 5%);
|
|
13
|
+
span.number {
|
|
14
|
+
color: lighten(darken($color, 5%), 30%);
|
|
15
|
+
}
|
|
16
|
+
}
|
|
17
|
+
}
|
|
18
|
+
@mixin text_background($color) {
|
|
19
|
+
background: lighten($color, 30%);
|
|
20
|
+
color: $color;
|
|
21
|
+
}
|
|
@@ -0,0 +1,25 @@
|
|
|
1
|
+
@mixin transition($property: background, $duration: 1s, $delay: 0.25s, $ease: easeOut) {
|
|
2
|
+
transition: $property $duration;
|
|
3
|
+
-moz-transition: $property $duration; /* Firefox 4 */
|
|
4
|
+
-webkit-transition: $property $duration; /* Safari and Chrome */
|
|
5
|
+
-o-transition: $property $duration;
|
|
6
|
+
transition-property: $property;
|
|
7
|
+
transition-duration: $duration;
|
|
8
|
+
transition-timing-function: $ease;
|
|
9
|
+
transition-delay: $delay;
|
|
10
|
+
/* Firefox 4 */
|
|
11
|
+
-moz-transition-property: $property;
|
|
12
|
+
-moz-transition-duration: $duration;
|
|
13
|
+
-moz-transition-timing-function: $ease;
|
|
14
|
+
-moz-transition-delay: $delay;
|
|
15
|
+
/* Safari and Chrome */
|
|
16
|
+
-webkit-transition-property: $property;
|
|
17
|
+
-webkit-transition-duration: $duration;
|
|
18
|
+
-webkit-transition-timing-function: $ease;
|
|
19
|
+
-webkit-transition-delay: $delay;
|
|
20
|
+
/* Opera */
|
|
21
|
+
-o-transition-property: $property;
|
|
22
|
+
-o-transition-duration: $duration;
|
|
23
|
+
-o-transition-timing-function: $ease;
|
|
24
|
+
-o-transition-delay: $delay;
|
|
25
|
+
}
|
|
@@ -0,0 +1,126 @@
|
|
|
1
|
+
//palette
|
|
2
|
+
|
|
3
|
+
$steelblue: #4682B4;
|
|
4
|
+
$d1_steel: #496B87;
|
|
5
|
+
$d2_steel:#4682B4;
|
|
6
|
+
$l1_steel: #76ACDA;
|
|
7
|
+
$l2_steel:#90B8DA;
|
|
8
|
+
$github_light_blue_border: #C5D5DD;
|
|
9
|
+
$github_pale_blue: #C5D5DD;
|
|
10
|
+
$github_light_blue: #E6F1F6;
|
|
11
|
+
$purple: #1D1B7C;
|
|
12
|
+
$d2_purple: #5654BF;
|
|
13
|
+
$d1_purple: #545390;
|
|
14
|
+
$l1_purple: #8382DF;
|
|
15
|
+
$l2_purple: #9C9BDF;
|
|
16
|
+
|
|
17
|
+
$d2_yellow: #FFD658;
|
|
18
|
+
$d1_yellow: #BFA861;
|
|
19
|
+
$yellow: #A6841D;
|
|
20
|
+
$l1_yellow:#FFE082;
|
|
21
|
+
$l2_yellow:#FFE8A3;
|
|
22
|
+
|
|
23
|
+
$d2_orange: #FFB958;
|
|
24
|
+
$d1_orange: #BF9861;
|
|
25
|
+
$orange: #A66C1D;
|
|
26
|
+
$l1_orange: #FFCA82;
|
|
27
|
+
$l2_orange: #FFD8A3;
|
|
28
|
+
|
|
29
|
+
|
|
30
|
+
$light_steel: #B0C4DE;
|
|
31
|
+
$snow: #F0FFFF;
|
|
32
|
+
$pale_turq: #AFEEEE;
|
|
33
|
+
$dark_turq: #00CED1;
|
|
34
|
+
//end palette
|
|
35
|
+
|
|
36
|
+
|
|
37
|
+
$light_blue: #4183C4;
|
|
38
|
+
$bluish-gray: #99CCFF;
|
|
39
|
+
$gray: #777;
|
|
40
|
+
$red: #690E13;
|
|
41
|
+
$dark_blue: #0066CC;
|
|
42
|
+
$brown: #B5A176;
|
|
43
|
+
$nav_border_blue: #D0DEF2;
|
|
44
|
+
$secondary-color: #f0f0f0;
|
|
45
|
+
$border_yellow: #F7CA75;
|
|
46
|
+
$light_green: #CCFFCC;
|
|
47
|
+
$light_gray: #99A4AA;
|
|
48
|
+
$light_yellow: #FFFFCC;
|
|
49
|
+
$teal: #275666;
|
|
50
|
+
$bluish-green: #003366;
|
|
51
|
+
$green: #66CC99;
|
|
52
|
+
$light_orange: lighten(#FFCC99, 10%);
|
|
53
|
+
$pale_yellow: #FFFFCC;
|
|
54
|
+
$pale_green:#CCFFCC;
|
|
55
|
+
$test_color:#CCCC99;
|
|
56
|
+
@mixin back_gradient($color1, $color2) {
|
|
57
|
+
background: -moz-linear-gradient(top, $color1 0%, $color2 100%); /* FF3.6+ */
|
|
58
|
+
background-image:-webkit-gradient(linear, 0 0%, 0 100%, from($color1), to($color2));
|
|
59
|
+
}
|
|
60
|
+
@mixin gradient2($color, $percentage) {
|
|
61
|
+
background-color: darken($color, $percentage);
|
|
62
|
+
background-image: -khtml-gradient(linear, top, bottom, from($color), to(darken($color, $percentage))); // Konqueror
|
|
63
|
+
background-image: -moz-linear-gradient($color, darken($color, $percentage)); // FF 3.6+
|
|
64
|
+
background-image: -ms-linear-gradient($color, darken($color, $percentage)); // IE10
|
|
65
|
+
background-image: -webkit-gradient(linear, top, bottom, color-stop(0%, $color), color-stop(100%, darken($color, $percentage))); // Safari 4+, Chrome 2+
|
|
66
|
+
background-image: -webkit-linear-gradient($color, darken($color, $percentage)); // Safari 5.1+, Chrome 10+
|
|
67
|
+
background-image: -o-linear-gradient($color, darken($color, $percentage)); // Opera 11.10
|
|
68
|
+
background-image: linear-gradient($color, darken($color, $percentage)); // Le standard
|
|
69
|
+
filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#{$color}', endColorstr='#{darken($color, $percentage)}', GradientType=1); // IE9 and down
|
|
70
|
+
|
|
71
|
+
}
|
|
72
|
+
@mixin button_gradient($color1, $color2) {
|
|
73
|
+
background-image: -webkit-gradient(linear, left top, left bottom, from($color1), to($color2));
|
|
74
|
+
background-image: -webkit-linear-gradient(top, $color1, $color2);
|
|
75
|
+
background-image: -moz-linear-gradient(top, $color1, $color2);
|
|
76
|
+
background-image: -ms-linear-gradient(top, $color1, $color2);
|
|
77
|
+
background-image: -o-linear-gradient(top, $color1, $color2);
|
|
78
|
+
background-image: linear-gradient(top, $color1, $color2);
|
|
79
|
+
filter: progid:DXImageTransform.Microsoft.gradient(startColorStr='$color1', EndColorStr='$color2');
|
|
80
|
+
}
|
|
81
|
+
@mixin transparency($opacity_level) {
|
|
82
|
+
-ms-filter:"progid:DXImageTransform.Microsoft.Alpha(Opacity=$opacity_level)";
|
|
83
|
+
filter: alpha(opacity=$opacity_level);
|
|
84
|
+
-moz-opacity:$opacity_level/100;
|
|
85
|
+
-khtml-opacity: $opacity_level/100;
|
|
86
|
+
opacity: $opacity_level/100;
|
|
87
|
+
}
|
|
88
|
+
@mixin sld_border($color) {
|
|
89
|
+
border: {
|
|
90
|
+
top: lighten($color, 2%);
|
|
91
|
+
left: $color;
|
|
92
|
+
right: $color;
|
|
93
|
+
bottom: darken($color, 2%);
|
|
94
|
+
}
|
|
95
|
+
border-width: 1px;
|
|
96
|
+
border-style: solid;
|
|
97
|
+
}
|
|
98
|
+
@mixin dotted_underline($color) {
|
|
99
|
+
border-bottom: 1px dotted $color;
|
|
100
|
+
}
|
|
101
|
+
|
|
102
|
+
@mixin transition($property: background, $duration: 1s, $delay: 0.25s, $ease: easeOut) {
|
|
103
|
+
transition: $property $duration;
|
|
104
|
+
-moz-transition: $property $duration; /* Firefox 4 */
|
|
105
|
+
-webkit-transition: $property $duration; /* Safari and Chrome */
|
|
106
|
+
-o-transition: $property $duration;
|
|
107
|
+
transition-property: $property;
|
|
108
|
+
transition-duration: $duration;
|
|
109
|
+
transition-timing-function: $ease;
|
|
110
|
+
transition-delay: $delay;
|
|
111
|
+
/* Firefox 4 */
|
|
112
|
+
-moz-transition-property: $property;
|
|
113
|
+
-moz-transition-duration: $duration;
|
|
114
|
+
-moz-transition-timing-function: $ease;
|
|
115
|
+
-moz-transition-delay: $delay;
|
|
116
|
+
/* Safari and Chrome */
|
|
117
|
+
-webkit-transition-property: $property;
|
|
118
|
+
-webkit-transition-duration: $duration;
|
|
119
|
+
-webkit-transition-timing-function: $ease;
|
|
120
|
+
-webkit-transition-delay: $delay;
|
|
121
|
+
/* Opera */
|
|
122
|
+
-o-transition-property: $property;
|
|
123
|
+
-o-transition-duration: $duration;
|
|
124
|
+
-o-transition-timing-function: $ease;
|
|
125
|
+
-o-transition-delay: $delay;
|
|
126
|
+
}
|
|
@@ -0,0 +1,16 @@
|
|
|
1
|
+
/*
|
|
2
|
+
custom styling css
|
|
3
|
+
feel free to use
|
|
4
|
+
- han
|
|
5
|
+
*/
|
|
6
|
+
|
|
7
|
+
@import "custom_partials/variables.scss";
|
|
8
|
+
@import "custom_partials/gradients.scss";
|
|
9
|
+
@import "custom_partials/transition.scss";
|
|
10
|
+
@import "custom_partials/rounded.scss";
|
|
11
|
+
@import "custom_partials/fonts.scss";
|
|
12
|
+
@import "custom_partials/status.scss";
|
|
13
|
+
@import 'custom_partials/arrow.scss';
|
|
14
|
+
@import "custom_partials/buttons.scss";
|
|
15
|
+
@import "custom_partials/misc.scss";
|
|
16
|
+
@import "custom_partials/test_colors.scss";
|
metadata
CHANGED
|
@@ -1,19 +1,19 @@
|
|
|
1
1
|
--- !ruby/object:Gem::Specification
|
|
2
2
|
name: bootstrapped-rails
|
|
3
3
|
version: !ruby/object:Gem::Version
|
|
4
|
-
version:
|
|
5
|
-
prerelease:
|
|
4
|
+
version: 2.0.0.rc1
|
|
5
|
+
prerelease: 6
|
|
6
6
|
platform: ruby
|
|
7
7
|
authors:
|
|
8
8
|
- Han
|
|
9
9
|
autorequire:
|
|
10
10
|
bindir: bin
|
|
11
11
|
cert_chain: []
|
|
12
|
-
date: 2012-02-
|
|
12
|
+
date: 2012-02-28 00:00:00.000000000Z
|
|
13
13
|
dependencies:
|
|
14
14
|
- !ruby/object:Gem::Dependency
|
|
15
15
|
name: sass
|
|
16
|
-
requirement: &
|
|
16
|
+
requirement: &70280568793740 !ruby/object:Gem::Requirement
|
|
17
17
|
none: false
|
|
18
18
|
requirements:
|
|
19
19
|
- - ! '>='
|
|
@@ -21,10 +21,10 @@ dependencies:
|
|
|
21
21
|
version: 3.1.0
|
|
22
22
|
type: :runtime
|
|
23
23
|
prerelease: false
|
|
24
|
-
version_requirements: *
|
|
24
|
+
version_requirements: *70280568793740
|
|
25
25
|
- !ruby/object:Gem::Dependency
|
|
26
26
|
name: bundler
|
|
27
|
-
requirement: &
|
|
27
|
+
requirement: &70280568793120 !ruby/object:Gem::Requirement
|
|
28
28
|
none: false
|
|
29
29
|
requirements:
|
|
30
30
|
- - ~>
|
|
@@ -32,10 +32,10 @@ dependencies:
|
|
|
32
32
|
version: 1.0.0
|
|
33
33
|
type: :development
|
|
34
34
|
prerelease: false
|
|
35
|
-
version_requirements: *
|
|
35
|
+
version_requirements: *70280568793120
|
|
36
36
|
- !ruby/object:Gem::Dependency
|
|
37
37
|
name: rails
|
|
38
|
-
requirement: &
|
|
38
|
+
requirement: &70280568792540 !ruby/object:Gem::Requirement
|
|
39
39
|
none: false
|
|
40
40
|
requirements:
|
|
41
41
|
- - ~>
|
|
@@ -43,7 +43,7 @@ dependencies:
|
|
|
43
43
|
version: '3.1'
|
|
44
44
|
type: :development
|
|
45
45
|
prerelease: false
|
|
46
|
-
version_requirements: *
|
|
46
|
+
version_requirements: *70280568792540
|
|
47
47
|
description: ! ' please see summary '
|
|
48
48
|
email:
|
|
49
49
|
- han@logicalprep.com
|
|
@@ -122,6 +122,18 @@ files:
|
|
|
122
122
|
- vendor/assets/stylesheets/bootstrapped/utilities.scss
|
|
123
123
|
- vendor/assets/stylesheets/bootstrapped/variables.scss
|
|
124
124
|
- vendor/assets/stylesheets/bootstrapped/wells.scss
|
|
125
|
+
- vendor/assets/stylesheets/custom_partials/.DS_Store
|
|
126
|
+
- vendor/assets/stylesheets/custom_partials/arrow.scss
|
|
127
|
+
- vendor/assets/stylesheets/custom_partials/buttons.scss
|
|
128
|
+
- vendor/assets/stylesheets/custom_partials/fonts.css.scss
|
|
129
|
+
- vendor/assets/stylesheets/custom_partials/gradients.scss
|
|
130
|
+
- vendor/assets/stylesheets/custom_partials/misc.scss
|
|
131
|
+
- vendor/assets/stylesheets/custom_partials/rounded.scss
|
|
132
|
+
- vendor/assets/stylesheets/custom_partials/status.scss
|
|
133
|
+
- vendor/assets/stylesheets/custom_partials/test_colors.scss
|
|
134
|
+
- vendor/assets/stylesheets/custom_partials/transition.scss
|
|
135
|
+
- vendor/assets/stylesheets/custom_partials/variables.scss
|
|
136
|
+
- vendor/assets/stylesheets/custom_styles.css.scss
|
|
125
137
|
- vendor/assets/twitter/.gitignore
|
|
126
138
|
- vendor/assets/twitter/LICENSE
|
|
127
139
|
- vendor/assets/twitter/Makefile
|
|
@@ -357,9 +369,9 @@ required_ruby_version: !ruby/object:Gem::Requirement
|
|
|
357
369
|
required_rubygems_version: !ruby/object:Gem::Requirement
|
|
358
370
|
none: false
|
|
359
371
|
requirements:
|
|
360
|
-
- - ! '
|
|
372
|
+
- - ! '>'
|
|
361
373
|
- !ruby/object:Gem::Version
|
|
362
|
-
version:
|
|
374
|
+
version: 1.3.1
|
|
363
375
|
requirements: []
|
|
364
376
|
rubyforge_project: bootstrapped-rails
|
|
365
377
|
rubygems_version: 1.8.6
|