123456789101112131415161718192021222324252627282930313233343536373839404142434445464748495051525354 |
- // Deals with article-specific layouts
-
- @import ../colours
-
- article
-
- & + article
- padding-top: 50px
- border-top: 4px double $gray
- margin-top: 50px
-
- header p
- position: relative
- margin: -1em 0 1.5em 0
- color: $gray
- font-size: 1.25em
- line-height: 1.5em
-
- img
- max-width: 100%
-
- img + p
- margin-top: 1.5em
-
- p a
- color: $link-color
- text-decoration-color: $link-underline-color
- text-decoration-skip-ink: auto
- font-weight: bold
- transition: all 0.1s linear
-
- &:visited
- color: $visited-link-color
- text-decoration-color: $visited-link-underline-color
-
- &:hover, &:focus
- color: $active-link-color
- text-decoration-color: $active-link-underline-color
-
- .readmore
- text-align: right
-
- a
- display: inline-block
- background-color: $dark-gray
- border-radius: 2em
- color: #fff
- padding: 0.5em 2em
- text-decoration: none
- transition: background-color 0.1s linear
-
-
- &:hover
- background-color: $cyan
|