summaryrefslogtreecommitdiff
path: root/themes/theme/source/css/page/search.styl
blob: 88233cef76365f38475945e7df2b6b0d797857eb (plain)
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
35
36
37
38
39
40
41
42
43
44
45
46
47
48
49
50
51
52
53
54
55
56
57
58
59
60
61
62
63
64
65
// Search page styles

.search-page
  max-width 720px
  margin 0 auto
  padding $margin-l-0 $margin-m-1

.search-input-container
  margin-bottom $margin-l-0

.search-input
  width 100%
  padding $margin-m-1 $margin-m-2
  font-size $font-size-body
  border $line-third solid $color-border
  border-radius $margin-s-2
  background $color-background
  font-family $font-family
  font-weight 400

  &:focus
    outline none
    border-color $color-accent

.search-result-container
  min-height 200px

.search-result-message
  color $color-text-secondary
  padding $margin-l-0 0
  text-align center

.search-result-list
  list-style none
  padding 0
  margin 0

.search-result-item
  padding $margin-m-1 0
  border-bottom $line-third solid $color-border

  &:last-child
    border-bottom none

  // LocalSearch generates HTML with these classes
  .search-result-title
    margin-bottom $margin-s-2
    font-size $font-size-heading-h4

    a
      color $color-accent
      text-decoration none

      &:hover
        text-decoration underline

  .search-result
    text-style(body-default)
    color $color-text-primary
    margin-top $margin-s-2
    margin-bottom 0

  mark
    color $color-text-primary
    background-color $color-search-marker