A semantic search engine for source code https://bitshift.benkurtovic.com/
Vous ne pouvez pas sélectionner plus de 25 sujets Les noms de sujets doivent commencer par une lettre ou un nombre, peuvent contenir des tirets ('-') et peuvent comporter jusqu'à 35 caractères.

about.sass 2.4 KiB

123456789101112131415161718192021222324252627282930313233343536373839404142434445464748495051525354555657585960616263646566676869707172737475767778798081828384858687888990919293949596979899100101102103104105106107108109110111112113114115116117118119120121122123124
  1. /*
  2. Stylesheet for `templates/about.html`
  3. */
  4. @import mixins
  5. @import variables
  6. $centered-section-min-width: 500px
  7. div.bg
  8. $img-height: 650px
  9. position: fixed
  10. width: 100%
  11. left: 0
  12. z-index: -1
  13. &#img-1
  14. background: url(../img/about/bg1.png) no-repeat
  15. background-size: cover
  16. height: 600px
  17. top: -300px
  18. &#img-2
  19. background: url(../img/about/bg2.png) no-repeat
  20. background-size: cover
  21. height: $img-height + 300
  22. top: 450px
  23. &#img-3
  24. background: url(../img/about/bg3.png) no-repeat
  25. background-size: cover
  26. height: $img-height + 300
  27. top: 1250px
  28. &#img-4
  29. background: url(../img/about/bg4.png) no-repeat
  30. background-size: cover
  31. height: $img-height + 400
  32. top: 2500px
  33. div.section
  34. background-color: white
  35. border: 1px solid $baseColor2
  36. margin-bottom: 200px
  37. margin-top: 300px
  38. padding-bottom: 50px
  39. padding-top: 20px
  40. overflow: hidden
  41. &#top
  42. margin-top: 0px
  43. div.centered
  44. font-size: 110%
  45. line-height: 150%
  46. margin-left: auto
  47. margin-right: auto
  48. min-width: 500px
  49. width: 65%
  50. &#how
  51. b
  52. font-family: monospace
  53. font-size: 110%
  54. ul
  55. list-style: none
  56. span
  57. color: $baseColor1
  58. font-weight: bold
  59. h1
  60. color: $baseColor1
  61. span
  62. color: $baseColor2
  63. a
  64. color: #727070
  65. font-style: italic
  66. text-decoration: none
  67. &:hover
  68. @extend .t3
  69. color: #575757
  70. span#title
  71. color: $baseColor1
  72. font-weight: bold
  73. div.person
  74. font-size: 80%
  75. overflow: hidden
  76. &#top
  77. margin-top: 40px
  78. >div
  79. $image-min-width: 100px
  80. display: inline-block
  81. height: 100%
  82. margin-bottom: 40px
  83. vertical-align: top
  84. &.photo
  85. margin-right: 40px
  86. width: $image-min-width
  87. img
  88. display: block
  89. height: $image-min-width
  90. width: $image-min-width
  91. &.bio
  92. min-width: $centered-section-min-width - $image-min-width - 50px
  93. width: 70%
  94. h1
  95. font-size: 130%
  96. margin: 0