-
Notifications
You must be signed in to change notification settings - Fork 0
/
_two-column-content.css.sass
59 lines (53 loc) · 1.3 KB
/
_two-column-content.css.sass
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
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
$block: two-column-content
.#{$block}
+rem('padding-left', 178px)
+clearfix
position: relative
@media screen and (max-width: #{$break-point})
padding-left: 0
&:last-child
.#{$block}__inner
margin-bottom: 0
padding-bottom: 0
.#{$block}__inner
*:last-child
margin-bottom: 0
.#{$block}__inner
+border(left, 1px, solid, rgba(0, 0, 0, .1), white)
+rem('padding-left', 32px)
+rem('padding-bottom', 38px)
+box-sizing(border-box)
+clearfix
@media screen and (max-width: #{$break-point})
padding-left: 0
border-left: none
p
+text-block($md, 1.8, 1.4)
.#{$block}__title-wrapper
+rem('width', 180px)
+absolute(left, 0, top, 0)
+rem('padding-right', 30px)
+box-sizing(border-box)
&.members__title-wrapper
padding-right: 0
@media screen and (max-width: #{$break-point})
position: static
width: 100%
.#{$block}__first-heading
background-color: $yellow
+inline-block
+text-block($xl, 3, false, bold, center)
+rem('width', 180px)
+tauri
color: $black
.#{$block}__second-heading
+tauri
+text-block($lg, 1.4, .4, bold, center)
@media screen and (max-width: #{$break-point})
text-align: left
&.members__member-name
text-align: center
margin-bottom: .6em
.#{$block}__second-heading-link
+hover-link
color: $black