diff options
Diffstat (limited to 'assets/scss/components/_section.scss')
-rw-r--r-- | assets/scss/components/_section.scss | 30 |
1 files changed, 30 insertions, 0 deletions
diff --git a/assets/scss/components/_section.scss b/assets/scss/components/_section.scss new file mode 100644 index 0000000..e93846b --- /dev/null +++ b/assets/scss/components/_section.scss @@ -0,0 +1,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; + } + } +} |