Boostnote/browser/main/modals/PreferencesModal/ConfigTab.styl at 795fe8ae1da7debfecd9e47cace59abfc189edf2 · PaulRosset/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
130
131
132
133
134
135
136
137
138
139
140
141
142
143
144
145
146
147
148
149
150
151
152
153
154
155
156
@import('./Tab')

.root
  padding 15px
  color $ui-text-color
  margin-bottom 30px

.group
  margin-bottom 45px

.group-header
  @extend .header
  color $ui-text-color

.group-header2
  font-size 20px
  color $ui-text-color
  margin-bottom 15px
  margin-top 30px

.group-section
  margin-bottom 20px
  display flex
  line-height 30px

.group-section-label
  width 150px
  text-align left
  margin-right 10px
  font-size 14px

.group-section-control
  flex 1
  margin-left 5px

.group-section-control select
  outline none
  border 1px solid $ui-borderColor
  font-size 16px
  height 30px
  width 250px
  margin-bottom 5px
  background-color transparent

.group-section-control-input
  height 30px
  vertical-align middle
  width 400px
  font-size $tab--button-font-size
  border solid 1px $border-color
  border-radius 2px
  padding 0 5px
  outline none
  &:disabled
    background-color $ui-input--disabled-backgroundColor

.group-checkBoxSection
  margin-bottom 15px
  display flex
  line-height 30px
  padding-left 15px

.group-control
  padding-top 10px
  box-sizing border-box
  height 40px
  text-align right
  :global
    .alert
      display inline-block
      position absolute
      top 60px
      right 15px
      font-size 14px
    .success
      color #1EC38B
    .error
      color red
    .warning
      color #FFA500

.group-control-leftButton
  colorDefaultButton()
  border none
  border-radius 2px
  font-size $tab--button-font-size
  height $tab--button-height
  padding 0 15px
  margin-right 10px

.group-control-rightButton
  position absolute
  top 10px
  right 20px
  colorPrimaryButton()
  border none
  border-radius 2px
  font-size $tab--button-font-size
  height 40px
  width 120px
  padding 0 15px

.group-hint
  border $ui-border
  padding 10px 15px
  margin 15px 0
  border-radius 2px
  background-color $ui-backgroundColor
  color $ui-inactive-text-color
  ul
    list-style inherit
    padding-left 1em
    line-height 1.2
  p
    line-height 1.2

.note-for-keymap
  font-size: 12px

.code-mirror
  width 400px
  height 120px
  margin 5px 0
  font-size 12px

colorDarkControl()
  border-color $ui-dark-borderColor
  background-color $ui-dark-backgroundColor
  color $ui-dark-text-color

body[data-theme="dark"]
  .root
    color $ui-dark-text-color

  .group-header
    color $ui-dark-text-color
    border-color $ui-dark-borderColor

  .group-header2
    color $ui-dark-text-color

  .group-section-control-input
    border-color $ui-dark-borderColor

  .group-control
    border-color $ui-dark-borderColor
  .group-control-leftButton
    colorDarkDefaultButton()
    border-color $ui-dark-borderColor
  .group-control-rightButton
    colorDarkPrimaryButton()
  .group-hint
    colorDarkControl()
  .group-section-control
    select, .group-section-control-input
      colorDarkControl()