redesign 2023

themes/FixIt/assets/css/_partials/_widgets/_cookieconsent.scss

@@ -0,0 +1,19 @@
+.cc-window.cc-banner {
+  .cc-btn {
+    color: $global-font-color;
+
+    &:hover,
+    &:focus {
+      background-color: #ccc;
+    }
+
+    [data-theme='dark'] & {
+      color: $global-font-color;
+
+      &:hover,
+      &:focus {
+        background-color: #fff;
+      }
+    }
+  }
+}

themes/FixIt/assets/css/_partials/_widgets/_fixed-button.scss

@@ -0,0 +1,44 @@
+.fixed-button {
+  position: fixed;
+  right: 1.5rem;
+  font-size: 1rem;
+  line-height: 1.5rem;
+  padding: 0.5rem 0.625rem;
+  color: $global-font-secondary-color;
+  background-color: $header-background-color;
+  @include z-index(1);
+  @include border-radius(1.25rem);
+  @include transition(color 0.4s ease);
+  @include blur;
+  @extend .print-d-none;
+
+  &:hover,
+  &:active {
+    color: $global-font-color;
+    cursor: pointer;
+  }
+
+  &:active,
+  &:focus,
+  &:hover {
+    outline: none;
+  }
+
+  [data-theme='dark'] & {
+    color: $global-font-secondary-color-dark;
+    background-color: $header-background-color-dark;
+
+    &:hover,
+    &:active {
+      color: $global-font-color-dark;
+    }
+  }
+}
+
+.back-to-top {
+  bottom: 1.5rem;
+}
+
+.view-comments {
+  bottom: 4.5rem;
+}

themes/FixIt/assets/css/_partials/_widgets/_github-corner.scss

@@ -0,0 +1,47 @@
+@keyframes octocat-wave {
+  0%,
+  100% {
+    @include transform(rotate(0));
+  }
+  20%,
+  60% {
+    @include transform(rotate(-25deg));
+  }
+  40%,
+  80% {
+    @include transform(rotate(10deg));
+  }
+}
+
+.github-corner {
+  position: fixed;
+  top: 0;
+  @include z-index(2);
+  @extend .print-d-none;
+
+  :hover .octo-arm {
+    animation: octocat-wave 560ms ease-in-out;
+  }
+  svg {
+    width: $header-height;
+    height: $header-height;
+    border: 0;
+    color: $github-corner-color;
+    fill: $github-corner-fill;
+
+    [data-theme='dark'] & {
+      color: $github-corner-color-dark;
+      fill: $github-corner-fill-dark;
+    }
+  }
+  &.left {
+    left: 0;
+
+    svg {
+      @include transform(scale(-1, 1));
+    }
+  }
+  &.right {
+    right: 0;
+  }
+}

themes/FixIt/assets/css/_partials/_widgets/_noscript-warning.scss

@@ -0,0 +1,16 @@
+.noscript-warning {
+  background-color: var(--#{$prefix}danger);
+  color: white;
+  font-size: 1rem;
+  font-weight: bold;
+  position: fixed;
+  text-align: center;
+  left: 0;
+  bottom: 0;
+  width: 100%;
+  @include z-index(2);
+
+  [data-theme='dark'] & {
+    background-color: var(--#{$prefix}danger-dark);
+  }
+}

themes/FixIt/assets/css/_partials/_widgets/_reading-progress.scss

@@ -0,0 +1,13 @@
+.reading-progress-bar {
+  --progress: 0;
+  height: var(--progress-h, 2px);
+  width: var(--progress);
+  background-color: var(--bg-progress, var(--#{$prefix}info));
+  position: fixed;
+  @include z-index(2);
+  @extend .print-d-none;
+  
+  [data-theme="dark"] & {
+    background-color: var(--bg-progress-dark, var(--#{$prefix}info-dark));
+  }
+}

themes/FixIt/assets/css/_partials/_widgets/_typeit.scss

@@ -0,0 +1,22 @@
+.typeit {
+  .highlight {
+    padding: 0.375rem;
+    font-size: 0.875rem;
+    font-family: $code-font-family;
+    font-weight: bold;
+    word-break: break-all;
+    white-space: pre-wrap;
+  }
+
+  --ti-cursor-font-family: #{$global-font-family};
+  --ti-cursor-font-size: #{$global-font-size};
+  --ti-cursor-font-style: normal;
+  --ti-cursor-font-weight: #{$global-font-weight};
+  --ti-cursor-line-height: #{$global-line-height};
+  --ti-cursor-color: #{$global-font-color};
+  --ti-cursor-transform: translateX(0);
+
+  [data-theme='dark'] & {
+    --ti-cursor-color: #{$global-font-color-dark};
+  }
+}