flash.scss 1.57 KB
Newer Older
Dmitriy Zaporozhets's avatar
Dmitriy Zaporozhets committed
1 2 3
.flash-container {
  cursor: pointer;
  margin: 0;
4
  margin-bottom: $gl-padding;
Dmitriy Zaporozhets's avatar
Dmitriy Zaporozhets committed
5
  font-size: 14px;
6 7
  position: relative;
  z-index: 1;
Dmitriy Zaporozhets's avatar
Dmitriy Zaporozhets committed
8

9 10 11 12 13 14 15 16 17 18 19 20 21
  .flash-notice,
  .flash-alert,
  .flash-success,
  .flash-warning {
    border-radius: $border-radius-default;
    color: $white-light;

    .container-fluid,
    .container-fluid.container-limited {
      background: transparent;
    }
  }

Dmitriy Zaporozhets's avatar
Dmitriy Zaporozhets committed
22
  .flash-notice {
Dmitriy Zaporozhets's avatar
Dmitriy Zaporozhets committed
23
    @extend .alert;
24
    background-color: $blue-500;
25
    margin: 0;
26 27 28 29 30 31

    &.flash-notice-persistent {
      background-color: $blue-100;
      color: $gl-text-color;

      a {
32
        color: $blue-600;
33 34

        &:hover {
35
          color: $blue-800;
36 37 38 39
          text-decoration: none;
        }
      }
    }
Dmitriy Zaporozhets's avatar
Dmitriy Zaporozhets committed
40 41
  }

42 43
  .flash-warning {
    @extend .alert;
44 45
    background-color: $orange-100;
    color: $orange-900;
46
    cursor: default;
47 48 49
    margin: 0;
  }

50 51 52 53 54
  .flash-text,
  .flash-action {
    display: inline-block;
  }

Dmitriy Zaporozhets's avatar
Dmitriy Zaporozhets committed
55
  .flash-alert {
Dmitriy Zaporozhets's avatar
Dmitriy Zaporozhets committed
56
    @extend .alert;
57
    background-color: $red-500;
58
    margin: 0;
59

60
    .flash-action {
61 62
      margin-left: 5px;
      text-decoration: none;
63
      font-weight: $gl-font-weight-normal;
64 65 66 67 68 69
      border-bottom: 1px solid;

      &:hover {
        border-color: transparent;
      }
    }
Dmitriy Zaporozhets's avatar
Dmitriy Zaporozhets committed
70
  }
71

72 73
  .flash-success {
    @extend .alert;
74
    background-color: $green-500;
75 76 77
    margin: 0;
  }

78 79 80
  &.flash-container-page {
    margin-bottom: 0;

81
    .flash-notice,
82 83
    .flash-alert,
    .flash-success {
84 85 86
      border-radius: 0;
    }
  }
87 88 89 90

  &:empty {
    margin: 0;
  }
91 92
}

Clement Ho's avatar
Clement Ho committed
93
@include media-breakpoint-down(sm) {
94 95 96 97 98
  ul.notes {
    .flash-container.timeline-content {
      margin-left: 0;
    }
  }
Dmitriy Zaporozhets's avatar
Dmitriy Zaporozhets committed
99
}