summaryrefslogtreecommitdiff
path: root/assets/sass/_input_addon.sass
blob: 6be78fdff8cd60bc86ba2c807f206dfee1c397ae (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
@import mixins

.input-addon
  display: flex

.input-addon-field
  flex: 1
  font-size: size('normal')
  color: color('light')
  margin: 0
  +appearance

.input-addon-item
  background-color: rgba(147, 128, 108, 0.1)
  color: #666
  font: inherit
  font-weight: normal

  @include xs-device
    .dropdown
      .fa-caret-down
        display: none

.input-addon-field, .input-addon-item
  border: 1px solid rgba(147, 128, 108, 0.25)
  padding: 4px 0.75em

  &:not(:first-child)
    border-left: 0

.input-addon-field:first-child, .input-addon-item:first-child
  border-radius: 5px 0 0 5px

.input-addon-field:last-child, .input-addon-item:last-child
  border-radius: 0 5px 5px 0