A semantic search engine for source code https://bitshift.benkurtovic.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.

about.sass 1.7 KiB

12345678910111213141516171819202122232425262728293031323334353637383940414243444546474849505152535455565758596061626364656667686970717273747576777879808182838485868788
  1. /*
  2. Stylesheet for `templates/about.html`
  3. */
  4. @import mixins
  5. @import variables
  6. div.bg
  7. $img-height: 650px
  8. position: fixed
  9. width: 100%
  10. left: 0
  11. z-index: -1
  12. &#img-1
  13. background: url(../img/about/bg1.png) no-repeat
  14. background-size: cover
  15. height: 400px
  16. top: -210px
  17. &#img-2
  18. background: url(../img/about/bg2.png) no-repeat
  19. height: $img-height + 530
  20. top: 550px
  21. &#img-3
  22. background: url(../img/about/bg3.png) no-repeat
  23. background-size: cover
  24. height: $img-height + 250
  25. top: 1600px
  26. &#img-4
  27. background: url(../img/about/bg4.png) no-repeat
  28. background-size: cover
  29. height: $img-height + 300
  30. top: 5450px
  31. div.section
  32. background-color: white
  33. border: 1px solid $baseColor2
  34. height: 300px
  35. margin-bottom: 200px
  36. margin-top: 300px
  37. padding-bottom: 50px
  38. padding-top: 20px
  39. &#top
  40. margin-top: 0px
  41. div.centered
  42. font-size: 110%
  43. line-height: 150%
  44. margin-left: auto
  45. margin-right: auto
  46. width: 50%
  47. &#how
  48. b
  49. font-family: monospace
  50. font-size: 110%
  51. ul
  52. list-style: none
  53. span
  54. color: $baseColor1
  55. font-weight: bold
  56. h1
  57. color: $baseColor1
  58. span
  59. color: $baseColor2
  60. a
  61. color: #727070
  62. font-style: italic
  63. text-decoration: none
  64. &:hover
  65. @extend .t3
  66. color: #575757
  67. span#title
  68. color: $baseColor1
  69. font-weight: bold