ben
/
bitshift
mirror of https://github.com/earwig/bitshift
1
1
Fork 0
Code Releases 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.
323 Commits
2 Branches
8.5 MiB
 
 
 
 
 
 
Tree: 26a20687db
Branches Tags
${ item.name }
Create branch ${ searchTerm }
from '26a20687db'
${ noResults }
bitshift/static/sass/about.sass

89 lines
1.7 KiB
Raw Blame History 

  1. /*

  2.  Stylesheet for `templates/about.html`

  3.  */

  4. 

  5. @import mixins

  6. @import variables

  7. 

  8. div.bg

  9.     $img-height: 650px

  10. 

  11.     position: fixed

  12.     width: 100%

  13.     left: 0

  14.     z-index: -1

  15. 

  16.     &#img-1

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

  18.         background-size: cover

  19.         height: 400px

  20.         top: -210px

  21. 

  22.     &#img-2

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

  24.         height: $img-height + 530

  25.         top: 550px

  26. 

  27.     &#img-3

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

  29.         background-size: cover

  30.         height: $img-height + 250

  31.         top: 1600px

  32. 

  33.     &#img-4

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

  35.         background-size: cover

  36.         height: $img-height + 300

  37.         top: 5450px

  38. 

  39. div.section

  40.     background-color: white

  41.     border: 1px solid $baseColor2

  42.     height: 300px

  43.     margin-bottom: 200px

  44.     margin-top: 300px

  45.     padding-bottom: 50px

  46.     padding-top: 20px

  47. 

  48.     &#top

  49.         margin-top: 0px

  50. 

  51.     div.centered

  52.         font-size: 110%

  53.         line-height: 150%

  54.         margin-left: auto

  55.         margin-right: auto

  56.         width: 50%

  57. 

  58.         &#how

  59.             b

  60.                 font-family: monospace

  61.                 font-size: 110%

  62. 

  63.             ul

  64.                 list-style: none

  65. 

  66.                 span

  67.                     color: $baseColor1

  68.                     font-weight: bold

  69. 

  70.         h1

  71.             color: $baseColor1

  72. 

  73.             span

  74.                 color: $baseColor2

  75. 

  76.         a

  77.             color: #727070

  78.             font-style: italic

  79.             text-decoration: none

  80. 

  81.             &:hover

  82.                 @extend .t3

  83. 

  84.                 color: #575757

  85. 

  86.         span#title

  87.             color: $baseColor1

  88.             font-weight: bold