compass_radix 0.0.20 → 0.0.21
Sign up to get free protection for your applications and to get access to all the features.
- checksums.yaml +4 -4
- data/stylesheets/_compass_radix.scss +2 -1
- data/stylesheets/compass_radix/_menu.scss +153 -153
- data/stylesheets/compass_radix/_node.scss +9 -0
- data/stylesheets/fontawesome/_bootstrap.scss +84 -0
- data/stylesheets/fontawesome/_core.scss +129 -0
- data/stylesheets/fontawesome/_extras.scss +93 -0
- data/stylesheets/fontawesome/_icons.scss +381 -0
- data/stylesheets/fontawesome/_mixins.scss +48 -0
- data/stylesheets/fontawesome/_path.scss +14 -0
- data/stylesheets/fontawesome/_variables.scss +734 -0
- data/stylesheets/fontawesome/font-awesome-ie7.scss +1953 -0
- data/stylesheets/fontawesome/font-awesome.scss +33 -0
- metadata +10 -1
checksums.yaml
CHANGED
@@ -1,7 +1,7 @@
|
|
1
1
|
---
|
2
2
|
SHA1:
|
3
|
-
metadata.gz:
|
4
|
-
data.tar.gz:
|
3
|
+
metadata.gz: e982e5c5c180f0605aae8098eaf9ca91830615a6
|
4
|
+
data.tar.gz: 26bda1651b60d95498966fc5758bd14ca0d27800
|
5
5
|
SHA512:
|
6
|
-
metadata.gz:
|
7
|
-
data.tar.gz:
|
6
|
+
metadata.gz: 56857e8ee19b0ffbcb1faff4861e085809091ce5eb7f50140ab2afee81bc9984c24a5c45c51dc8663984b07df7b6caab9cb61912b5af5fd52ee0e37964ec375d
|
7
|
+
data.tar.gz: d3b943d12ec03aab4c3a99ddf14b2f3378f74d3ce500c69ba6b095fcac21495c40d41da631d5e999957b2d521246a6e5de01d304abe958b40006e17d469b867c
|
@@ -16,7 +16,8 @@
|
|
16
16
|
// Compass plugin for Twitter Bootstrap
|
17
17
|
// @see https://github.com/vwall/compass-twitter-bootstrap
|
18
18
|
// --------------------------------------------------
|
19
|
-
@import "
|
19
|
+
@import "compass_twitter_bootstrap";
|
20
|
+
@import "fontawesome/font-awesome";
|
20
21
|
|
21
22
|
// Radix Theme CSS
|
22
23
|
// --------------------------------------------------
|
@@ -13,160 +13,160 @@
|
|
13
13
|
}
|
14
14
|
}
|
15
15
|
|
16
|
-
// Main Menu
|
17
|
-
// --------------------------------------------------
|
18
|
-
#main-menu {
|
19
|
-
|
20
|
-
|
21
|
-
|
22
|
-
|
23
|
-
|
24
|
-
|
25
|
-
|
26
|
-
|
27
|
-
|
28
|
-
|
29
|
-
|
30
|
-
|
31
|
-
|
32
|
-
|
33
|
-
|
34
|
-
|
35
|
-
|
36
|
-
|
37
|
-
|
38
|
-
|
39
|
-
|
40
|
-
|
41
|
-
|
42
|
-
|
43
|
-
|
44
|
-
|
45
|
-
|
46
|
-
|
47
|
-
|
48
|
-
|
49
|
-
|
50
|
-
|
51
|
-
|
52
|
-
|
53
|
-
|
54
|
-
|
55
|
-
|
56
|
-
|
57
|
-
|
58
|
-
|
59
|
-
|
60
|
-
|
61
|
-
|
62
|
-
|
63
|
-
|
64
|
-
|
65
|
-
|
66
|
-
|
67
|
-
|
68
|
-
|
69
|
-
|
70
|
-
|
71
|
-
|
72
|
-
|
73
|
-
|
74
|
-
|
75
|
-
|
76
|
-
|
77
|
-
|
78
|
-
|
79
|
-
|
80
|
-
|
81
|
-
|
82
|
-
|
83
|
-
|
84
|
-
|
85
|
-
|
86
|
-
|
87
|
-
|
88
|
-
|
89
|
-
|
90
|
-
|
91
|
-
|
92
|
-
|
93
|
-
|
94
|
-
|
95
|
-
|
96
|
-
|
97
|
-
|
98
|
-
|
99
|
-
|
100
|
-
|
101
|
-
|
102
|
-
|
103
|
-
|
104
|
-
|
105
|
-
|
106
|
-
|
107
|
-
|
108
|
-
|
109
|
-
|
110
|
-
|
111
|
-
|
112
|
-
|
113
|
-
|
114
|
-
|
115
|
-
|
116
|
-
|
117
|
-
|
118
|
-
|
119
|
-
|
120
|
-
|
121
|
-
|
122
|
-
|
123
|
-
|
124
|
-
|
125
|
-
|
126
|
-
|
127
|
-
|
128
|
-
|
129
|
-
|
130
|
-
|
131
|
-
|
132
|
-
|
133
|
-
|
134
|
-
|
135
|
-
|
136
|
-
|
137
|
-
|
138
|
-
}
|
16
|
+
// // Main Menu
|
17
|
+
// // --------------------------------------------------
|
18
|
+
// #main-menu {
|
19
|
+
// > ul.menu {
|
20
|
+
// margin: 0;
|
21
|
+
// padding: 0;
|
22
|
+
// @include clearfix();
|
23
|
+
// overflow: visible;
|
24
|
+
// > li {
|
25
|
+
// margin: 0;
|
26
|
+
// padding: 0;
|
27
|
+
// position: relative;
|
28
|
+
// float: left;
|
29
|
+
// list-style: none outside none;
|
30
|
+
// position: relative;
|
31
|
+
// > a {
|
32
|
+
// float: none;
|
33
|
+
// padding: 10px 15px 10px;
|
34
|
+
// color: $navbarLinkColor;
|
35
|
+
// text-decoration: none;
|
36
|
+
// text-shadow: 0 1px 0 white;
|
37
|
+
// display: block;
|
38
|
+
// &:hover {
|
39
|
+
// color: $navbarLinkColorHover;
|
40
|
+
// text-decoration: none;
|
41
|
+
// background-color: $navbarLinkBackgroundHover;
|
42
|
+
// }
|
43
|
+
// &:focus,
|
44
|
+
// &.active {
|
45
|
+
// color: $navbarLinkColorActive;
|
46
|
+
// text-decoration: none;
|
47
|
+
// background-color: $navbarLinkBackgroundActive;
|
48
|
+
// @include box-shadow(inset 0 3px 8px rgba(0, 0, 0, 0.125));
|
49
|
+
// }
|
50
|
+
// }
|
51
|
+
// &.dropdown {
|
52
|
+
// &:after {
|
53
|
+
// width: 100%;
|
54
|
+
// height: 2px;
|
55
|
+
// background: none;
|
56
|
+
// position: absolute;
|
57
|
+
// bottom: -2px;
|
58
|
+
// left: 0;
|
59
|
+
// right: 0;
|
60
|
+
// content: '';
|
61
|
+
// }
|
62
|
+
// }
|
63
|
+
// > ul.menu {
|
64
|
+
// position: absolute;
|
65
|
+
// top: 100%;
|
66
|
+
// left: 0;
|
67
|
+
// z-index: 1000;
|
68
|
+
// display: none;
|
69
|
+
// float: left;
|
70
|
+
// min-width: 160px;
|
71
|
+
// padding: 5px 0;
|
72
|
+
// margin: 2px 0 0;
|
73
|
+
// list-style: none;
|
74
|
+
// background-color: $dropdownBackground;
|
75
|
+
// border: 1px solid $dropdownBorder;
|
76
|
+
// @include border-radius(6px 6px 6px 6px);
|
77
|
+
// @include box-shadow(0 5px 10px rgba(0, 0, 0, 0.2));
|
78
|
+
// li {
|
79
|
+
// list-style: none outside none;
|
80
|
+
// margin: 0;
|
81
|
+
// padding: 0;
|
82
|
+
// a {
|
83
|
+
// display: block;
|
84
|
+
// padding: 3px 20px;
|
85
|
+
// clear: both;
|
86
|
+
// font-weight: normal;
|
87
|
+
// line-height: 20px;
|
88
|
+
// color: $dropdownLinkColor;
|
89
|
+
// white-space: nowrap;
|
90
|
+
// &:focus, &:hover {
|
91
|
+
// color: $dropdownLinkColorHover;
|
92
|
+
// text-decoration: none;
|
93
|
+
// outline: 0;
|
94
|
+
// background-color: $dropdownLinkBackgroundActive;
|
95
|
+
// @include ctb-gradient-vertical($dropdownLinkBackgroundActive, darken($dropdownLinkBackgroundActive, 5%));
|
96
|
+
// }
|
97
|
+
// }
|
98
|
+
// }
|
99
|
+
// &:before {
|
100
|
+
// position: absolute;
|
101
|
+
// top: -7px;
|
102
|
+
// left: 9px;
|
103
|
+
// display: inline-block;
|
104
|
+
// border-right: 7px solid transparent;
|
105
|
+
// border-bottom: 7px solid #CCC;
|
106
|
+
// border-left: 7px solid transparent;
|
107
|
+
// border-bottom-color: rgba(0, 0, 0, 0.2);
|
108
|
+
// content: '';
|
109
|
+
// }
|
110
|
+
// &:after {
|
111
|
+
// position: absolute;
|
112
|
+
// top: -6px;
|
113
|
+
// left: 10px;
|
114
|
+
// display: inline-block;
|
115
|
+
// border-right: 6px solid transparent;
|
116
|
+
// border-bottom: 6px solid white;
|
117
|
+
// border-left: 6px solid transparent;
|
118
|
+
// content: '';
|
119
|
+
// }
|
120
|
+
// }
|
121
|
+
// &.open {
|
122
|
+
// > a {
|
123
|
+
// color: $navbarLinkColorActive;
|
124
|
+
// text-decoration: none;
|
125
|
+
// background-color: $navbarLinkBackgroundActive;
|
126
|
+
// .caret {
|
127
|
+
// border-top-color: #777777;
|
128
|
+
// border-bottom-color: #777777;
|
129
|
+
// @include opacity(1.0);
|
130
|
+
// }
|
131
|
+
// }
|
132
|
+
// ul.menu {
|
133
|
+
// display: block;
|
134
|
+
// }
|
135
|
+
// }
|
136
|
+
// }
|
137
|
+
// }
|
138
|
+
// }
|
139
139
|
|
140
|
-
// Navbar Inverse
|
141
|
-
// --------------------------------------------------
|
142
|
-
.navbar-inverse {
|
143
|
-
|
144
|
-
|
145
|
-
|
146
|
-
|
147
|
-
|
148
|
-
|
149
|
-
|
150
|
-
|
151
|
-
|
152
|
-
|
153
|
-
|
154
|
-
|
155
|
-
|
156
|
-
|
157
|
-
|
158
|
-
|
159
|
-
|
160
|
-
|
161
|
-
|
162
|
-
|
163
|
-
|
164
|
-
|
165
|
-
|
166
|
-
|
167
|
-
|
168
|
-
|
169
|
-
}
|
140
|
+
// // Navbar Inverse
|
141
|
+
// // --------------------------------------------------
|
142
|
+
// .navbar-inverse {
|
143
|
+
// color: $navbarInverseText;
|
144
|
+
// #main-menu {
|
145
|
+
// > ul.menu {
|
146
|
+
// > li {
|
147
|
+
// > a {
|
148
|
+
// color: $navbarInverseLinkColor;
|
149
|
+
// text-shadow: 0 -1px 0 rgba(0, 0, 0, .25);
|
150
|
+
// text-align: center;
|
151
|
+
// &:hover {
|
152
|
+
// color: $navbarInverseLinkColorHover;
|
153
|
+
// background-color: $navbarInverseLinkBackgroundHover;
|
154
|
+
// }
|
155
|
+
// &.active {
|
156
|
+
// color: $navbarInverseLinkColorActive;
|
157
|
+
// background-color: $navbarInverseLinkBackgroundActive;
|
158
|
+
// }
|
159
|
+
// }
|
160
|
+
// &.open {
|
161
|
+
// > a {
|
162
|
+
// background-color: $navbarInverseLinkBackgroundActive;
|
163
|
+
// color: $navbarInverseLinkColorActive;
|
164
|
+
// }
|
165
|
+
// }
|
166
|
+
// }
|
167
|
+
// }
|
168
|
+
// }
|
169
|
+
// }
|
170
170
|
|
171
171
|
// Navbar Fixed Top
|
172
172
|
// --------------------------------------------------
|
@@ -0,0 +1,84 @@
|
|
1
|
+
/* BOOTSTRAP SPECIFIC CLASSES
|
2
|
+
* -------------------------- */
|
3
|
+
|
4
|
+
/* Bootstrap 2.0 sprites.less reset */
|
5
|
+
[class^="icon-"],
|
6
|
+
[class*=" icon-"] {
|
7
|
+
display: inline;
|
8
|
+
width: auto;
|
9
|
+
height: auto;
|
10
|
+
line-height: normal;
|
11
|
+
vertical-align: baseline;
|
12
|
+
background-image: none;
|
13
|
+
background-position: 0% 0%;
|
14
|
+
background-repeat: repeat;
|
15
|
+
margin-top: 0;
|
16
|
+
}
|
17
|
+
|
18
|
+
/* more sprites.less reset */
|
19
|
+
.icon-white,
|
20
|
+
.nav-pills > .active > a > [class^="icon-"],
|
21
|
+
.nav-pills > .active > a > [class*=" icon-"],
|
22
|
+
.nav-list > .active > a > [class^="icon-"],
|
23
|
+
.nav-list > .active > a > [class*=" icon-"],
|
24
|
+
.navbar-inverse .nav > .active > a > [class^="icon-"],
|
25
|
+
.navbar-inverse .nav > .active > a > [class*=" icon-"],
|
26
|
+
.dropdown-menu > li > a:hover > [class^="icon-"],
|
27
|
+
.dropdown-menu > li > a:hover > [class*=" icon-"],
|
28
|
+
.dropdown-menu > .active > a > [class^="icon-"],
|
29
|
+
.dropdown-menu > .active > a > [class*=" icon-"],
|
30
|
+
.dropdown-submenu:hover > a > [class^="icon-"],
|
31
|
+
.dropdown-submenu:hover > a > [class*=" icon-"] {
|
32
|
+
background-image: none;
|
33
|
+
}
|
34
|
+
|
35
|
+
|
36
|
+
/* keeps Bootstrap styles with and without icons the same */
|
37
|
+
.btn, .nav {
|
38
|
+
[class^="icon-"],
|
39
|
+
[class*=" icon-"] {
|
40
|
+
// display: inline;
|
41
|
+
&.icon-large { line-height: .9em; }
|
42
|
+
&.icon-spin { display: inline-block; }
|
43
|
+
}
|
44
|
+
}
|
45
|
+
.nav-tabs, .nav-pills {
|
46
|
+
[class^="icon-"],
|
47
|
+
[class*=" icon-"] {
|
48
|
+
&, &.icon-large { line-height: .9em; }
|
49
|
+
}
|
50
|
+
}
|
51
|
+
.btn {
|
52
|
+
[class^="icon-"],
|
53
|
+
[class*=" icon-"] {
|
54
|
+
&.pull-left, &.pull-right {
|
55
|
+
&.icon-2x { margin-top: .18em; }
|
56
|
+
}
|
57
|
+
&.icon-spin.icon-large { line-height: .8em; }
|
58
|
+
}
|
59
|
+
}
|
60
|
+
.btn.btn-small {
|
61
|
+
[class^="icon-"],
|
62
|
+
[class*=" icon-"] {
|
63
|
+
&.pull-left, &.pull-right {
|
64
|
+
&.icon-2x { margin-top: .25em; }
|
65
|
+
}
|
66
|
+
}
|
67
|
+
}
|
68
|
+
.btn.btn-large {
|
69
|
+
[class^="icon-"],
|
70
|
+
[class*=" icon-"] {
|
71
|
+
margin-top: 0; // overrides bootstrap default
|
72
|
+
&.pull-left, &.pull-right {
|
73
|
+
&.icon-2x { margin-top: .05em; }
|
74
|
+
}
|
75
|
+
&.pull-left.icon-2x { margin-right: .2em; }
|
76
|
+
&.pull-right.icon-2x { margin-left: .2em; }
|
77
|
+
}
|
78
|
+
}
|
79
|
+
|
80
|
+
/* Fixes alignment in nav lists */
|
81
|
+
.nav-list [class^="icon-"],
|
82
|
+
.nav-list [class*=" icon-"] {
|
83
|
+
line-height: inherit;
|
84
|
+
}
|
@@ -0,0 +1,129 @@
|
|
1
|
+
/* FONT AWESOME CORE
|
2
|
+
* -------------------------- */
|
3
|
+
|
4
|
+
[class^="icon-"],
|
5
|
+
[class*=" icon-"] {
|
6
|
+
@include icon-FontAwesome();
|
7
|
+
}
|
8
|
+
|
9
|
+
[class^="icon-"]:before,
|
10
|
+
[class*=" icon-"]:before {
|
11
|
+
text-decoration: inherit;
|
12
|
+
display: inline-block;
|
13
|
+
speak: none;
|
14
|
+
}
|
15
|
+
|
16
|
+
/* makes the font 33% larger relative to the icon container */
|
17
|
+
.icon-large:before {
|
18
|
+
vertical-align: -10%;
|
19
|
+
font-size: (4em/3);
|
20
|
+
}
|
21
|
+
|
22
|
+
/* makes sure icons active on rollover in links */
|
23
|
+
a {
|
24
|
+
[class^="icon-"],
|
25
|
+
[class*=" icon-"] {
|
26
|
+
display: inline;
|
27
|
+
}
|
28
|
+
}
|
29
|
+
|
30
|
+
/* increased font size for icon-large */
|
31
|
+
[class^="icon-"],
|
32
|
+
[class*=" icon-"] {
|
33
|
+
&.icon-fixed-width {
|
34
|
+
display: inline-block;
|
35
|
+
width: (16em/14);
|
36
|
+
text-align: right;
|
37
|
+
padding-right: (4em/14);
|
38
|
+
&.icon-large {
|
39
|
+
width: (20em/14);
|
40
|
+
}
|
41
|
+
}
|
42
|
+
}
|
43
|
+
|
44
|
+
.icons-ul {
|
45
|
+
margin-left: $icons-li-width;
|
46
|
+
list-style-type: none;
|
47
|
+
|
48
|
+
> li { position: relative; }
|
49
|
+
|
50
|
+
.icon-li {
|
51
|
+
position: absolute;
|
52
|
+
left: -$icons-li-width;
|
53
|
+
width: $icons-li-width;
|
54
|
+
text-align: center;
|
55
|
+
line-height: inherit;
|
56
|
+
}
|
57
|
+
}
|
58
|
+
|
59
|
+
// allows usage of the hide class directly on font awesome icons
|
60
|
+
[class^="icon-"],
|
61
|
+
[class*=" icon-"] {
|
62
|
+
&.hide {
|
63
|
+
display: none;
|
64
|
+
}
|
65
|
+
}
|
66
|
+
|
67
|
+
.icon-muted { color: $iconMuted; }
|
68
|
+
.icon-light { color: $iconLight; }
|
69
|
+
.icon-dark { color: $iconDark; }
|
70
|
+
|
71
|
+
// Icon Borders
|
72
|
+
// -------------------------
|
73
|
+
|
74
|
+
.icon-border {
|
75
|
+
border: solid 1px $borderColor;
|
76
|
+
padding: .2em .25em .15em;
|
77
|
+
@include border-radius(3px);
|
78
|
+
}
|
79
|
+
|
80
|
+
// Icon Sizes
|
81
|
+
// -------------------------
|
82
|
+
|
83
|
+
.icon-2x {
|
84
|
+
font-size: 2em;
|
85
|
+
&.icon-border {
|
86
|
+
border-width: 2px;
|
87
|
+
@include border-radius(4px);
|
88
|
+
}
|
89
|
+
}
|
90
|
+
.icon-3x {
|
91
|
+
font-size: 3em;
|
92
|
+
&.icon-border {
|
93
|
+
border-width: 3px;
|
94
|
+
@include border-radius(5px);
|
95
|
+
}
|
96
|
+
}
|
97
|
+
.icon-4x {
|
98
|
+
font-size: 4em;
|
99
|
+
&.icon-border {
|
100
|
+
border-width: 4px;
|
101
|
+
@include border-radius(6px);
|
102
|
+
}
|
103
|
+
}
|
104
|
+
|
105
|
+
.icon-5x {
|
106
|
+
font-size: 5em;
|
107
|
+
&.icon-border {
|
108
|
+
border-width: 5px;
|
109
|
+
@include border-radius(7px);
|
110
|
+
}
|
111
|
+
}
|
112
|
+
|
113
|
+
|
114
|
+
// Floats & Margins
|
115
|
+
// -------------------------
|
116
|
+
|
117
|
+
// Quick floats
|
118
|
+
.pull-right { float: right; }
|
119
|
+
.pull-left { float: left; }
|
120
|
+
|
121
|
+
[class^="icon-"],
|
122
|
+
[class*=" icon-"] {
|
123
|
+
&.pull-left {
|
124
|
+
margin-right: .3em;
|
125
|
+
}
|
126
|
+
&.pull-right {
|
127
|
+
margin-left: .3em;
|
128
|
+
}
|
129
|
+
}
|