~xdavidwu/xdavidwu.link

ref: b0025c78c21ba9c215ab6a4ec063c1a75f6afe29 xdavidwu.link/_sass/minimal-mistakes/_noscript.scss -rw-r--r-- 875 bytes
b0025c78xdavidwu sass: dim background on popups, unify impl 1 year, 7 months ago
                                                                                
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
.no-js {
  .greedy-nav {
    .visible-links {
      flex-wrap: wrap;
    }
    .search__toggle {
      display: none;
    }
  }
}

input#follow-button:checked + label + ul.author__urls {
  display: block;
}

input#follow-button {
  display: none;
}

input#darkmode, input#lightmode {
  display: none;
}

.greedy-nav__toggle:before, input#follow-botton:checked + label:before {
  @supports (pointer-events: none) {
    content: '';
    position: fixed;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    opacity: 0;
    transition: $global-transition;
    pointer-events: none;
    background: $background-color;
  }
}

.greedy-nav__toggle.close:before, input#follow-button:checked + label:before {
  opacity: 0.9;
  pointer-events: auto;
}

label[for="darkmode"], label[for="lightmode"] {
  position: absolute;
  z-index: 1000;
  bottom: 1.75em;
  right: 1em;
}