Advertisement
Not a member of Pastebin yet?
Sign Up,
it unlocks many cool features!
- @import 'src/styles/utility';
- .advice {
- position: relative;
- margin-bottom: 40px;
- padding: 5rem 0 0;
- @media (max-width: $sm) {
- padding: 2rem 1rem;
- }
- }
- .inner {
- @include container();
- }
- .categoryTitle {
- font-size: 1.125rem;
- font-weight: 600;
- text-transform: uppercase;
- }
- .title {
- @include reset-webkit-margin();
- @include base-font();
- font-size: 3.75rem;
- margin: 0;
- @media (max-width: $md) {
- font-size: 2.375rem;
- text-overflow: ellipsis;
- overflow: hidden;
- }
- }
- .content {
- @include container;
- margin-bottom: 20px;
- p {
- @include base-font();
- font-size: 1.125rem;
- font-weight: 400;
- line-height: 1.5;
- margin-left: auto;
- margin-right: auto;
- max-width: $article-width;
- &:first-child {
- margin-top: 0;
- }
- }
- }
- .text {
- margin-right: 20px;
- }
- .ad {
- position: sticky;
- width: 390px;
- max-width: 100%;
- height: 150vh;
- @media (max-width: $xl) {
- width: $article-width;
- flex-basis: 100%;
- margin: auto;
- height: auto;
- margin-bottom: 30px;
- }
- @media (max-width: $md) {
- width: auto;
- }
- }
- .imgPosition {
- max-height: 150px;
- position: relative;
- overflow: hidden;
- }
- .image {
- width: 300px;
- height: 300px;
- object-fit: contain;
- border-radius: 50%;
- position: absolute;
- bottom: 10%;
- left: -4%;
- @media (max-width: $sm) {
- display: none;
- }
- }
Advertisement
Add Comment
Please, Sign In to add comment
Advertisement