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.
106 Commits
2 Branches
4.1 MiB
 
 
 
 
 
 
Tree: b6be2b94ad
Branches Tags
${ item.name }
Create branch ${ searchTerm }
from 'b6be2b94ad'
${ noResults }
bitshift/static/sass/index.sass

116 lines
2.2 KiB
Raw Blame History 

  1. /*

  2.  Stylesheet for index.html.

  3.  */

  4. 

  5. @import mixins

  6. @import variables

  7. 

  8. @font-face

  9.     font-family: "Inconsolata"

  10.     src: url("../../Inconsolata.otf") format("opentype")

  11. 

  12. div#search-field

  13.     @extend .t2

  14. 

  15.     bottom: 0

  16.     height: 50%

  17.     left: 0

  18.     margin: auto

  19.     margin-top: 15%

  20.     max-height: 100px

  21.     position: absolute

  22.     right: 0

  23.     top: 0

  24.     width: 34%

  25. 

  26.     #title

  27.         font-size: 4em

  28.         padding-bottom: 0.5em

  29.         text-align: center

  30. 

  31.         #title-bit

  32.             color: $baseColor1

  33. 

  34.         #title-angle

  35.             color: $baseColor3

  36. 

  37.         #title-shift

  38.             color: $baseColor2

  39.             font-style: italic

  40. 

  41.     form#search-bar

  42. 

  43.         input[type="text"]

  44.             @include vendor(box-sizing, border-box)

  45. 

  46.             border: 1px solid $baseColor1

  47.             font-size: 1.1em

  48.             margin-bottom: 0px

  49.             padding: 6px

  50.             width: 100%

  51. 

  52.         div#advanced-search

  53.             display: none

  54.             background-color: white

  55.             border: 1px solid $baseColor2

  56.             margin: 0px

  57.             overflow: auto

  58. 

  59.             >div

  60.                 @include vendor(box-sizing, border-box)

  61. 

  62.                 float: left

  63.                 height: 100%

  64. 

  65.             >#col1

  66.                 width: 10%

  67. 

  68.             >#col2

  69.                 width: 84%

  70. 

  71.                 ul

  72.                     list-style: none

  73. 

  74.                     li

  75.                         margin-bottom: 0.5em

  76. 

  77.                         label

  78.                             display: block

  79.                             font-size: 1.1em

  80. 

  81.                 input[type="text"]

  82.                     border-color: $baseColor3

  83.                     font-size: 1em

  84.                     padding: 2px

  85.                     width: 100%

  86. 

  87.                 #upper-half

  88.                     >div

  89.                         float: left

  90.                         width: 50%

  91. 

  92.     &.partly-visible

  93.         height: 1%

  94.         margin-top: 3%

  95.         width: 60%

  96. 

  97.         #title

  98.             display: none

  99. 

  100. div#results

  101.     margin-left: auto

  102.     margin-right: auto

  103.     width: 80%

  104. 

  105.     div.result

  106.         background-color: none

  107.         font-family: Arial, "Inconsolata"

  108.         margin-bottom: 10%

  109.         margin-top: 1%

  110.         padding: 1%

  111. 

  112.         &.cascade

  113.             @extend .t3

  114. 

  115.             margin-bottom: 0%