Newer
Older
.block-pages
.main-page
@include media-breakpoint-up(lg)
> div:first-child
padding-right: $spacing1
.title
a::before
content: none
&--list
.block-content
@include media-breakpoint-up(lg)
align-items: flex-start
display: flex
> *
flex: 1
.pages
--bs-gutter-y: 0
@include media-breakpoint-up(lg)
margin-top: 4.5rem
> *
margin-top: px2rem(10)
width: 100%
.page
.title
@extend .h4
a
@include hover-translate-icon(before, 3)
font-size: px2rem(18)
text-decoration-color: transparent
&:hover
text-decoration-color: black
.page
> div
padding: 0
42
43
44
45
46
47
48
49
50
51
52
53
54
55
56
57
58
59
60
61
62
63
64
65
66
67
68
69
70
71
72
73
74
75
76
77
78
79
80
81
&--cards
background-color: $block-pages-card-background
padding-bottom: $grid-gutter
padding-top: $grid-gutter
.pages
> *
@include grid(4)
.page
aspect-ratio: 0.887
background-color: $block-pages-card-page-background
transition: background 0.3s, color 0.3s
&,
a
color: $block-pages-card-page-color
a
transition: text-decoration-color .3s ease, color .3s
.more
@include link
text-decoration-color: $block-pages-card-page-color
> div:first-child
display: flex
flex-direction: column
.title
a
text-decoration: none
+ p:not(.more)
margin-bottom: 1rem
&:hover
background-color: $block-pages-card-page-background-hover
&,
a
color: $block-pages-card-page-color-hover
.more
text-decoration-color: $block-pages-card-page-color-hover
> div:first-of-type
padding: $spacing1
.page
.title
a::before
content: none