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

    ul
        list-style: none
        margin-bottom: 0
        padding-left: 0
        li
sebousan's avatar
sebousan committed
            border-bottom: 1px solid $main-border-color
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)