Blame view

public/scss/_global.scss 1.62 KB
b80175387   Андрей Ларионов   Начальный проект ...
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
  html {
      // scrollbar-color: #02377B transparent;
      // scrollbar-width: thin;
  }
  
  // ::-webkit-scrollbar {
  //     width: 8px;
  //     background-color: transparent;
  // }
  
  // ::-webkit-scrollbar-thumb {
  //     background-color: #02377B;
  //     border-radius: 8px;
  
  //     @media (min-width: 1200px) {
  //         background-color: rgba(#02377B, .5);
  //     }
  // }
  
  // ::-webkit-scrollbar-thumb:hover {
  //     @media (min-width: 1200px) {
  //         background-color: rgba(#02377B, 1);
  //     }
  // }
  
  *,
  *::before,
  *::after {
      box-sizing: border-box;
      -webkit-tap-highlight-color: rgba(0, 0, 0, 0);
  }
  
  body {
      font-family: 'Montserrat', sans-serif;
      color: #000000;
      font-size: 16px;
      font-weight: 400;
      letter-spacing: -0.01em; 
  }
  
  
  
  h1,
  h2,
  h3,
  h4,
  h5,
  h6,
  p,
  ul,
  ol,
  li {
      margin: 0;
      padding: 0;
  }
  
  li {
      list-style: none;
  }
  
  img {
      display: block;
  }
  
  a {
      display: inline-block;
      color: inherit;
      text-decoration: none;
  }
  
  button {
      padding: 0;
      border: none;
      color: inherit;
      background-color: transparent;
      cursor: pointer;
  }
  
  .container {
  	max-width: 1350px;
  	padding: 0 15px;
  	margin: 0 auto;
  }
  
  html,
  body {
      height: 100%;
  }
  
  .wrapper {
      display: flex;
      flex-direction: column;
      min-height: 100%;
      overflow-x: hidden;
  }
  
  main {
      flex: 1 1 auto;
  }
  
  input,
  textarea {
      outline: transparent;
      &::placeholder {
          transition: .3s;
      }
  
      &:focus::placeholder {
          opacity: 0;
      }
  }
  
  .visually-hidden {
      position: absolute;
      width: 1px;
      height: 1px;
      margin: -1px;
      padding: 0;
      overflow: hidden;
      border: 0;
      clip: rect(0 0 0 0);
  }