UXCoreOSS/src/components/Box/Box.module.scss at 8a8cb736163adcfe61a1786bb742a2d71f45a945 · keepsimpleio/UXCoreOSS · 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
.content {
  position: fixed;
  bottom: 15px;
  right: 15px;
  position: -webkit-fixed;
  height: auto;
  width: 100%;
  max-width: 450px;
  background-color: #fff;
  z-index: 45;
  border-radius: 8px;
  box-shadow:
    0px 8px 17px 0px rgba(0, 0, 0, 0.05),
    0px 30px 30px 0px rgba(0, 0, 0, 0.04),
    0px 68px 41px 0px rgba(0, 0, 0, 0.03),
    0px 122px 49px 0px rgba(0, 0, 0, 0.01),
    0px 190px 53px 0px rgba(0, 0, 0, 0);

  .header {
    border-bottom: 1px solid #d9d9d9;
    width: 100%;
    justify-content: space-between;
    padding-top: 13px;
    padding-bottom: 8px;
    display: flex;
    align-items: center;

    .title {
      padding: 10px;
      font-size: 16px;
      color: #28587b;
    }
  }

  .closeBtn {
    padding-right: 15px;
    cursor: pointer;
  }

  .txt {
    padding: 5px 15px;
    font-size: 16px;
    line-height: 150%;
    color: #252626;
  }

  .btnWrapper {
    display: flex;
    justify-content: flex-end;
    gap: 15px;
    padding-right: 15px;
    padding-bottom: 15px;
  }
}

.hyLang {
  * {
    font-family: 'NotoSansArmenian-Regular', sans-serif;
  }
}

@media (max-width: 500px) {
  .content {
    right: unset;
    margin: 0 15px;
    max-width: unset;
    width: unset;
  }
}