assets/scss/components/_section.scss


1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30

.section {
    display: block;
    margin-bottom: 2rem;

    &__heading {
        width: 100%;
        overflow: hidden;
    }

    &__title {
        position: relative;

        &::after {
            content: '';
            position: absolute;
            border-top: 1px solid;
            border-bottom: 1px solid;
            border-color: $color-secondary;
            width: 50rem;
            height: 4px;
            margin-left: 1.5rem;
            margin-top: 1.5rem;
            transition: all 0.5s ease-in-out;
        }

        &:hover::after {
            border-color: $color-primary;
        }
    }
}