Skip to content
Snippets Groups Projects
papers.sass 3.09 KiB
Newer Older
sebousan's avatar
sebousan committed
.paper
alexisben's avatar
alexisben committed
    @include article
Olivia206's avatar
Olivia206 committed
    a
        text-decoration-color: transparent
        transition: color 0.3s ease
sebousan's avatar
sebousan committed

.papers
    article
        @include media-breakpoint-up(desktop)
            @include grid
        + article
            margin-top: $spacing2
Olivia206's avatar
Olivia206 committed
            @include media-breakpoint-up(desktop)
                margin-top: $spacing3
        > div
            &:first-of-type
Olivia206's avatar
Olivia206 committed
                grid-column: 1 / 7
            &:last-of-type
Olivia206's avatar
Olivia206 committed
                grid-column: 7 / 12
                @include grid(2, desktop)
                @include media-breakpoint-down(desktop)
                    margin-top: $spacing1
                @include media-breakpoint-up(desktop)
                    align-items: start
                a, button
                    @include meta
                    @include button-reset
                    align-items: center
                    cursor: pointer
                    display: flex
                    padding: 0
                    &::before 
                        background-color: white
                        border: 1px solid $color-border
                        margin-right: $spacing0
                        padding: half($spacing0)
                        transition: background 0.3s ease, border 0.3s ease
                        @include media-breakpoint-up(desktop)
                            margin-right: $spacing1
                    &:hover
                        text-decoration: none
                        &::before
                            background-color: $color-text
                            border-color: transparent
                            color: $color-background
                button
                    @include icon-block(eye, before)
                a
                    @include icon-block(download, before)
                @include media-breakpoint-down(desktop)
                    * + *
                        margin-top: $spacing0
Olivia206's avatar
Olivia206 committed
                color: $color-accent
        .paper-volume
            @include meta
Olivia206's avatar
Olivia206 committed
            text-transform: lowercase
Olivia206's avatar
Olivia206 committed
            a
                @include link($color-text)
Olivia206's avatar
Olivia206 committed
                text-transform: none
            span
                text-transform: uppercase
Olivia206's avatar
Olivia206 committed
.papers__page
    .document-content
        .container
            @include media-breakpoint-up(desktop)
                @include grid
            .content
                @include media-breakpoint-up(desktop)
                    grid-column: 1 / 9
                section + section
                    margin-top: $spacing2
                    @include media-breakpoint-up(desktop)
                        margin-top: $spacing4
                .paper-authors
                    h2
                        @include h3
                    .authors
                        @include grid(2, desktop)
                        article
                            margin-top: $spacing2
                            .name
                                a
                                    @include h4
                                    @include stretched-link(before)
                                    text-decoration: none