|
18 | 18 | // prevent extra top border when leader-card is hovered in second row |
19 | 19 | & + .leadership-list { |
20 | 20 | .leader-card { |
21 | | - &:hover { |
| 21 | + @include breakpoint-large { |
| 22 | + border-top: none; |
| 23 | + |
22 | 24 | .leader-header { |
23 | | - .leader-title-block { |
24 | | - @include breakpoint-large { |
25 | | - border-top: 1px solid transparent; |
26 | | - } |
| 25 | + margin-bottom: 1px; |
| 26 | + } |
| 27 | + } |
| 28 | + |
| 29 | + &:hover { |
| 30 | + @include breakpoint-large { |
| 31 | + border-top: none; |
| 32 | + |
| 33 | + .leader-header { |
| 34 | + margin-bottom: 1px; |
27 | 35 | } |
28 | 36 | } |
29 | 37 | } |
|
40 | 48 | height: 100%; |
41 | 49 | margin-bottom: 24px; |
42 | 50 | position: relative; |
| 51 | + border-top: 1px solid transparent; |
| 52 | + border-left: 1px solid $whisper; |
| 53 | + border-bottom: 1px solid $whisper; |
43 | 54 |
|
44 | 55 | @include breakpoint-large { |
45 | | - max-height: 383px; |
46 | 56 | max-width: 400px; |
47 | 57 | margin-bottom: 0; |
48 | 58 | } |
49 | 59 |
|
50 | | - // avoid double border |
51 | | - &:not(:first-child) { |
52 | | - .leader-header { |
53 | | - .leader-title-block { |
54 | | - @include breakpoint-large { |
55 | | - border-left: none; |
56 | | - } |
57 | | - } |
58 | | - } |
59 | | - |
60 | | - .leader-footer { |
61 | | - @include breakpoint-large { |
62 | | - border-left: none; |
63 | | - } |
64 | | - } |
65 | | - } |
66 | | - |
67 | | - // avoid double border on hover for leader-card |
68 | | - &:has(+ .leader-card:hover) { |
69 | | - .leader-header { |
70 | | - .leader-title-block { |
71 | | - @include breakpoint-large { |
72 | | - border-right: none; |
73 | | - } |
74 | | - } |
75 | | - } |
76 | | - |
77 | | - .leader-footer { |
78 | | - @include breakpoint-large { |
79 | | - border-right: none; |
80 | | - } |
81 | | - } |
82 | | - } |
83 | | - |
84 | 60 | .leader-header { |
85 | 61 | display: flex; |
86 | 62 | max-width: calc(100% - 102px); |
|
91 | 67 | } |
92 | 68 |
|
93 | 69 | .leader-title-block { |
94 | | - padding: 29px 24px; |
| 70 | + padding: 27px 24px; |
95 | 71 | width: 100%; |
| 72 | + box-sizing: border-box; |
96 | 73 |
|
97 | 74 | @include breakpoint-large { |
98 | 75 | padding: 40px 40px 0; |
99 | | - border: 1px solid $whisper; |
100 | | - border-bottom: none; |
| 76 | + border: none; |
| 77 | + border-top: 1px solid $whisper; |
101 | 78 | width: auto; |
102 | 79 | } |
103 | 80 | } |
104 | 81 | } |
105 | 82 |
|
106 | 83 | .leader-footer { |
107 | 84 | padding: 24px; |
108 | | - border: 1px solid $whisper; |
| 85 | + border-top: 1px solid $whisper; |
| 86 | + border-right: 1px solid $whisper; |
109 | 87 |
|
110 | 88 | @include breakpoint-large { |
111 | | - padding: 0 40px 40px; |
112 | 89 | border-top: none; |
| 90 | + border-right: none; |
| 91 | + padding: 0 40px 40px; |
| 92 | + } |
| 93 | + } |
| 94 | + |
| 95 | + &:last-child { |
| 96 | + @include breakpoint-large { |
| 97 | + .leader-header { |
| 98 | + .leader-title-block { |
| 99 | + border-right: 1px solid $whisper; |
| 100 | + } |
| 101 | + } |
| 102 | + .leader-footer { |
| 103 | + border-right: 1px solid $whisper; |
| 104 | + } |
| 105 | + |
| 106 | + &:hover { |
| 107 | + border-right: 1px solid $whisper; |
| 108 | + } |
113 | 109 | } |
114 | 110 | } |
115 | 111 |
|
|
182 | 178 | } |
183 | 179 |
|
184 | 180 | &:hover { |
| 181 | + border-top: 1px solid transparent; |
| 182 | + |
| 183 | + @include breakpoint-large { |
| 184 | + border-top: 1px solid $whisper; |
| 185 | + } |
| 186 | + |
185 | 187 | .leader-photo { |
186 | 188 | @include breakpoint-large { |
187 | 189 | opacity: 0; |
|
219 | 221 | .leader-header { |
220 | 222 | .leader-title-block { |
221 | 223 | @include breakpoint-large { |
222 | | - border-left: 1px solid $whisper; |
| 224 | + border: none; |
| 225 | + margin-bottom: 1px; |
223 | 226 | } |
224 | 227 | } |
225 | 228 | } |
226 | 229 |
|
227 | 230 | .leader-footer { |
228 | 231 | @include breakpoint-large { |
229 | | - border-left: 1px solid $whisper; |
| 232 | + border: none; |
230 | 233 | } |
231 | 234 | } |
232 | 235 | } |
|
0 commit comments