Skip to content
Snippets Groups Projects
key_figures.sass 1.79 KiB
Newer Older
Olivia206's avatar
Olivia206 committed
.block-key_figures
alexisben's avatar
alexisben committed
    .top
        margin-bottom: 0
Olivia206's avatar
Olivia206 committed
    ul
alexisben's avatar
alexisben committed
        @include list-reset
alexisben's avatar
alexisben committed
        @include in-page-with-sidebar
alexisben's avatar
alexisben committed
            @include grid(2, desktop)
        &.even-items
            @include grid(2)
            @include grid(4, desktop)
        &.odd-items
            @include grid(3, desktop)
alexisben's avatar
alexisben committed
    .top + ul
        margin-top: $spacing2
    @include media-breakpoint-down(desktop)
alexisben's avatar
alexisben committed
        li + li
            margin-top: $spacing2
Olivia206's avatar
Olivia206 committed
    dl
        margin-bottom: 0
alexisben's avatar
alexisben committed
        margin-top: 0
Olivia206's avatar
Olivia206 committed
        dt
alexisben's avatar
alexisben committed
            white-space: nowrap
alexisben's avatar
alexisben committed
            font-family: $heading-font-family
alexisben's avatar
alexisben committed
            font-size: $block-key_figures-font-size
alexisben's avatar
alexisben committed
            font-weight: $heading-font-weight
            font-weight: bold
            line-height: 1
Olivia206's avatar
Olivia206 committed
            strong
                display: inline-block
alexisben's avatar
alexisben committed
                font-size: $block-key_figures-number-font-size
alexisben's avatar
alexisben committed
                margin-inline-end: 0.1em
alexisben's avatar
alexisben committed
            @include media-breakpoint-up(md)
alexisben's avatar
alexisben committed
                font-size: $block-key_figures-font-size-desktop
alexisben's avatar
alexisben committed
                strong
alexisben's avatar
alexisben committed
                    font-size: $block-key_figures-number-font-size-desktop
alexisben's avatar
alexisben committed
            @include media-breakpoint-up(lg)
                font-size: $block-key_figures-font-size-lg
                strong
                    font-size: $block-key_figures-number-font-size-lg
            @include media-breakpoint-up(xl)
                font-size: $block-key_figures-font-size-xl
                strong
                    font-size: $block-key_figures-number-font-size-xl
            @include media-breakpoint-up(xxl)
                font-size: $block-key_figures-font-size-xxl
                strong
                    font-size: $block-key_figures-number-font-size-xxl
Olivia206's avatar
Olivia206 committed
        dd
            margin-bottom: 0
            margin-left: 0
alexisben's avatar
alexisben committed
        dt + dd
            margin-top: $spacing0