Boostnote/browser/finder/StorageSection.styl at master · csseditor/Boostnote · GitHub

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
66
67
68
69
70
71
72
73
74
75
76
77
78
79
80
81
82
83
84
85
.root
  position relative

.header
  height 26px
.header-toggleButton
  absolute top left
  width 25px
  height 26px
  navButtonColor()
  border none
  outline none
.header-name
  display block
  height 26px
  navButtonColor()
  padding 0 10px 0 25px
  font-size 14px
  width 100%
  text-align left
  line-height 26px
  box-sizing border-box
  cursor pointer
  outline none

.header-name--active
  @extend .header-name
  background-color $ui-button--active-backgroundColor
  color $ui-button--active-color
  &:hover
    background-color $ui-button--active-backgroundColor

.folderList-item
  display block
  width 100%
  height 26px
  navButtonColor()
  padding 0 10px 0 25px
  font-size 14px
  width 100%
  text-align left
  line-height 26px
  box-sizing border-box
  cursor pointer
  outline none
  padding 0 10px
  margin 2px 0
  height 26px
  line-height 26px
  border-width 0 0 0 6px
  border-style solid
  border-color transparent

.folderList-item--active
  @extend .folderList-item
  background-color $ui-button--active-backgroundColor
  color $ui-button--active-color
  &:hover
    background-color $ui-button--active-backgroundColor

body[data-theme="dark"]
  .header-toggleButton
    navDarkButtonColor()
  .header-name
    navDarkButtonColor()

  .header-name--active
    @extend .header-name
    background-color $ui-button--active-backgroundColor
    color $ui-button--active-color
    &:hover
      background-color $ui-button--active-backgroundColor

  .folderList-item
    navDarkButtonColor()
    border-width 0 0 0 6px
    border-style solid
    border-color transparent

  .folderList-item--active
    @extend .folderList-item
    background-color $ui-button--active-backgroundColor
    color $ui-button--active-color
    &:hover
      background-color $ui-button--active-backgroundColor