brevis 0.0.3 → 0.0.4
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.
- checksums.yaml +4 -4
- data/lib/brevis.rb +30 -0
- data/stylesheets/_brevis.sass +34 -0
- data/stylesheets/brevis/README.md +124 -0
- data/stylesheets/brevis/components/README.md +40 -0
- data/stylesheets/brevis/components/chrome/header/_branding.sass +32 -0
- data/stylesheets/brevis/components/chrome/header/_mobile_toggle.sass +24 -0
- data/stylesheets/brevis/components/chrome/header/_primary_menu.sass +66 -0
- data/stylesheets/brevis/components/chrome/header/_search.sass +46 -0
- data/stylesheets/brevis/components/chrome/header/_social.sass +30 -0
- data/stylesheets/brevis/components/content_lists/_content_carousel.sass +0 -0
- data/stylesheets/brevis/components/content_lists/_content_stream.sass +297 -0
- data/stylesheets/brevis/components/content_lists/_featured.sass +80 -0
- data/stylesheets/brevis/components/content_lists/_headlines.sass +5 -0
- data/stylesheets/brevis/components/content_lists/_topic_lists.sass +16 -0
- data/stylesheets/brevis/components/content_modules/_carousel.sass +23 -0
- data/stylesheets/brevis/components/content_modules/_chosen.sass +294 -0
- data/stylesheets/brevis/components/content_modules/_colorbox.sass +208 -0
- data/stylesheets/brevis/components/content_modules/_flexslider.sass +93 -0
- data/stylesheets/brevis/components/content_modules/_sticky_menu.sass +40 -0
- data/stylesheets/brevis/utilities/README.md +16 -0
- data/stylesheets/brevis/utilities/_admin.sass +9 -0
- data/stylesheets/brevis/utilities/_animations.sass +47 -0
- data/stylesheets/brevis/utilities/_breakpoints.sass +59 -0
- data/stylesheets/brevis/utilities/_colors.sass +23 -0
- data/stylesheets/brevis/utilities/_eq.sass +260 -0
- data/stylesheets/brevis/utilities/_font_awesome.scss +540 -0
- data/stylesheets/brevis/utilities/_forms.sass +27 -0
- data/stylesheets/brevis/utilities/_header.sass +19 -0
- data/stylesheets/brevis/utilities/_images.sass +79 -0
- data/stylesheets/brevis/utilities/_layout.sass +119 -0
- data/stylesheets/brevis/utilities/_page.sass +48 -0
- data/stylesheets/brevis/utilities/_tooltip.sass +48 -0
- data/stylesheets/brevis/utilities/_typography.sass +113 -0
- data/stylesheets/brevis/utilities/_z-index.scss +15 -0
- metadata +55 -22
@@ -0,0 +1,119 @@
|
|
1
|
+
////////////////////////////////////////////////////
|
2
|
+
// FLUID GRID COLUMNS
|
3
|
+
//
|
4
|
+
// Example: http://sassmeister.com/gist/7951177
|
5
|
+
|
6
|
+
$fluid-grid-cols: 1
|
7
|
+
$fluid-grid-grid-rows: 10
|
8
|
+
$fluid-grid-padding: 2%
|
9
|
+
$fluid-grid-class-name: views-row
|
10
|
+
|
11
|
+
@mixin grid-mobile($class-name: $fluid-grid-class-name)
|
12
|
+
[class*='#{$class-name}']
|
13
|
+
float: left
|
14
|
+
clear: both
|
15
|
+
width: 100%
|
16
|
+
+box-sizing('border-box')
|
17
|
+
|
18
|
+
|
19
|
+
@mixin grid-desktop($class-name: $fluid-grid-class-name)
|
20
|
+
[class*='#{$class-name}']
|
21
|
+
float: left
|
22
|
+
clear: none
|
23
|
+
+box-sizing('border-box')
|
24
|
+
|
25
|
+
|
26
|
+
@mixin fluid-grid-modern($cols: $fluid-grid-cols, $grid-rows: $fluid-grid-grid-rows, $padding: $fluid-grid-padding, $class-name: $fluid-grid-class-name)
|
27
|
+
[class*='#{$class-name}']
|
28
|
+
width: (100% + $padding) / $cols
|
29
|
+
padding: 0 0 $padding $padding
|
30
|
+
.#{$class-name}-1
|
31
|
+
margin-left: -($padding)
|
32
|
+
.#{$class-name}:nth-child(#{$cols}n + 1)
|
33
|
+
margin-left: -($padding)
|
34
|
+
clear: both
|
35
|
+
|
36
|
+
@mixin fluid-grid($cols: $fluid-grid-cols, $grid-rows: $fluid-grid-grid-rows, $padding: $fluid-grid-padding, $class-name: $fluid-grid-class-name)
|
37
|
+
[class*='#{$class-name}']
|
38
|
+
width: (100% + $padding) / $cols
|
39
|
+
padding: 0 0 $padding $padding
|
40
|
+
clear: none
|
41
|
+
|
42
|
+
.#{$class-name}-1
|
43
|
+
margin-left: -($padding)
|
44
|
+
|
45
|
+
@for $x from 1 through $grid-rows
|
46
|
+
.#{$class-name}-#{$x * $cols + 1}
|
47
|
+
margin-left: -($padding)
|
48
|
+
clear: both
|
49
|
+
|
50
|
+
|
51
|
+
|
52
|
+
//======================================
|
53
|
+
|
54
|
+
$blue1: rgba(146, 198, 224, 0.25)
|
55
|
+
$blue2: rgba(146, 198, 224, 0.075)
|
56
|
+
|
57
|
+
@mixin grid-background-4
|
58
|
+
background-image: -webkit-gradient(linear, 0% 50%, 100% 50%, color-stop(0%, $blue1), color-stop(21.05263%, $blue1), color-stop(21.05263%, $blue2), color-stop(26.31579%, $blue2), color-stop(26.31579%, $blue1), color-stop(47.36842%, $blue1), color-stop(47.36842%, $blue2), color-stop(52.63158%, $blue2), color-stop(52.63158%, $blue1), color-stop(73.68421%, $blue1), color-stop(73.68421%, $blue2), color-stop(78.94737%, $blue2), color-stop(78.94737%, $blue1), color-stop(100%, $blue1))
|
59
|
+
background-image: -webkit-linear-gradient(left, $blue1, $blue1 21.05263%, $blue2 21.05263%, $blue2 26.31579%, $blue1 26.31579%, $blue1 47.36842%, $blue2 47.36842%, $blue2 52.63158%, $blue1 52.63158%, $blue1 73.68421%, $blue2 73.68421%, $blue2 78.94737%, $blue1 78.94737%, $blue1 100%)
|
60
|
+
background-image: -moz-linear-gradient(left, $blue1, $blue1 21.05263%, $blue2 21.05263%, $blue2 26.31579%, $blue1 26.31579%, $blue1 47.36842%, $blue2 47.36842%, $blue2 52.63158%, $blue1 52.63158%, $blue1 73.68421%, $blue2 73.68421%, $blue2 78.94737%, $blue1 78.94737%, $blue1 100%)
|
61
|
+
background-image: linear-gradient(left, $blue1, $blue1 21.05263%, $blue2 21.05263%, $blue2 26.31579%, $blue1 26.31579%, $blue1 47.36842%, $blue2 47.36842%, $blue2 52.63158%, $blue1 52.63158%, $blue1 73.68421%, $blue2 73.68421%, $blue2 78.94737%, $blue1 78.94737%, $blue1 100%)
|
62
|
+
|
63
|
+
@mixin grid-background-8
|
64
|
+
background-image: -webkit-gradient(linear, 0% 50%, 100% 50%, color-stop(0%, $blue1), color-stop(10.25641%, $blue1), color-stop(10.25641%, $blue2), color-stop(12.82051%, $blue2), color-stop(12.82051%, $blue1), color-stop(23.07692%, $blue1), color-stop(23.07692%, $blue2), color-stop(25.64103%, $blue2), color-stop(25.64103%, $blue1), color-stop(35.89744%, $blue1), color-stop(35.89744%, $blue2), color-stop(38.46154%, $blue2), color-stop(38.46154%, $blue1), color-stop(48.71795%, $blue1), color-stop(48.71795%, $blue2), color-stop(51.28205%, $blue2), color-stop(51.28205%, $blue1), color-stop(61.53846%, $blue1), color-stop(61.53846%, $blue2), color-stop(64.10256%, $blue2), color-stop(64.10256%, $blue1), color-stop(74.35897%, $blue1), color-stop(74.35897%, $blue2), color-stop(76.92308%, $blue2), color-stop(76.92308%, $blue1), color-stop(87.17949%, $blue1), color-stop(87.17949%, $blue2), color-stop(89.74359%, $blue2), color-stop(89.74359%, $blue1), color-stop(100%, $blue1))
|
65
|
+
background-image: -webkit-linear-gradient(left, $blue1, $blue1 10.25641%, $blue2 10.25641%, $blue2 12.82051%, $blue1 12.82051%, $blue1 23.07692%, $blue2 23.07692%, $blue2 25.64103%, $blue1 25.64103%, $blue1 35.89744%, $blue2 35.89744%, $blue2 38.46154%, $blue1 38.46154%, $blue1 48.71795%, $blue2 48.71795%, $blue2 51.28205%, $blue1 51.28205%, $blue1 61.53846%, $blue2 61.53846%, $blue2 64.10256%, $blue1 64.10256%, $blue1 74.35897%, $blue2 74.35897%, $blue2 76.92308%, $blue1 76.92308%, $blue1 87.17949%, $blue2 87.17949%, $blue2 89.74359%, $blue1 89.74359%, $blue1 100%)
|
66
|
+
background-image: -moz-linear-gradient(left, $blue1, $blue1 10.25641%, $blue2 10.25641%, $blue2 12.82051%, $blue1 12.82051%, $blue1 23.07692%, $blue2 23.07692%, $blue2 25.64103%, $blue1 25.64103%, $blue1 35.89744%, $blue2 35.89744%, $blue2 38.46154%, $blue1 38.46154%, $blue1 48.71795%, $blue2 48.71795%, $blue2 51.28205%, $blue1 51.28205%, $blue1 61.53846%, $blue2 61.53846%, $blue2 64.10256%, $blue1 64.10256%, $blue1 74.35897%, $blue2 74.35897%, $blue2 76.92308%, $blue1 76.92308%, $blue1 87.17949%, $blue2 87.17949%, $blue2 89.74359%, $blue1 89.74359%, $blue1 100%)
|
67
|
+
background-image: linear-gradient(left, $blue1, $blue1 10.25641%, $blue2 10.25641%, $blue2 12.82051%, $blue1 12.82051%, $blue1 23.07692%, $blue2 23.07692%, $blue2 25.64103%, $blue1 25.64103%, $blue1 35.89744%, $blue2 35.89744%, $blue2 38.46154%, $blue1 38.46154%, $blue1 48.71795%, $blue2 48.71795%, $blue2 51.28205%, $blue1 51.28205%, $blue1 61.53846%, $blue2 61.53846%, $blue2 64.10256%, $blue1 64.10256%, $blue1 74.35897%, $blue2 74.35897%, $blue2 76.92308%, $blue1 76.92308%, $blue1 87.17949%, $blue2 87.17949%, $blue2 89.74359%, $blue1 89.74359%, $blue1 100%)
|
68
|
+
|
69
|
+
@mixin grid-background-12
|
70
|
+
background-image: -webkit-gradient(linear, 0% 50%, 100% 50%, color-stop(0%, $blue1), color-stop(6.77966%, $blue1), color-stop(6.77966%, $blue2), color-stop(8.47458%, $blue2), color-stop(8.47458%, $blue1), color-stop(15.25424%, $blue1), color-stop(15.25424%, $blue2), color-stop(16.94915%, $blue2), color-stop(16.94915%, $blue1), color-stop(23.72881%, $blue1), color-stop(23.72881%, $blue2), color-stop(25.42373%, $blue2), color-stop(25.42373%, $blue1), color-stop(32.20339%, $blue1), color-stop(32.20339%, $blue2), color-stop(33.89831%, $blue2), color-stop(33.89831%, $blue1), color-stop(40.67797%, $blue1), color-stop(40.67797%, $blue2), color-stop(42.37288%, $blue2), color-stop(42.37288%, $blue1), color-stop(49.15254%, $blue1), color-stop(49.15254%, $blue2), color-stop(50.84746%, $blue2), color-stop(50.84746%, $blue1), color-stop(57.62712%, $blue1), color-stop(57.62712%, $blue2), color-stop(59.32203%, $blue2), color-stop(59.32203%, $blue1), color-stop(66.10169%, $blue1), color-stop(66.10169%, $blue2), color-stop(67.79661%, $blue2), color-stop(67.79661%, $blue1), color-stop(74.57627%, $blue1), color-stop(74.57627%, $blue2), color-stop(76.27119%, $blue2), color-stop(76.27119%, $blue1), color-stop(83.05085%, $blue1), color-stop(83.05085%, $blue2), color-stop(84.74576%, $blue2), color-stop(84.74576%, $blue1), color-stop(91.52542%, $blue1), color-stop(91.52542%, $blue2), color-stop(93.22034%, $blue2), color-stop(93.22034%, $blue1), color-stop(100%, $blue1))
|
71
|
+
background-image: -webkit-linear-gradient(left, $blue1, $blue1 6.77966%, $blue2 6.77966%, $blue2 8.47458%, $blue1 8.47458%, $blue1 15.25424%, $blue2 15.25424%, $blue2 16.94915%, $blue1 16.94915%, $blue1 23.72881%, $blue2 23.72881%, $blue2 25.42373%, $blue1 25.42373%, $blue1 32.20339%, $blue2 32.20339%, $blue2 33.89831%, $blue1 33.89831%, $blue1 40.67797%, $blue2 40.67797%, $blue2 42.37288%, $blue1 42.37288%, $blue1 49.15254%, $blue2 49.15254%, $blue2 50.84746%, $blue1 50.84746%, $blue1 57.62712%, $blue2 57.62712%, $blue2 59.32203%, $blue1 59.32203%, $blue1 66.10169%, $blue2 66.10169%, $blue2 67.79661%, $blue1 67.79661%, $blue1 74.57627%, $blue2 74.57627%, $blue2 76.27119%, $blue1 76.27119%, $blue1 83.05085%, $blue2 83.05085%, $blue2 84.74576%, $blue1 84.74576%, $blue1 91.52542%, $blue2 91.52542%, $blue2 93.22034%, $blue1 93.22034%, $blue1 100%)
|
72
|
+
background-image: -moz-linear-gradient(left, $blue1, $blue1 6.77966%, $blue2 6.77966%, $blue2 8.47458%, $blue1 8.47458%, $blue1 15.25424%, $blue2 15.25424%, $blue2 16.94915%, $blue1 16.94915%, $blue1 23.72881%, $blue2 23.72881%, $blue2 25.42373%, $blue1 25.42373%, $blue1 32.20339%, $blue2 32.20339%, $blue2 33.89831%, $blue1 33.89831%, $blue1 40.67797%, $blue2 40.67797%, $blue2 42.37288%, $blue1 42.37288%, $blue1 49.15254%, $blue2 49.15254%, $blue2 50.84746%, $blue1 50.84746%, $blue1 57.62712%, $blue2 57.62712%, $blue2 59.32203%, $blue1 59.32203%, $blue1 66.10169%, $blue2 66.10169%, $blue2 67.79661%, $blue1 67.79661%, $blue1 74.57627%, $blue2 74.57627%, $blue2 76.27119%, $blue1 76.27119%, $blue1 83.05085%, $blue2 83.05085%, $blue2 84.74576%, $blue1 84.74576%, $blue1 91.52542%, $blue2 91.52542%, $blue2 93.22034%, $blue1 93.22034%, $blue1 100%)
|
73
|
+
background-image: linear-gradient(left, $blue1, $blue1 6.77966%, $blue2 6.77966%, $blue2 8.47458%, $blue1 8.47458%, $blue1 15.25424%, $blue2 15.25424%, $blue2 16.94915%, $blue1 16.94915%, $blue1 23.72881%, $blue2 23.72881%, $blue2 25.42373%, $blue1 25.42373%, $blue1 32.20339%, $blue2 32.20339%, $blue2 33.89831%, $blue1 33.89831%, $blue1 40.67797%, $blue2 40.67797%, $blue2 42.37288%, $blue1 42.37288%, $blue1 49.15254%, $blue2 49.15254%, $blue2 50.84746%, $blue1 50.84746%, $blue1 57.62712%, $blue2 57.62712%, $blue2 59.32203%, $blue1 59.32203%, $blue1 66.10169%, $blue2 66.10169%, $blue2 67.79661%, $blue1 67.79661%, $blue1 74.57627%, $blue2 74.57627%, $blue2 76.27119%, $blue1 76.27119%, $blue1 83.05085%, $blue2 83.05085%, $blue2 84.74576%, $blue1 84.74576%, $blue1 91.52542%, $blue2 91.52542%, $blue2 93.22034%, $blue1 93.22034%, $blue1 100%)
|
74
|
+
|
75
|
+
@mixin width-25($padding: 0)
|
76
|
+
width: 25%
|
77
|
+
float: left
|
78
|
+
padding: $padding
|
79
|
+
|
80
|
+
@mixin width-33($padding: 0)
|
81
|
+
width: 33.33%
|
82
|
+
float: left
|
83
|
+
padding: $padding
|
84
|
+
|
85
|
+
@mixin width-50($padding: 0)
|
86
|
+
width: 50%
|
87
|
+
float: left
|
88
|
+
padding: $padding
|
89
|
+
|
90
|
+
@mixin width-66($padding: 0)
|
91
|
+
width: 66%
|
92
|
+
float: left
|
93
|
+
padding: $padding
|
94
|
+
|
95
|
+
@mixin width-75($padding: 0)
|
96
|
+
width: 75%
|
97
|
+
float: left
|
98
|
+
padding: $padding
|
99
|
+
|
100
|
+
@mixin width-100($padding: 0)
|
101
|
+
width: 100%
|
102
|
+
|
103
|
+
@mixin width-50-100($padding: 0)
|
104
|
+
width: 100%
|
105
|
+
float: left
|
106
|
+
padding: $padding
|
107
|
+
+breakpoint($tablet-portrait)
|
108
|
+
width: 50%
|
109
|
+
float: left
|
110
|
+
padding: $padding
|
111
|
+
|
112
|
+
|
113
|
+
@mixin vertical-align
|
114
|
+
&:before
|
115
|
+
content: ''
|
116
|
+
display: inline-block
|
117
|
+
vertical-align: middle
|
118
|
+
height: 100%
|
119
|
+
width: .1px
|
@@ -0,0 +1,48 @@
|
|
1
|
+
|
2
|
+
@mixin page-max-width
|
3
|
+
+breakpoint($phone-l-tab-p)
|
4
|
+
max-width: $tab-p
|
5
|
+
margin: 0 auto
|
6
|
+
|
7
|
+
+breakpoint($tab-p-tab-l)
|
8
|
+
max-width: $tab-l
|
9
|
+
margin: 0 auto
|
10
|
+
|
11
|
+
+breakpoint($tab-l-desk)
|
12
|
+
max-width: $desk
|
13
|
+
//max-width: $tab-l + 20px
|
14
|
+
margin: 0 auto
|
15
|
+
|
16
|
+
+breakpoint($desktop)
|
17
|
+
max-width: ($desk)
|
18
|
+
margin: 0 auto
|
19
|
+
|
20
|
+
+breakpoint($print-media)
|
21
|
+
max-width: 900px
|
22
|
+
margin: 0 auto
|
23
|
+
|
24
|
+
|
25
|
+
@mixin content-area-padding($type: both)
|
26
|
+
@if $type == left
|
27
|
+
padding-left: 10px
|
28
|
+
margin-left: 10px
|
29
|
+
+breakpoint($tablet-portrait)
|
30
|
+
padding-left: 20px
|
31
|
+
margin-left: 10px
|
32
|
+
|
33
|
+
@if $type == right
|
34
|
+
padding-right: 10px
|
35
|
+
margin-right: 10px
|
36
|
+
+breakpoint($tablet-portrait)
|
37
|
+
padding-right: 20px
|
38
|
+
margin-right: 10px
|
39
|
+
|
40
|
+
@if $type == both
|
41
|
+
padding: 10px
|
42
|
+
margin: 0 10px
|
43
|
+
+breakpoint($tablet-portrait)
|
44
|
+
padding: 10px 20px
|
45
|
+
margin: 0 10px
|
46
|
+
+breakpoint($desktop)
|
47
|
+
padding: 20px 20px 0px
|
48
|
+
margin: 0
|
@@ -0,0 +1,48 @@
|
|
1
|
+
@mixin hui_tooltip($content: attr(data-tooltip), $direction: top)
|
2
|
+
position: relative
|
3
|
+
&:before, &:after
|
4
|
+
display: none
|
5
|
+
z-index: 98
|
6
|
+
|
7
|
+
&:hover
|
8
|
+
&:after // for text bubble
|
9
|
+
content: $content
|
10
|
+
display: block
|
11
|
+
position: absolute
|
12
|
+
height: 12px
|
13
|
+
// (makes total height including padding 22px)
|
14
|
+
padding: 6px
|
15
|
+
font-size: 12px
|
16
|
+
white-space: nowrap
|
17
|
+
color: #fff
|
18
|
+
@include text-shadow(1px 1px #000)
|
19
|
+
background-color: #222
|
20
|
+
|
21
|
+
@if ($direction == 'top')
|
22
|
+
&:before
|
23
|
+
@include triangle(down, 6px, #222)
|
24
|
+
top: -6px
|
25
|
+
margin-top: 0
|
26
|
+
left: 47%
|
27
|
+
|
28
|
+
&:after
|
29
|
+
top: -28px
|
30
|
+
left: 47%
|
31
|
+
margin-left: -20px
|
32
|
+
|
33
|
+
|
34
|
+
@else if ($direction == 'bottom')
|
35
|
+
&:before
|
36
|
+
@include triangle(up, 6px, #222)
|
37
|
+
top: auto
|
38
|
+
margin-top: 0
|
39
|
+
bottom: -6px
|
40
|
+
left: 47%
|
41
|
+
|
42
|
+
&:after
|
43
|
+
bottom: -28px
|
44
|
+
left: 47%
|
45
|
+
margin-left: -20px
|
46
|
+
|
47
|
+
|
48
|
+
|
@@ -0,0 +1,113 @@
|
|
1
|
+
//**************************************
|
2
|
+
// Typography
|
3
|
+
|
4
|
+
$base-font-size: 16px
|
5
|
+
$base-line-height: 24px
|
6
|
+
$rhythm-unit: 'rem'
|
7
|
+
$rem-with-px-fallback: true
|
8
|
+
|
9
|
+
$sans-serif-small: Arial, sans-serif
|
10
|
+
$sans-serif-large: Verdana, Geneva, 'DejaVu Sans', Arial, Helvetica, sans-serif
|
11
|
+
$serif-small: Garamond, Perpetua, 'Times New Roman', serif
|
12
|
+
$serif-large: Georgia, Baskerville, Palatino, 'Palatino Linotype', 'Book Antiqua', 'Times New Roman', serif
|
13
|
+
$mono: Consolas, Monaco, 'Courier New', Courier, monospace, sans-serif
|
14
|
+
|
15
|
+
// Custom Font Fallbacks
|
16
|
+
$primary-sans: "Arial", sans-serif
|
17
|
+
$primary-serif: "Times New Roman", serif
|
18
|
+
$secondary-font: "Impact", $primary-sans
|
19
|
+
$icon-font: "FontAwesome"
|
20
|
+
|
21
|
+
|
22
|
+
@mixin font-smoothing($value: antialiased)
|
23
|
+
@if $value == antialiased
|
24
|
+
-webkit-font-smoothing: antialiased
|
25
|
+
-moz-osx-font-smoothing: grayscale
|
26
|
+
@if $value == subpixel
|
27
|
+
-webkit-font-smoothing: subpixel-antialiased
|
28
|
+
-moz-osx-font-smoothing: auto
|
29
|
+
|
30
|
+
@mixin primary-font
|
31
|
+
font-family: $sans-serif-small
|
32
|
+
|
33
|
+
@mixin secondary-font
|
34
|
+
font-family: $secondary-font
|
35
|
+
|
36
|
+
@mixin icon-font
|
37
|
+
font-family: $icon-font
|
38
|
+
|
39
|
+
@mixin font-awesome
|
40
|
+
font-family: $font-awesome
|
41
|
+
|
42
|
+
@mixin thick
|
43
|
+
font-weight: bold
|
44
|
+
|
45
|
+
@mixin thin
|
46
|
+
font-weight: normal
|
47
|
+
|
48
|
+
@mixin italic
|
49
|
+
font-style: italic
|
50
|
+
|
51
|
+
@mixin caps
|
52
|
+
text-transform: uppercase
|
53
|
+
|
54
|
+
@mixin link($link-color: $link, $link-hover: $link-hover, $underline: no)
|
55
|
+
text-decoration: none
|
56
|
+
&:link,
|
57
|
+
&:visited
|
58
|
+
text-decoration: none
|
59
|
+
color: $link-color
|
60
|
+
@if $underline == no
|
61
|
+
//&.active,
|
62
|
+
&:hover,
|
63
|
+
&:focus
|
64
|
+
color: $link-hover
|
65
|
+
@if $underline == yes
|
66
|
+
//&.active,
|
67
|
+
&:hover,
|
68
|
+
&:focus
|
69
|
+
text-decoration: underline
|
70
|
+
color: $link-hover
|
71
|
+
|
72
|
+
|
73
|
+
@mixin link-inherit-color-hover
|
74
|
+
a:hover,
|
75
|
+
a:focus
|
76
|
+
color: inherit
|
77
|
+
|
78
|
+
@mixin link-inherit-color($hover: hover)
|
79
|
+
a,
|
80
|
+
a:link,
|
81
|
+
a:visited
|
82
|
+
color: inherit
|
83
|
+
@if $hover == hover
|
84
|
+
&:hover
|
85
|
+
+link-inherit-color-hover
|
86
|
+
|
87
|
+
// Blueprint theme - variables are in order of how likely they are to be overridden
|
88
|
+
@mixin font-size($size: 22px, $lh: 1.3)
|
89
|
+
@if unit($lh) == 'px'
|
90
|
+
$lh: $lh / $base-line-height
|
91
|
+
+adjust-font-size-to($size, $lh)
|
92
|
+
|
93
|
+
|
94
|
+
@mixin text-style($size: 22px, $color: $text-primary, $link-color: inherit, $active-color: inherit, $type: null, $underline: no, $lh: 1.3)
|
95
|
+
@if unit($lh) == 'px'
|
96
|
+
$lh: $lh / $base-line-height
|
97
|
+
+adjust-font-size-to($size, $lh)
|
98
|
+
@if $type == link
|
99
|
+
a
|
100
|
+
+link($link-color, $active-color, $underline)
|
101
|
+
@else
|
102
|
+
color: $color
|
103
|
+
|
104
|
+
%offscreen
|
105
|
+
position: absolute
|
106
|
+
left: -1000em
|
107
|
+
|
108
|
+
|
109
|
+
@mixin truncate-text($overflow: ellipsis)
|
110
|
+
overflow: hidden
|
111
|
+
white-space: nowrap
|
112
|
+
text-overflow: $overflow // values are: clip, ellipsis, or a string
|
113
|
+
|
@@ -0,0 +1,15 @@
|
|
1
|
+
$zindex: (
|
2
|
+
modal: 9000,
|
3
|
+
overlay: 8000,
|
4
|
+
dropdown: 7000,
|
5
|
+
adminnav: 5000,
|
6
|
+
header: 4000,
|
7
|
+
header-contents: 4100,
|
8
|
+
content: 3000,
|
9
|
+
content-above: 3100,
|
10
|
+
footer: 2000
|
11
|
+
);
|
12
|
+
|
13
|
+
// How to use:
|
14
|
+
//.example-header
|
15
|
+
// z-index: map-get($zindex, header)
|
metadata
CHANGED
@@ -1,7 +1,7 @@
|
|
1
1
|
--- !ruby/object:Gem::Specification
|
2
2
|
name: brevis
|
3
3
|
version: !ruby/object:Gem::Version
|
4
|
-
version: 0.0.
|
4
|
+
version: 0.0.4
|
5
5
|
platform: ruby
|
6
6
|
authors:
|
7
7
|
- Kendall Totten
|
@@ -11,43 +11,76 @@ cert_chain: []
|
|
11
11
|
date: 2014-11-03 00:00:00.000000000 Z
|
12
12
|
dependencies:
|
13
13
|
- !ruby/object:Gem::Dependency
|
14
|
-
name:
|
14
|
+
name: sass
|
15
15
|
requirement: !ruby/object:Gem::Requirement
|
16
16
|
requirements:
|
17
|
-
- -
|
17
|
+
- - '>='
|
18
18
|
- !ruby/object:Gem::Version
|
19
|
-
version:
|
20
|
-
type: :
|
19
|
+
version: 3.2.0
|
20
|
+
type: :runtime
|
21
21
|
prerelease: false
|
22
22
|
version_requirements: !ruby/object:Gem::Requirement
|
23
23
|
requirements:
|
24
|
-
- -
|
24
|
+
- - '>='
|
25
25
|
- !ruby/object:Gem::Version
|
26
|
-
version:
|
26
|
+
version: 3.2.0
|
27
27
|
- !ruby/object:Gem::Dependency
|
28
|
-
name:
|
28
|
+
name: compass
|
29
29
|
requirement: !ruby/object:Gem::Requirement
|
30
30
|
requirements:
|
31
|
-
- -
|
31
|
+
- - '>='
|
32
32
|
- !ruby/object:Gem::Version
|
33
|
-
version:
|
34
|
-
type: :
|
33
|
+
version: 0.12.1
|
34
|
+
type: :runtime
|
35
35
|
prerelease: false
|
36
36
|
version_requirements: !ruby/object:Gem::Requirement
|
37
37
|
requirements:
|
38
|
-
- -
|
38
|
+
- - '>='
|
39
39
|
- !ruby/object:Gem::Version
|
40
|
-
version:
|
41
|
-
description:
|
40
|
+
version: 0.12.1
|
41
|
+
description: A collection of Sass utilities
|
42
42
|
email:
|
43
|
-
- kendalltotten@
|
43
|
+
- kendalltotten@mediacurrent.com
|
44
44
|
executables: []
|
45
45
|
extensions: []
|
46
46
|
extra_rdoc_files: []
|
47
|
-
files:
|
48
|
-
|
49
|
-
|
50
|
-
-
|
47
|
+
files:
|
48
|
+
- lib/brevis.rb
|
49
|
+
- stylesheets/_brevis.sass
|
50
|
+
- stylesheets/brevis/README.md
|
51
|
+
- stylesheets/brevis/components/README.md
|
52
|
+
- stylesheets/brevis/components/chrome/header/_branding.sass
|
53
|
+
- stylesheets/brevis/components/chrome/header/_mobile_toggle.sass
|
54
|
+
- stylesheets/brevis/components/chrome/header/_primary_menu.sass
|
55
|
+
- stylesheets/brevis/components/chrome/header/_search.sass
|
56
|
+
- stylesheets/brevis/components/chrome/header/_social.sass
|
57
|
+
- stylesheets/brevis/components/content_lists/_content_carousel.sass
|
58
|
+
- stylesheets/brevis/components/content_lists/_content_stream.sass
|
59
|
+
- stylesheets/brevis/components/content_lists/_featured.sass
|
60
|
+
- stylesheets/brevis/components/content_lists/_headlines.sass
|
61
|
+
- stylesheets/brevis/components/content_lists/_topic_lists.sass
|
62
|
+
- stylesheets/brevis/components/content_modules/_carousel.sass
|
63
|
+
- stylesheets/brevis/components/content_modules/_chosen.sass
|
64
|
+
- stylesheets/brevis/components/content_modules/_colorbox.sass
|
65
|
+
- stylesheets/brevis/components/content_modules/_flexslider.sass
|
66
|
+
- stylesheets/brevis/components/content_modules/_sticky_menu.sass
|
67
|
+
- stylesheets/brevis/utilities/README.md
|
68
|
+
- stylesheets/brevis/utilities/_admin.sass
|
69
|
+
- stylesheets/brevis/utilities/_animations.sass
|
70
|
+
- stylesheets/brevis/utilities/_breakpoints.sass
|
71
|
+
- stylesheets/brevis/utilities/_colors.sass
|
72
|
+
- stylesheets/brevis/utilities/_eq.sass
|
73
|
+
- stylesheets/brevis/utilities/_font_awesome.scss
|
74
|
+
- stylesheets/brevis/utilities/_forms.sass
|
75
|
+
- stylesheets/brevis/utilities/_header.sass
|
76
|
+
- stylesheets/brevis/utilities/_images.sass
|
77
|
+
- stylesheets/brevis/utilities/_layout.sass
|
78
|
+
- stylesheets/brevis/utilities/_page.sass
|
79
|
+
- stylesheets/brevis/utilities/_tooltip.sass
|
80
|
+
- stylesheets/brevis/utilities/_typography.sass
|
81
|
+
- stylesheets/brevis/utilities/_z-index.scss
|
82
|
+
homepage: http://mediacurrent.com
|
83
|
+
licenses: []
|
51
84
|
metadata: {}
|
52
85
|
post_install_message:
|
53
86
|
rdoc_options: []
|
@@ -62,11 +95,11 @@ required_rubygems_version: !ruby/object:Gem::Requirement
|
|
62
95
|
requirements:
|
63
96
|
- - '>='
|
64
97
|
- !ruby/object:Gem::Version
|
65
|
-
version:
|
98
|
+
version: 1.3.6
|
66
99
|
requirements: []
|
67
|
-
rubyforge_project:
|
100
|
+
rubyforge_project: brevis
|
68
101
|
rubygems_version: 2.2.2
|
69
102
|
signing_key:
|
70
103
|
specification_version: 4
|
71
|
-
summary: A collection of Sass utilities
|
104
|
+
summary: A collection of Sass utilities for the Mediacurrent Frontend Team
|
72
105
|
test_files: []
|