|
|
|
@ -322,6 +322,11 @@ $small-breakpoint: 960px; |
|
|
|
|
border: 0; |
|
|
|
|
border-bottom: 1px solid rgba($ui-base-lighter-color, .6); |
|
|
|
|
margin: 20px 0; |
|
|
|
|
|
|
|
|
|
&.spacer { |
|
|
|
|
height: 1px; |
|
|
|
|
border: 0; |
|
|
|
|
} |
|
|
|
|
} |
|
|
|
|
|
|
|
|
|
.container-alt { |
|
|
|
@ -681,6 +686,54 @@ $small-breakpoint: 960px; |
|
|
|
|
margin-bottom: 0; |
|
|
|
|
} |
|
|
|
|
|
|
|
|
|
.account { |
|
|
|
|
border-bottom: 0; |
|
|
|
|
padding: 0; |
|
|
|
|
|
|
|
|
|
&__display-name { |
|
|
|
|
align-items: center; |
|
|
|
|
display: flex; |
|
|
|
|
margin-right: 5px; |
|
|
|
|
} |
|
|
|
|
|
|
|
|
|
div.account__display-name { |
|
|
|
|
&:hover { |
|
|
|
|
.display-name strong { |
|
|
|
|
text-decoration: none; |
|
|
|
|
} |
|
|
|
|
} |
|
|
|
|
|
|
|
|
|
.account__avatar { |
|
|
|
|
cursor: default; |
|
|
|
|
} |
|
|
|
|
} |
|
|
|
|
|
|
|
|
|
&__avatar-wrapper { |
|
|
|
|
margin-left: 0; |
|
|
|
|
flex: 0 0 auto; |
|
|
|
|
} |
|
|
|
|
|
|
|
|
|
&__avatar { |
|
|
|
|
width: 44px; |
|
|
|
|
height: 44px; |
|
|
|
|
background-size: 44px 44px; |
|
|
|
|
} |
|
|
|
|
|
|
|
|
|
.display-name { |
|
|
|
|
font-size: 15px; |
|
|
|
|
|
|
|
|
|
&__account { |
|
|
|
|
font-size: 14px; |
|
|
|
|
} |
|
|
|
|
} |
|
|
|
|
} |
|
|
|
|
|
|
|
|
|
@media screen and (max-width: $small-breakpoint) { |
|
|
|
|
.contact { |
|
|
|
|
margin-top: 30px; |
|
|
|
|
} |
|
|
|
|
} |
|
|
|
|
|
|
|
|
|
@media screen and (max-width: $column-breakpoint) { |
|
|
|
|
padding: 25px 20px; |
|
|
|
|
} |
|
|
|
@ -816,6 +869,8 @@ $small-breakpoint: 960px; |
|
|
|
|
font-size: 16px; |
|
|
|
|
line-height: inherit; |
|
|
|
|
font-weight: inherit; |
|
|
|
|
margin: 0; |
|
|
|
|
padding: 0; |
|
|
|
|
} |
|
|
|
|
|
|
|
|
|
.column { |
|
|
|
@ -852,8 +907,13 @@ $small-breakpoint: 960px; |
|
|
|
|
} |
|
|
|
|
|
|
|
|
|
&__features { |
|
|
|
|
& > p { |
|
|
|
|
padding-right: 60px; |
|
|
|
|
} |
|
|
|
|
|
|
|
|
|
.features-list { |
|
|
|
|
margin: 40px 0 !important; |
|
|
|
|
margin: 40px 0; |
|
|
|
|
margin-top: 30px; |
|
|
|
|
} |
|
|
|
|
|
|
|
|
|
&__action { |
|
|
|
@ -862,17 +922,11 @@ $small-breakpoint: 960px; |
|
|
|
|
} |
|
|
|
|
|
|
|
|
|
.features-list { |
|
|
|
|
margin-top: 20px; |
|
|
|
|
|
|
|
|
|
.features-list__row { |
|
|
|
|
display: flex; |
|
|
|
|
padding: 10px 0; |
|
|
|
|
justify-content: space-between; |
|
|
|
|
|
|
|
|
|
&:first-child { |
|
|
|
|
padding-top: 0; |
|
|
|
|
} |
|
|
|
|
|
|
|
|
|
.visual { |
|
|
|
|
flex: 0 0 auto; |
|
|
|
|
display: flex; |
|
|
|
@ -898,6 +952,14 @@ $small-breakpoint: 960px; |
|
|
|
|
} |
|
|
|
|
} |
|
|
|
|
} |
|
|
|
|
|
|
|
|
|
@media screen and (min-width: $small-breakpoint) { |
|
|
|
|
display: grid; |
|
|
|
|
grid-gap: 30px; |
|
|
|
|
grid-template-columns: 1fr 1fr; |
|
|
|
|
grid-auto-columns: 50%; |
|
|
|
|
grid-auto-rows: max-content; |
|
|
|
|
} |
|
|
|
|
} |
|
|
|
|
|
|
|
|
|
.extended-description { |
|
|
|
|