Skip to content
Snippets Groups Projects
contact.sass 1.22 KiB
Newer Older
sebousan's avatar
sebousan committed
.block-contact
alexisben's avatar
alexisben committed
    @include in-page-without-sidebar
sebousan's avatar
sebousan committed
        @include media-breakpoint-up(md)
            .block-content
                display: flex
                address,
                ul
                    width: col(6)

    ul
alexisben's avatar
alexisben committed
        @include list-reset
sebousan's avatar
sebousan committed
        li
alexisben's avatar
alexisben committed
            border-bottom: 1px solid $color-border
sebousan's avatar
sebousan committed
            display: flex
            flex-wrap: wrap
            padding-bottom: calc(#{$line-height-base/2}rem + 1px)
            padding-top: calc(#{$line-height-base/2}rem + 1px)
            @include media-breakpoint-down(md)
                justify-content: end
                flex-wrap: wrap
                span
                    min-width: 50%
                    &:nth-child(n+2)
                        text-align: right
            @include media-breakpoint-up(md)
                justify-content: space-between
                span
                    min-width: calc(100% / 3)
                span + span
                    text-align: center
                    &:last-child
                        text-align: right
    time + time
sebousan's avatar
sebousan committed
        @include icon("arrow-right", before)
sebousan's avatar
sebousan committed
        &::before
            display: inline-block
sebousan's avatar
sebousan committed
            font-size: px2rem(12)
            padding: 0 px2rem(7) 0 px2rem(3)