summaryrefslogtreecommitdiff
path: root/src/components/simulations/SimulationAuthList.sass
blob: b09c7869e2b5a93c9409f7a07288f9c7d414a08b (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
48
49
50
51
52
53
@import ../../style-globals/_mixins.sass
@import ../../style-globals/_variables.sass

.simulation-icons
  text-align: right

.simulation-icons div, .simulation-icons a
  display: inline-block
  width: 35px
  height: 35px
  margin-right: 5px
  padding: 5px
  font-size: 12pt
  color: white
  +border-radius(100%)
  +clickable
  +transition(background, $transition-length)

  span
    position: relative
    left: -6px

  background-color: $blue-dark

  &.open
    $icon-color: #0a00bf

    &:hover
      background: lighten($icon-color, 10%)

    &:active
      background: darken($icon-color, 10%)

  &.users
    $icon-color: #17bf55

    span
      left: -3px

    &:hover
      background: $icon-color

    &:active
      background: darken($icon-color, 10%)

  &.delete
    $icon-color: #e3474d

    &:hover
      background: $icon-color

    &:active
      background: darken($icon-color, 10%)