Simplify transitional files a bit.
[wolnelektury.git] / src / wolnelektury / static / 2022 / styles / base / _global.scss
1 /* ------------------------------
2     Base: Global
3 ------------------------------ */
4
5 *, *:after, *:before {
6   box-sizing: border-box;
7 }
8
9 :focus {
10   outline: $color-black auto 2px;
11   outline-offset: 2px;
12 }
13
14 html,
15 body {
16   -webkit-overflow-scrolling: auto;
17 }
18
19 body {
20   color: $color-black;
21   background-color: $color-white;
22   overflow-x: hidden;
23
24   &.popup-open {
25     overflow-y: hidden;
26     height: 100vh;
27   }
28
29   &.using-mouse {
30     *:focus {
31       outline: 0 !important;
32     }
33   }
34 }
35
36 .visibility-hidden {
37   visibility: hidden !important;
38 }
39
40 .simpleParallax {
41   width: 100%;
42   display: flex;
43   align-items: center;
44   justify-content: center;
45 }