public
/
chameth.com
Watch 1
Star 0
Fork 0
Code Issues 0 Pull Requests 0 Releases 0 Wiki Activity
My public website https://www.chameth.com/
You can not select more than 25 topics Topics must start with a letter or number, can include dashes ('-') and can be up to 35 characters long.
153 Commits
2 Branches
Tree: d09088d496
Branches Tags
${ item.name }
Create branch ${ searchTerm }
from 'd09088d496'
${ noResults }
chameth.com/site/assets/style/modules/_articles.sass

_articles.sass 1002B
History Raw

123456789101112131415161718192021222324252627282930313233343536373839404142434445464748495051525354 
  1. // Deals with article-specific layouts

  2. 

  3. @import ../colours

  4. 

  5. article

  6. 

  7.   & + article

  8.     padding-top: 50px

  9.     border-top: 4px double $gray

  10.     margin-top: 50px

  11. 

  12.   header p

  13.     position: relative

  14.     margin: -1em 0 1.5em 0

  15.     color: $gray

  16.     font-size: 1.25em

  17.     line-height: 1.5em

  18. 

  19.   img

  20.     max-width: 100%

  21. 

  22.   img + p

  23.     margin-top: 1.5em

  24. 

  25.   p a

  26.     color: $link-color

  27.     text-decoration-color: $link-underline-color

  28.     text-decoration-skip-ink: auto

  29.     font-weight: bold

  30.     transition: all 0.1s linear

  31. 

  32.     &:visited

  33.       color: $visited-link-color

  34.       text-decoration-color: $visited-link-underline-color

  35. 

  36.     &:hover, &:focus

  37.       color: $active-link-color

  38.       text-decoration-color: $active-link-underline-color

  39. 

  40. .readmore

  41.   text-align: right

  42. 

  43.   a

  44.     display: inline-block

  45.     background-color: $dark-gray

  46.     border-radius: 2em

  47.     color: #fff

  48.     padding: 0.5em 2em

  49.     text-decoration: none

  50.     transition: background-color 0.1s linear

  51. 

  52. 

  53.     &:hover

  54.       background-color: $cyan