compass_radix 0.0.1

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.
@@ -0,0 +1,25 @@
1
+ // Mixin
2
+ // SASS Mixins
3
+ // --------------------------------------------------
4
+ @mixin transparent($color, $alpha) {
5
+ $rgba: rgba($color, $alpha);
6
+ $ie-hex-str: ie-hex-str($rgba);
7
+ background-color: transparent;
8
+ background-color: $rgba;
9
+ filter:progid:DXImageTransform.Microsoft.gradient(startColorstr=#{$ie-hex-str},endColorstr=#{$ie-hex-str});
10
+ zoom: 1;
11
+ }
12
+
13
+ @mixin well() {
14
+ min-height: 20px;
15
+ padding: 19px;
16
+ margin-bottom: 20px;
17
+ background-color: $wellBackground;
18
+ border: 1px solid darken($wellBackground, 7%);
19
+ @include border-radius(4px);
20
+ @include box-shadow(inset 0 1px 1px rgba(0,0,0,.05));
21
+ blockquote {
22
+ border-color: #ddd;
23
+ border-color: rgba(0,0,0,.15);
24
+ }
25
+ }
@@ -0,0 +1,299 @@
1
+ //
2
+ // Styles for Navbar module
3
+ // --------------------------------------------------
4
+ #navbar {
5
+ font-family: inherit;
6
+ font-size: 1.0em;
7
+ .navbar-bar {
8
+ background-color: $drupalNavbarBackground;
9
+ padding: 10px 0;
10
+ height: 60px;
11
+ @include box-shadow(none);
12
+ .section {
13
+ &.section-user {
14
+ float: right !important;
15
+ }
16
+ ul.menu {
17
+ li {
18
+ margin: 0 10px 0 0;
19
+ a {
20
+ background: lighten($drupalNavbarBackground, 5) !important;
21
+ border: 1px solid #000;
22
+ @include border-radius(3px);
23
+ @include box-shadow(inset rgba(#FFFFFF,0.2) 0 1px 0);
24
+ color: #999;
25
+ overflow: hidden;
26
+ padding: 8px 15px !important;
27
+ text-decoration: none;
28
+ text-shadow: none !important;
29
+ i {
30
+ font-size: 1.2em;
31
+ width: 0.9em;
32
+ height: 0.9em;
33
+ line-height: 100%;
34
+ margin-right: 8px;
35
+ margin-top: -3px;
36
+ text-align: center;
37
+ text-indent: 0;
38
+ vertical-align: middle;
39
+ }
40
+ span {
41
+ vertical-align: middle;
42
+ font-size: 12px;
43
+ text-transform: uppercase;
44
+ }
45
+ &:hover,
46
+ &.active {
47
+ color: #fff;
48
+ background: $drupalNavbarLinkColor !important;
49
+ }
50
+ &.toggle-tray {
51
+ margin-left: 10px;
52
+ }
53
+ }
54
+ &:hover {
55
+ background: none !important;
56
+ }
57
+ }
58
+ }
59
+ }
60
+ }
61
+ .navbar-tray {
62
+ background-color: $drupalNavbarBackground;
63
+ border: none;
64
+ @include box-shadow(inset -5px 0px 15px 0px rgba(#000, 0.4));
65
+ color: #fff;
66
+ width: 18rem !important;
67
+ a {
68
+ color: #999;
69
+ }
70
+ .lining {
71
+ padding: 0;
72
+ }
73
+ .navbar-shortcuts {
74
+ display: none;
75
+ }
76
+ .navbar-menu {
77
+ border: none;
78
+ margin: 0;
79
+ .handle {
80
+ background-size: 30%;
81
+ width: 4em
82
+ }
83
+ .fleximenu {
84
+ li.open {
85
+ .box {
86
+ border: none !important;
87
+ }
88
+ }
89
+ > ul.menu {
90
+ > li {
91
+ border: none;
92
+ border-bottom: 1px solid #000;
93
+ border-top: 1px solid #333;
94
+ margin: 0;
95
+ &.first {
96
+ border-top: none;
97
+ }
98
+ .box {
99
+ > a {
100
+ background: none !important;
101
+ color: #fff;
102
+ @include clearfix();
103
+ font-weight: normal;
104
+ line-height: 100%;
105
+ padding: 0px;
106
+ text-decoration: none !important;
107
+ text-indent: 0;
108
+ i {
109
+ background: #000;
110
+ float: left;
111
+ font-size: 1.4em;
112
+ height: 60px;
113
+ line-height: 60px;
114
+ width: 60px;
115
+ text-align: center;
116
+ }
117
+ span {
118
+ float: left;
119
+ height: 60px;
120
+ font-size: 1.2em;
121
+ line-height: 60px;
122
+ padding: 0 15px;
123
+ vertical-align: top;
124
+ }
125
+ &:hover {
126
+ background: $drupalNavbarLinkColor !important;
127
+ border: none;
128
+ text-decoration: none !important;
129
+ i {
130
+ background-color: darken($drupalNavbarLinkColor, 20);
131
+ }
132
+ }
133
+ }
134
+ &.expanded {
135
+ .box {
136
+ a {
137
+ margin-right: 55px;
138
+ }
139
+ }
140
+ }
141
+ }
142
+ ul.menu {
143
+ background: #000;
144
+ border-top: 1px solid #000;
145
+ padding: 0;
146
+ margin: 0;
147
+ li {
148
+ margin: 0;
149
+ border: none;
150
+ .handle {
151
+ display: none;
152
+ }
153
+ a {
154
+ padding: 10px 15px;
155
+ background: none !important;
156
+ border-left: 60px solid #000;
157
+ margin: 0;
158
+ span {
159
+ height: auto;
160
+ font-size: 1.0em;
161
+ line-height: 100%;
162
+ padding: 0;
163
+ }
164
+ &:hover {
165
+ text-decoration: none;
166
+ border: none;
167
+ border-left: 60px solid darken($drupalNavbarLinkColor, 20);
168
+ }
169
+ }
170
+ &.open {
171
+ border: none;
172
+ }
173
+ }
174
+ }
175
+ &.open {
176
+ > .box {
177
+ background: $drupalNavbarLinkColor !important;
178
+ border: none;
179
+ > a {
180
+ text-decoration: none !important;
181
+ i {
182
+ background-color: darken($drupalNavbarLinkColor, 20);
183
+ }
184
+ }
185
+ }
186
+ }
187
+ }
188
+ }
189
+ }
190
+ }
191
+ }
192
+ }
193
+
194
+ .menu-tray-open {
195
+ padding-left: 18rem !important;
196
+ .container {
197
+ width: 95%;
198
+ }
199
+ .navbar-bar {
200
+ left: 18rem !important;
201
+ }
202
+ .navbar-tray {
203
+ top: 0 !important;
204
+ }
205
+ }
206
+
207
+ // Tablet
208
+ @media (min-width: 768px) and (max-width: 979px) {
209
+ #navbar {
210
+ .navbar-bar {
211
+ .section {
212
+ ul.menu {
213
+ li {
214
+ a {
215
+ padding: 8px 15px 9px !important;
216
+ margin: 0;
217
+ text-align: center;
218
+ text-indent: 0;
219
+ width: auto !important;
220
+ height: auto !important;
221
+ i {
222
+ font-size: 1.8em;
223
+ width: 0.9em;
224
+ height: 0.9em;
225
+ line-height: 100%;
226
+ margin: 0;
227
+ text-align: center;
228
+ text-indent: 0;
229
+ vertical-align: middle;
230
+ }
231
+ span {
232
+ span {
233
+ display: none;
234
+ }
235
+ }
236
+ }
237
+ }
238
+ }
239
+ }
240
+ }
241
+ }
242
+ .menu-tray-open {
243
+ .navbar-bar {
244
+ a {
245
+ display: none !important;
246
+ &.toggle-tray {
247
+ display: block !important;
248
+ }
249
+ }
250
+ }
251
+ }
252
+ }
253
+
254
+ // Mobile
255
+ @media (max-width: 767px) {
256
+ #navbar {
257
+ .navbar-bar {
258
+ .section {
259
+ ul.menu {
260
+ li {
261
+ a {
262
+ padding: 8px 15px 9px !important;
263
+ margin: 0;
264
+ text-align: center;
265
+ text-indent: 0 !important;
266
+ width: auto !important;
267
+ height: auto !important;
268
+ i {
269
+ font-size: 1.8em;
270
+ width: 0.9em;
271
+ height: 0.9em;
272
+ line-height: 100%;
273
+ margin: 0;
274
+ text-align: center;
275
+ text-indent: 0;
276
+ vertical-align: middle;
277
+ }
278
+ span {
279
+ span {
280
+ display: none;
281
+ }
282
+ }
283
+ }
284
+ }
285
+ }
286
+ }
287
+ }
288
+ }
289
+ .menu-tray-open {
290
+ .navbar-bar {
291
+ a {
292
+ display: none !important;
293
+ &.toggle-tray {
294
+ display: block !important;
295
+ }
296
+ }
297
+ }
298
+ }
299
+ }
@@ -0,0 +1,53 @@
1
+ // Node
2
+ // Styles for Nodes
3
+ // --------------------------------------------------
4
+
5
+ // Miscellaneous
6
+ // --------------------------------------------------
7
+ .field {
8
+ &.field-type-image {
9
+ .field-item {
10
+ border: 1px solid #DDD;
11
+ padding: 5px;
12
+ background: #FFFFFF;
13
+ display: table;
14
+ @include border-radius(4px 4px 4px 4px);
15
+ @include box-shadow(0 1px 3px rgba(0, 0, 0, 0.055));
16
+ @include clearfix();
17
+ margin-bottom: 10px;
18
+ img {
19
+ width: 100%;
20
+ max-width: 100%;
21
+ margin: 0;
22
+ padding: 0;
23
+ }
24
+ }
25
+ }
26
+ &.field-type-long-text {
27
+ img {
28
+ border: 1px solid #DDD;
29
+ padding: 5px;
30
+ margin: 0;
31
+ float: none !important;
32
+ width: 100%;
33
+ background: #FFFFFF;
34
+ @include border-radius(4px 4px 4px 4px);
35
+ @include box-shadow(0 1px 3px rgba(0, 0, 0, 0.055));
36
+ &[style*="float:left"], &[style*="float: left"] {
37
+ margin: 5px 15px 15px 0px;
38
+ }
39
+ &[style*="float:right"], &[style*="float: right"] {
40
+ margin: 5px 0px 15px 15px;
41
+ }
42
+ }
43
+ }
44
+ }
45
+
46
+ .field-collection-container {
47
+ border: 0;
48
+ .field-collection-view {
49
+ margin: 0;
50
+ padding: 0;
51
+ border: none;
52
+ }
53
+ }
@@ -0,0 +1,3 @@
1
+ // Page
2
+ // Styles for individual pages
3
+ // --------------------------------------------------
@@ -0,0 +1,42 @@
1
+ // Panel
2
+ // Styles for Panels
3
+ // --------------------------------------------------
4
+
5
+ // General
6
+ // --------------------------------------------------
7
+ .panel-display {
8
+ > .row {
9
+ margin-bottom: 20px;
10
+ }
11
+ }
12
+
13
+ // IPE
14
+ // --------------------------------------------------
15
+ #panels-ipe-control-container {
16
+ .panels-ipe-button-container {
17
+ text-align: center;
18
+ .panels-ipe-pseudobutton-container {
19
+ margin: 0 5px;
20
+ a {
21
+ padding: 0px 10px 0px 34px;
22
+ &:hover {
23
+ text-decoration: none;
24
+ }
25
+ }
26
+ }
27
+ }
28
+ .panels-ipe-form-container {
29
+ form {
30
+ > div {
31
+ text-align: center;
32
+ }
33
+ .form-submit {
34
+ margin: 0 5px;
35
+ padding: 0px 10px 0px 34px;
36
+ &:hover {
37
+ @include box-shadow(none);
38
+ }
39
+ }
40
+ }
41
+ }
42
+ }
@@ -0,0 +1,394 @@
1
+ //
2
+ // Structure
3
+ // Styles for Tabs, Messages, ..etc
4
+ // --------------------------------------------------
5
+
6
+ // Page header
7
+ // --------------------------------------------------
8
+ .page-header {
9
+ margin: 0 0 18px;
10
+ h1 {
11
+ margin: 0;
12
+ }
13
+ }
14
+ .page-title-hidden {
15
+ .page-header {
16
+ display: none;
17
+ }
18
+ }
19
+
20
+ // Breadcrumb
21
+ // --------------------------------------------------
22
+ .breadcrumb {
23
+ a {
24
+ i {
25
+ display: none;
26
+ }
27
+ }
28
+ }
29
+
30
+ // Tabs
31
+ // --------------------------------------------------
32
+ ul {
33
+ &.tabs.primary {
34
+ padding: 0;
35
+ margin: 0;
36
+ margin-bottom: 10px;
37
+ border-bottom: 1px solid #DDD;
38
+ }
39
+ &.action-links {
40
+ padding: 0;
41
+ margin: 0;
42
+ margin-bottom: 10px;
43
+ border-bottom: 1px solid #DDD;
44
+ border-bottom: 0;
45
+ }
46
+ &.tabs {
47
+ display: table;
48
+ width: 100%;
49
+ }
50
+ &.action-links {
51
+ @include clearfix();
52
+ }
53
+ &.tabs:after,
54
+ &.action-links:after {
55
+ clear: both;
56
+ }
57
+ &.tabs > li,
58
+ &.action-links > li {
59
+ float: left;
60
+ display: block;
61
+ margin-bottom: -1px;
62
+ }
63
+ &.tabs > li > a,
64
+ &.action-links > li > a {
65
+ padding-top: 8px;
66
+ padding-bottom: 8px;
67
+ line-height: 20px;
68
+ background: none;
69
+ border: none;
70
+ border: 1px solid transparent;
71
+ @include border-radius(4px 4px 0 0);
72
+ display: block;
73
+ }
74
+ &.tabs > li > a:hover,
75
+ &.action-links > li > a:hover {
76
+ text-decoration: none;
77
+ background-color: $grayLighter;
78
+ border-color: $grayLighter $grayLighter #ddd;
79
+ }
80
+ &.tabs > .active > a,
81
+ &.action-links > .active > a {
82
+ color: $gray;
83
+ background-color: $bodyBackground;
84
+ border: 1px solid #ddd;
85
+ border-bottom-color: transparent;
86
+ cursor: default;
87
+ }
88
+ &.secondary {
89
+ border-bottom: 0;
90
+ padding: 0;
91
+ }
92
+ &.tabs.secondary > li {
93
+ border: 0;
94
+ padding: 0;
95
+ > a {
96
+ padding-top: 8px;
97
+ padding-bottom: 8px;
98
+ margin-top: 2px;
99
+ margin-bottom: 2px;
100
+ @include border-radius(5px);
101
+ border: 0 !important;
102
+ }
103
+ }
104
+ &.action-links > li > a {
105
+ padding-top: 8px;
106
+ padding-bottom: 8px;
107
+ margin-top: 2px;
108
+ margin-bottom: 2px;
109
+ @include border-radius(5px);
110
+ border: 0 !important;
111
+ }
112
+ &.tabs.secondary > li > a,
113
+ &.action-links > li > a {
114
+ padding-right: 12px;
115
+ padding-left: 12px;
116
+ margin-right: 2px;
117
+ line-height: 14px;
118
+ }
119
+ &.tabs.secondary > .active > a,
120
+ &.action-links > .active > a {
121
+ color: $white;
122
+ background-color: $linkColor;
123
+ &:hover {
124
+ color: $white;
125
+ background-color: $linkColor;
126
+ }
127
+ }
128
+ }
129
+
130
+ // Vertical Tabs
131
+ // --------------------------------------------------
132
+ div.vertical-tabs {
133
+ border: none;
134
+ border: 1px solid #DDD;
135
+ outline: none;
136
+ @include border-radius(4px);
137
+ ul.vertical-tabs-list {
138
+ border: none;
139
+ margin-top: 20px;
140
+ margin-bottom: 20px;
141
+ outline: none;
142
+ li {
143
+ border: none;
144
+ background: none;
145
+ outline: none !important;
146
+ @include border-radius(4px 0 0 4px);
147
+ border: 1px solid;
148
+ border-color: #fff #ddd #fff #fff;
149
+ &.selected {
150
+ border-color: #ddd #fff #ddd #ddd;
151
+ }
152
+ a {
153
+ outline: none !important;
154
+ @include border-radius(4px 0 0 4px);
155
+ &:hover {
156
+ color: $white;
157
+ background: $linkColor;
158
+ text-decoration: none;
159
+ strong {
160
+ text-decoration: none;
161
+ color: $white;
162
+ }
163
+ }
164
+ }
165
+ }
166
+ }
167
+ .vertical-tabs-panes {
168
+ padding: 20px 10px;
169
+ }
170
+ .form-type-textfield input {
171
+ width: 90%;
172
+ -moz-box-sizing: content-box;
173
+ -webkit-box-sizing: content-box;
174
+ box-sizing: content-box;
175
+ }
176
+ }
177
+
178
+ // Messages
179
+ // --------------------------------------------------
180
+ div.messages {
181
+ padding: 8px 35px 8px 14px;
182
+ margin: 0 0 18px;
183
+ color: #c09853;
184
+ text-shadow: 0 1px 0 rgba(255, 255, 255, 0.5);
185
+ background-color: #fcf8e3;
186
+ background-image: none;
187
+ border: 1px solid #fbeed5;
188
+ @include border-radius(4px);
189
+ &.status {
190
+ color: #468847;
191
+ background-color: #dff0d8;
192
+ border-color: #d6e9c6;
193
+ }
194
+ &.error {
195
+ color: #b94a48;
196
+ background-color: #f2dede;
197
+ border-color: #eed3d7;
198
+ }
199
+ &.info {
200
+ color: #3a87ad;
201
+ background-color: #d9edf7;
202
+ border-color: #bce8f1;
203
+ }
204
+ }
205
+
206
+ // Tables
207
+ // --------------------------------------------------
208
+ table {
209
+ width: 100%;
210
+ margin-bottom: $baseLineHeight;
211
+ // Cells
212
+ th,
213
+ td {
214
+ padding: 8px;
215
+ line-height: $baseLineHeight;
216
+ text-align: left;
217
+ vertical-align: top;
218
+ border-top: 1px solid $tableBorder;
219
+ &.checkbox {
220
+ text-align: center;
221
+ input {
222
+ float: none !important;
223
+ margin-left: 0 !important;
224
+ }
225
+ }
226
+ }
227
+ th {
228
+ font-weight: bold;
229
+ }
230
+ // Bottom align for column headings
231
+ thead th {
232
+ vertical-align: bottom;
233
+ }
234
+ // Remove top border from thead by default
235
+ caption + thead tr:first-child th,
236
+ caption + thead tr:first-child td,
237
+ colgroup + thead tr:first-child th,
238
+ colgroup + thead tr:first-child td,
239
+ thead:first-child tr:first-child th,
240
+ thead:first-child tr:first-child td {
241
+ border-top: 0;
242
+ }
243
+ // Account for multiple tbody instances
244
+ tbody + tbody {
245
+ border-top: 2px solid $tableBorder;
246
+ }
247
+ }
248
+
249
+ // Links
250
+ // --------------------------------------------------
251
+ ul.links {
252
+ &.inline {
253
+ margin: 0;
254
+ li {
255
+ margin: 0 10px 0 0;
256
+ padding: 0;
257
+ }
258
+ }
259
+ }
260
+
261
+ // Slideshow - with Field Slideshow
262
+ // --------------------------------------------------
263
+ .field-slideshow-wrapper {
264
+ position: relative;
265
+ background-color: #FFFFFF;
266
+ @include border-radius(4px 4px 4px 4px);
267
+ @include box-shadow(0 1px 3px rgba(0, 0, 0, 0.055));
268
+ border: 1px solid #DDD;
269
+ padding: 5px;
270
+ > .field-slideshow {
271
+ width: 100% !important;
272
+ padding: 0 !important;
273
+ .field-slideshow-slide {
274
+ width: 100% !important;
275
+ img {
276
+ width: 100% !important;
277
+ }
278
+ .field-slideshow-caption {
279
+ background: rgba(#000000, 0.65);
280
+ position: absolute;
281
+ bottom: 0;
282
+ left: 0;
283
+ width: 100%;
284
+ color: $white;
285
+ .field-slideshow-caption-text {
286
+ display: block;
287
+ padding: 20px;
288
+ }
289
+ h1, h2, h3 {
290
+ margin-top: 0;
291
+ }
292
+ }
293
+ }
294
+ }
295
+ .field-slideshow-controls {
296
+ a {
297
+ position: absolute;
298
+ z-index: 500;
299
+ top: 45%;
300
+ left: 15px;
301
+ width: 40px;
302
+ height: 40px;
303
+ margin-top: -20px;
304
+ font-size: 60px;
305
+ font-weight: 100;
306
+ line-height: 30px;
307
+ color: $white;
308
+ text-align: center;
309
+ background: #222222;
310
+ border: 3px solid #ffffff;
311
+ font-family: "Helvetica Neue", Helvetica, Arial, sans-serif;
312
+ @include border-radius(23px);
313
+ @include opacity(0.5);
314
+ &.next {
315
+ right: 15px;
316
+ left: auto;
317
+ }
318
+ &:hover {
319
+ color: $white;
320
+ text-decoration: none;
321
+ @include opacity(0.9);
322
+ }
323
+ }
324
+ }
325
+ .field-slideshow-pager {
326
+ margin-top: 10px;
327
+ text-align: center;
328
+ position: absolute;
329
+ bottom: 8%;
330
+ right: 20px;
331
+ z-index: 500;
332
+ a {
333
+ background: $gray;
334
+ border: 3px solid #ffffff;
335
+ display: inline-block;
336
+ margin: 0 3px;
337
+ width: 25px;
338
+ height: 25px;
339
+ line-height: 25px;
340
+ color: $white;
341
+ text-decoration: none;
342
+ @include border-radius(25px);
343
+ @include opacity(0.5);
344
+ &:hover {
345
+ color: $white;
346
+ text-decoration: none;
347
+ @include opacity(0.9);
348
+ }
349
+ &.activeSlide {
350
+ background: $linkColor;
351
+ @include opacity(0.9);
352
+ }
353
+ }
354
+ }
355
+ }
356
+
357
+ // Progress
358
+ // --------------------------------------------------
359
+ .progress {
360
+ margin-bottom: 60px;
361
+ overflow: visible;
362
+ height: 40px;
363
+ font-weight: 400;
364
+ .bar {
365
+ width: 100%;
366
+ margin: 0 0 5px;
367
+ float: none;
368
+ border: none;
369
+ background: none;
370
+ @include border-radius(4px);
371
+ .filled {
372
+ height: 40px;
373
+ @include border-radius(4px);
374
+ @include ctb-gradient-striped($linkColor);
375
+ @include background-size(40px 40px);
376
+ @include box-shadow(inset 0 -1px 0 rgba(0,0,0,.15));
377
+ @include box-sizing(border-box);
378
+ @include transition(width .6s ease);
379
+ -webkit-animation: progress-bar-stripes 2s linear infinite;
380
+ -moz-animation: progress-bar-stripes 2s linear infinite;
381
+ -ms-animation: progress-bar-stripes 2s linear infinite;
382
+ -o-animation: progress-bar-stripes 2s linear infinite;
383
+ animation: progress-bar-stripes 2s linear infinite;
384
+ }
385
+ }
386
+ }
387
+
388
+ // Misc Fixes
389
+ // --------------------------------------------------
390
+ .ctools-dropdown-container {
391
+ hr {
392
+ margin: 0;
393
+ }
394
+ }