ben
/
bitshift
miroir de https://github.com/earwig/bitshift
1
1
Bifurcation 0
Code Versions 1 Activité
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.
334 Révisions
2 Branches
4.1 MiB
 
 
 
 
 
 
Aborescence: 109504666e
Branches Tags
${ item.name }
Créer la branche ${ searchTerm }
de '109504666e'
${ noResults }
bitshift/static/sass/about.sass

125 lignes
2.4 KiB
Brut Annotations Historique 

  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: 600px

  22.         top: -300px

  23. 

  24.     &#img-2

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

  26.         background-size: cover

  27.         height: $img-height + 300

  28.         top: 450px

  29. 

  30.     &#img-3

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

  32.         background-size: cover

  33.         height: $img-height + 300

  34.         top: 1250px

  35. 

  36.     &#img-4

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

  38.         background-size: cover

  39.         height: $img-height + 400

  40.         top: 2500px

  41. 

  42. div.section

  43.     background-color: white

  44.     border: 1px solid $baseColor2

  45.     margin-bottom: 200px

  46.     margin-top: 300px

  47.     padding-bottom: 50px

  48.     padding-top: 20px

  49.     overflow: hidden

  50. 

  51.     &#top

  52.         margin-top: 0px

  53. 

  54.     div.centered

  55.         font-size: 110%

  56.         line-height: 150%

  57.         margin-left: auto

  58.         margin-right: auto

  59.         min-width: 500px

  60.         width: 65%

  61. 

  62.         &#how

  63.             b

  64.                 font-family: monospace

  65.                 font-size: 110%

  66. 

  67.             ul

  68.                 list-style: none

  69. 

  70.                 span

  71.                     color: $baseColor1

  72.                     font-weight: bold

  73. 

  74.         h1

  75.             color: $baseColor1

  76. 

  77.             span

  78.                 color: $baseColor2

  79. 

  80.         a

  81.             color: #727070

  82.             font-style: italic

  83.             text-decoration: none

  84. 

  85.             &:hover

  86.                 @extend .t3

  87. 

  88.                 color: #575757

  89. 

  90.         span#title

  91.             color: $baseColor1

  92.             font-weight: bold

  93. 

  94. div.person

  95.     font-size: 80%

  96.     overflow: hidden

  97. 

  98.     &#top

  99.         margin-top: 40px

  100. 

  101.     >div

  102.         $image-min-width: 100px

  103. 

  104.         display: inline-block

  105.         height: 100%

  106.         margin-bottom: 40px

  107.         vertical-align: top

  108. 

  109.         &.photo

  110.             margin-right: 40px

  111.             width: $image-min-width

  112. 

  113.             img

  114.                 display: block

  115.                 height: $image-min-width

  116.                 width: $image-min-width

  117. 

  118.         &.bio

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

  120.             width: 70%

  121. 

  122.             h1

  123.                 font-size: 130%

  124.                 margin: 0