ben
/
bitshift
镜像来自 https://github.com/earwig/bitshift
1
1
複製 0
程式碼 版本發佈 1 Activity
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.
330 Commit
2 分支
78 MiB
 
 
 
 
 
 
目錄樹: ed4bc75f1e
分支列表 標籤列表
${ item.name }
Create branch ${ searchTerm }
from 'ed4bc75f1e'
${ noResults }
bitshift/static/sass/about.sass

124 line
2.4 KiB
原始文件 Blame 文件歷史 

  1. /*

  2.  Stylesheet for `templates/about.html`

  3.  */

  4. 

  5. @import mixins

  6. @import variables

  7. 

  8. $centered-section-min-width: 500px

  9. 

  10. div.bg

  11.     $img-height: 650px

  12. 

  13.     position: fixed

  14.     width: 100%

  15.     left: 0

  16.     z-index: -1

  17. 

  18.     &#img-1

  19.         background: url(../img/about/bg1.png) no-repeat

  20.         background-size: cover

  21.         height: 400px

  22.         top: -210px

  23. 

  24.     &#img-2

  25.         background: url(../img/about/bg2.png) no-repeat

  26.         height: $img-height + 530

  27.         top: 550px

  28. 

  29.     &#img-3

  30.         background: url(../img/about/bg3.png) no-repeat

  31.         background-size: cover

  32.         height: $img-height + 250

  33.         top: 1560px

  34. 

  35.     &#img-4

  36.         background: url(../img/about/bg4.png) no-repeat

  37.         background-size: cover

  38.         height: $img-height + 400

  39.         top: 5280px

  40. 

  41. div.section

  42.     background-color: white

  43.     border: 1px solid $baseColor2

  44.     margin-bottom: 200px

  45.     margin-top: 300px

  46.     padding-bottom: 50px

  47.     padding-top: 20px

  48.     overflow: hidden

  49. 

  50.     &#top

  51.         margin-top: 0px

  52. 

  53.     div.centered

  54.         font-size: 110%

  55.         line-height: 150%

  56.         margin-left: auto

  57.         margin-right: auto

  58.         min-width: 500px

  59.         width: 65%

  60. 

  61.         &#how

  62.             b

  63.                 font-family: monospace

  64.                 font-size: 110%

  65. 

  66.             ul

  67.                 list-style: none

  68. 

  69.                 span

  70.                     color: $baseColor1

  71.                     font-weight: bold

  72. 

  73.         h1

  74.             color: $baseColor1

  75. 

  76.             span

  77.                 color: $baseColor2

  78. 

  79.         a

  80.             color: #727070

  81.             font-style: italic

  82.             text-decoration: none

  83. 

  84.             &:hover

  85.                 @extend .t3

  86. 

  87.                 color: #575757

  88. 

  89.         span#title

  90.             color: $baseColor1

  91.             font-weight: bold

  92. 

  93. div.person

  94.     font-size: 80%

  95.     overflow: hidden

  96. 

  97.     &#top

  98.         margin-top: 40px

  99. 

  100.     >div

  101.         $image-min-width: 100px

  102. 

  103.         display: inline-block

  104.         height: 100%

  105.         margin-bottom: 40px

  106.         vertical-align: top

  107. 

  108.         &.photo

  109.             margin-right: 40px

  110.             width: $image-min-width

  111. 

  112.             img

  113.                 display: block

  114.                 height: $image-min-width

  115.                 width: $image-min-width

  116. 

  117.         &.bio

  118.             min-width: $centered-section-min-width - $image-min-width - 50px

  119.             width: 70%

  120. 

  121.             h1

  122.                 font-size: 130%

  123.                 margin: 0