summaryrefslogtreecommitdiff
path: root/assets/sass/_header.sass
blob: 7e778fbf73a8aa1a33aa6a71176f36efaaedf75c (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
@import variables
@import mixins

header
  display: flex
  flex-wrap: wrap
  padding: 5px 10px
  margin-bottom: 5px
  border-bottom: 1px solid #dedede
  background-color: #fbfbfb

  .title-container
    flex: 1
    min-width: 300px
    @include xs-device
      order: 3

  .board-selector-container
    min-width: 320px
    display: flex
    align-items: center
    @include xs-device
      order: 2
      min-width: 300px
      input[type=text]
        max-width: 280px

  .menus-container
    min-width: 120px
    display: flex
    align-items: center
    justify-content: flex-end
    @include xs-device
      order: 1
      margin-bottom: 5px
      margin-left: auto

  h1
    font-size: size('title')
    .tooltip
      opacity: 0.3
      font-size: size('tiny')

a i.web-notification-icon
  color: link-color('primary')
  &:focus, &:hover
    color: color('dark')