brevis 0.0.8 → 0.0.9
Sign up to get free protection for your applications and to get access to all the features.
- checksums.yaml +4 -4
- data/lib/brevis.rb +1 -1
- data/stylesheets/brevis_components/chrome/header/_social.sass +4 -4
- data/stylesheets/brevis_components/content_lists/_content_stream.sass +1 -1
- data/stylesheets/brevis_components/content_lists/_headlines.sass +1 -1
- data/stylesheets/brevis_components/content_lists/_topic_lists.sass +1 -2
- data/stylesheets/brevis_components/content_modules/_carousel.sass +3 -7
- data/stylesheets/brevis_components/content_modules/_flexslider.sass +2 -3
- data/stylesheets/brevis_utilities/_animations.sass +10 -19
- data/stylesheets/brevis_utilities/_images.sass +43 -1
- data/stylesheets/brevis_utilities/_typography.sass +10 -2
- metadata +1 -1
checksums.yaml
CHANGED
|
@@ -1,7 +1,7 @@
|
|
|
1
1
|
---
|
|
2
2
|
SHA1:
|
|
3
|
-
metadata.gz:
|
|
4
|
-
data.tar.gz:
|
|
3
|
+
metadata.gz: 122cb2aab6cc713e97ec33afee608b63c1cc22a9
|
|
4
|
+
data.tar.gz: dfa19a8d32402afd8385d21915d6c97c1b4649dd
|
|
5
5
|
SHA512:
|
|
6
|
-
metadata.gz:
|
|
7
|
-
data.tar.gz:
|
|
6
|
+
metadata.gz: 9de88c948d460852e51459d23bf79d8cddd7868bf7cc8f3b90925e299703436e6d0d140de8fe25a6e594ed28644a88f99d21621a7de06baadc9631f4849fd669
|
|
7
|
+
data.tar.gz: bdca714c80cb64cf87a625037cf47630fcf8233bb3321a70dd8a789d8acb2d58a24c0ea76f3cc42149d7404520ffb8832e935c778fc0797bfe2e9f08bd0b0ac3
|
data/lib/brevis.rb
CHANGED
|
@@ -1,5 +1,5 @@
|
|
|
1
|
-
|
|
2
|
-
ul
|
|
1
|
+
%social
|
|
2
|
+
ul
|
|
3
3
|
margin: 0 0 0 5px
|
|
4
4
|
padding: 0
|
|
5
5
|
li
|
|
@@ -16,8 +16,8 @@
|
|
|
16
16
|
font-size: 0
|
|
17
17
|
width: $header-icon
|
|
18
18
|
height: $header-icon
|
|
19
|
-
|
|
20
|
-
&.facebook
|
|
19
|
+
|
|
20
|
+
&.facebook
|
|
21
21
|
+svg-bg-simple("facebook")
|
|
22
22
|
&.twitter
|
|
23
23
|
+svg-bg-simple("twitter")
|
|
@@ -1,7 +1,7 @@
|
|
|
1
1
|
// TOPIC LISTS http://note.io/TFMja0
|
|
2
2
|
|
|
3
3
|
%topic-list-row
|
|
4
|
-
border-bottom: 1px solid
|
|
4
|
+
border-bottom: 1px solid #ccc
|
|
5
5
|
padding-bottom: 1em
|
|
6
6
|
margin-bottom: 1em
|
|
7
7
|
|
|
@@ -13,4 +13,3 @@
|
|
|
13
13
|
|
|
14
14
|
%topic-list-byline
|
|
15
15
|
@extend %small-text
|
|
16
|
-
color: $text-tertiary
|
|
@@ -1,18 +1,14 @@
|
|
|
1
1
|
|
|
2
|
-
|
|
2
|
+
|
|
3
3
|
%carousel-layout
|
|
4
4
|
@extend %flex-control-nav
|
|
5
5
|
.flexslider
|
|
6
6
|
*
|
|
7
7
|
+box-sizing(content-box)
|
|
8
|
-
.flex-viewport
|
|
8
|
+
.flex-viewport
|
|
9
9
|
width: 100%
|
|
10
|
-
ul.slides
|
|
11
|
-
border-bottom: $border-tertiary solid 1px
|
|
12
|
-
border-left: $border-tertiary solid 1px
|
|
10
|
+
ul.slides
|
|
13
11
|
li
|
|
14
|
-
border: $border-tertiary solid 1px
|
|
15
|
-
border-bottom: 0
|
|
16
12
|
padding: 8px 8px 4px 8px
|
|
17
13
|
display: block
|
|
18
14
|
margin-left: -1px
|
|
@@ -33,7 +33,6 @@
|
|
|
33
33
|
&:after
|
|
34
34
|
content: "|"
|
|
35
35
|
margin-left: 1em
|
|
36
|
-
color: $link
|
|
37
36
|
&:last-child
|
|
38
37
|
&:after
|
|
39
38
|
content: " "
|
|
@@ -65,13 +64,13 @@
|
|
|
65
64
|
height: 40px
|
|
66
65
|
background-repeat: no-repeat
|
|
67
66
|
background-size: 35%
|
|
68
|
-
background-color:
|
|
67
|
+
background-color: #333
|
|
69
68
|
background-position: 50%
|
|
70
69
|
a.flex-prev
|
|
71
70
|
left: 5px
|
|
72
71
|
&:before
|
|
73
72
|
+svg-bg-simple("arrow-left")
|
|
74
|
-
|
|
73
|
+
|
|
75
74
|
a.flex-next
|
|
76
75
|
right: 5px
|
|
77
76
|
&:before
|
|
@@ -10,23 +10,23 @@
|
|
|
10
10
|
// check out https://github.com/at-import/animation-studio
|
|
11
11
|
// for more mixins
|
|
12
12
|
|
|
13
|
-
@mixin alerted()
|
|
14
|
-
&:before
|
|
13
|
+
@mixin alerted()
|
|
14
|
+
&:before
|
|
15
15
|
content: ''
|
|
16
16
|
position: absolute
|
|
17
|
-
top: 6px
|
|
17
|
+
top: 6px
|
|
18
18
|
right: 6px
|
|
19
|
-
height: 8px
|
|
19
|
+
height: 8px
|
|
20
20
|
width: 8px
|
|
21
21
|
+border-radius(10px)
|
|
22
22
|
background-color: gold
|
|
23
|
-
|
|
24
|
-
&:after
|
|
23
|
+
|
|
24
|
+
&:after
|
|
25
25
|
content: ''
|
|
26
26
|
position: absolute
|
|
27
|
-
top: 0
|
|
27
|
+
top: 0
|
|
28
28
|
right: 0
|
|
29
|
-
height: 20px
|
|
29
|
+
height: 20px
|
|
30
30
|
width: 20px
|
|
31
31
|
+border-radius(20px)
|
|
32
32
|
background-color: transparent
|
|
@@ -34,14 +34,5 @@
|
|
|
34
34
|
border-width: 2px // animates
|
|
35
35
|
+box-sizing(border-box)
|
|
36
36
|
+animation($name: alertMe)
|
|
37
|
-
|
|
38
|
-
|
|
39
|
-
// -vendor prefixes omitted for brevity, but should be used in production
|
|
40
|
-
from
|
|
41
|
-
border-width: 3px
|
|
42
|
-
border-color: gold
|
|
43
|
-
|
|
44
|
-
to
|
|
45
|
-
border-width: 0
|
|
46
|
-
border-color: rgba(gold, .1)
|
|
47
|
-
|
|
37
|
+
|
|
38
|
+
|
|
@@ -75,4 +75,46 @@ $content-stream-img-md: 47.5%
|
|
|
75
75
|
@include background-size(ceil($spriteWidth * ($percent/100)) ceil($spriteHeight * ($percent/100)))
|
|
76
76
|
width: ceil($width*($percent/100))
|
|
77
77
|
height: ceil($height*($percent/100))
|
|
78
|
-
background-position: 0 floor(nth(sprite-position($map, $sprite), 2) * ($percent/100) )
|
|
78
|
+
background-position: 0 floor(nth(sprite-position($map, $sprite), 2) * ($percent/100) )
|
|
79
|
+
|
|
80
|
+
////////////////
|
|
81
|
+
// INTERNET EXPLORER FALLBACK IMAGE SIZE SHORTCUTS
|
|
82
|
+
@mixin ie-img
|
|
83
|
+
//border: pink solid 1px
|
|
84
|
+
display: block
|
|
85
|
+
|
|
86
|
+
%xxs-thumbnail
|
|
87
|
+
+ie-img
|
|
88
|
+
|
|
89
|
+
width: 90px
|
|
90
|
+
height: 50px
|
|
91
|
+
|
|
92
|
+
%xs-thumbnail
|
|
93
|
+
+ie-img
|
|
94
|
+
width: 140px
|
|
95
|
+
height: 85px
|
|
96
|
+
|
|
97
|
+
%sm-thumbnail
|
|
98
|
+
+ie-img
|
|
99
|
+
width: 205px
|
|
100
|
+
height: 128px
|
|
101
|
+
|
|
102
|
+
%md-thumbnail
|
|
103
|
+
+ie-img
|
|
104
|
+
width: 226px
|
|
105
|
+
height: 136px
|
|
106
|
+
|
|
107
|
+
%lg-thumbnail
|
|
108
|
+
+ie-img
|
|
109
|
+
width: 290px
|
|
110
|
+
height: 170px
|
|
111
|
+
|
|
112
|
+
%xl-thumbnail
|
|
113
|
+
+ie-img
|
|
114
|
+
width: 373px
|
|
115
|
+
height: 224px
|
|
116
|
+
|
|
117
|
+
%xxl-thumbnail
|
|
118
|
+
+ie-img
|
|
119
|
+
width: 636px
|
|
120
|
+
height: 223px
|
|
@@ -29,7 +29,7 @@ $icon-font: "FontAwesome"
|
|
|
29
29
|
|
|
30
30
|
@mixin primary-font
|
|
31
31
|
font-family: $sans-serif-small
|
|
32
|
-
|
|
32
|
+
|
|
33
33
|
@mixin secondary-font
|
|
34
34
|
font-family: $secondary-font
|
|
35
35
|
|
|
@@ -89,7 +89,7 @@ $icon-font: "FontAwesome"
|
|
|
89
89
|
@if unit($lh) == 'px'
|
|
90
90
|
$lh: $lh / $base-line-height
|
|
91
91
|
+adjust-font-size-to($size, $lh)
|
|
92
|
-
|
|
92
|
+
|
|
93
93
|
|
|
94
94
|
@mixin text-style($size: 22px, $color: $text-primary, $link-color: inherit, $active-color: inherit, $type: null, $underline: no, $lh: 1.3)
|
|
95
95
|
@if unit($lh) == 'px'
|
|
@@ -111,3 +111,11 @@ $icon-font: "FontAwesome"
|
|
|
111
111
|
white-space: nowrap
|
|
112
112
|
text-overflow: $overflow // values are: clip, ellipsis, or a string
|
|
113
113
|
|
|
114
|
+
|
|
115
|
+
%list-title
|
|
116
|
+
+thick
|
|
117
|
+
+text-style($size: 16px, $lh: 18px)
|
|
118
|
+
|
|
119
|
+
|
|
120
|
+
%small-text
|
|
121
|
+
+text-style($size: 12px, $lh: 16px)
|