Boostnote/browser/styles/finder/index.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
86
87
88
89
90
91
92
93
94
95
96
97
98
99
100
101
102
103
104
105
106
107
108
109
110
111
112
113
114
115
116
117
118
119
120
121
122
123
124
125
126
127
128
129
@import '../../../node_modules/nib/lib/nib'
@import '../vars'
@import '../mixins/*'
global-reset()
@import '../shared/*'
@import '../theme/*'

iptBgColor = #E6E6E6
iptFocusBorderColor = #369DCD

DEFAULT_FONTS = 'Lato', 'MS Gothic', 'Malgun Gothic', 'Sans-serif'

body
  font-family DEFAULT_FONTS
  color textColor
  font-size fontSize
  width 100%
  height 100%
  overflow hidden
button, input
  font-family DEFAULT_FONTS

.Finder
  absolute top bottom left right
  .FinderInput
    padding 11px
    margin 0 auto
    height 55px
    box-sizing border-box
    border-bottom solid 1px borderColor
    background-color iptBgColor
    z-index 200
    input
      display block
      width 100%
      border solid 1px borderColor
      padding 0 10px
      font-size 1em
      height 33px
      border-radius 5px
      box-sizing border-box
      border-radius 5px
      &:focus, &.focus
        border-color iptFocusBorderColor
        outline none
  .FinderList
    absolute left bottom
    top 55px
    border-right solid 1px borderColor
    box-sizing border-box
    width 250px
    overflow-y auto
    z-index 0
    user-select none
    &>ul>li
      .articleItem
        padding 10px
        border solid 2px transparent
        box-sizing border-box
        cursor pointer
        white-space nowrap
        overflow-x hidden
        text-overflow ellipsis
      .divider
        box-sizing border-box
        border-bottom solid 1px borderColor
      &.active
        .articleItem
          border-color brandColor

  .FinderDetail
    absolute right bottom
    top 55px
    left 250px
    box-shadow 0px 0px 10px 0 #CCC
    z-index 100
    .header
      absolute top left right
      height 55px
      box-sizing border-box
      padding 0 10px
      border-bottom solid 1px borderColor
      line-height 55px
      font-size 18px
      white-space nowrap
      text-overflow ellipsis
      overflow-x hidden
      clearfix()
      .left
        float left
      .right
        float right
        button
          border-radius 16.5px
          cursor pointer
          height 33px
          width 33px
          border none
          margin-right 5px
          font-size 18px
          color inactiveTextColor
          background-color transparent
          padding 0
          .tooltip
            tooltip()
          &.clipboardBtn .tooltip
            margin-left -160px
            margin-top 25px
          &:hover
            color textColor
            .tooltip
              opacity 1
    .content
      position absolute
      top 55px
      padding 10px
      bottom 0
      left 0
      right 0
      box-sizing border-box
      overflow-y auto
      .MarkdownPreview
        marked()
        &.empty
          color lighten(inactiveTextColor, 10%)
          user-select none
          font-size 14px
      .CodeEditor
        absolute top bottom left right