~xdavidwu/xdavidwu.link

b0025c78c21ba9c215ab6a4ec063c1a75f6afe29 — xdavidwu 2 years ago e5f3d5e
sass: dim background on popups, unify impl
M _sass/minimal-mistakes/_colors.scss => _sass/minimal-mistakes/_colors.scss +0 -6
@@ 544,12 544,6 @@ td {
  background: transparent;
}

.greedy-nav__toggle {
  &:before {
    background: $background-color;
  }
}

.greedy-nav__toggle:hover {
  .navicon,
  .navicon:before,

M _sass/minimal-mistakes/_noscript.scss => _sass/minimal-mistakes/_noscript.scss +15 -15
@@ 21,24 21,24 @@ input#darkmode, input#lightmode {
  display: none;
}

input#follow-button + label {
  &:before {
    @supports (pointer-events: none) {
      content: '';
      position: fixed;
      top: 0;
      left: 0;
      width: 100%;
      height: 100%;
      pointer-events: 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;
  }
}

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

label[for="darkmode"], label[for="lightmode"] {

M _sass/minimal-mistakes/_sidebar.scss => _sass/minimal-mistakes/_sidebar.scss +0 -18
@@ 196,24 196,6 @@
    position: relative;
    margin-bottom: 0;

    &:before {
      @supports (pointer-events: none) {
        content: '';
        position: fixed;
        top: 0;
        left: 0;
        width: 100%;
        height: 100%;
        pointer-events: none;
      }
    }

    &.open {
      &:before {
        pointer-events: auto;
      }
    }

    @include breakpoint($large) {
      display: none;
    }

M _sass/minimal-mistakes/_utilities.scss => _sass/minimal-mistakes/_utilities.scss +0 -22
@@ 248,28 248,6 @@ body:hover .visually-hidden button {
  }
}

.greedy-nav__toggle {
  &:before {
    content: '';
    position: fixed;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    opacity: 0;
    transition: $global-transition;
    pointer-events: none;
  }

  &.close {
    &:before {
      opacity: 0.9;
      transition: $global-transition;
      pointer-events: auto;
    }
  }
}

/*
   Sticky, fixed to top content
   ========================================================================== */