@primer/css 0.0.0-2021102434953 → 0.0.0-20211029165521

package/support/mixins/layout.scss

@@ -1,7 +1,7 @@
 // Responsive media queries
 
 @mixin breakpoint($breakpoint) {
-  @if $breakpoint == '' {
+  @if $breakpoint == "" {
     @content;
   }
 
@@ -19,8 +19,8 @@
 
     // If the key doesn't exist in the map
     @else {
-      @warn 'Unfortunately, no value could be retrieved from `#{$breakpoint}`. '
-        + 'Please make sure it is defined in `$breakpoints` map.';
+      @warn "Unfortunately, no value could be retrieved from `#{$breakpoint}`. "
+        + "Please make sure it is defined in `$breakpoints` map.";
     }
   }
 }
@@ -47,12 +47,12 @@
 @mixin clearfix {
   &::before {
     display: table;
-    content: '';
+    content: "";
   }
 
   &::after {
     display: table;
     clear: both;
-    content: '';
+    content: "";
   }
 }

package/support/mixins/misc.scss

@@ -10,7 +10,7 @@
     width: 8px;
     height: 16px;
     pointer-events: none;
-    content: ' ';
+    content: " ";
     clip-path: polygon(0 50%, 100% 0, 100% 100%);
   }
 
@@ -24,27 +24,3 @@
     background-color: $border;
   }
 }
-
-// global focus styles
-
-@mixin focusOutline {
-  z-index: 1;
-  outline: 2px solid var(--color-accent-fg);
-  outline-offset: 2px;
-}
-
-// if min-width is undefined, return only min-height
-@mixin minTouchTarget($min-height: 32px, $min-width: '') {
-  position: absolute;
-  top: 50%;
-  left: 50%;
-  width: 100%;
-  height: 100%;
-  min-height: $min-height;
-  content: '';
-  transform: translateX(-50%) translateY(-50%);
-
-  @if $min-width != '' {
-    min-width: $min-width;
-  }
-}

package/support/variables/layout.scss

@@ -150,11 +150,11 @@ $breakpoints: (
 // breakpoints and create both responsive and non-responsive classes in one
 // loop:
 $responsive-variants: (
-  '': '',
-  sm: '-sm',
-  md: '-md',
-  lg: '-lg',
-  xl: '-xl',
+  "": "",
+  sm: "-sm",
+  md: "-md",
+  lg: "-lg",
+  xl: "-xl",
 ) !default;
 
 // responive utility position values
@@ -178,9 +178,8 @@ $sidebar-narrow-width: (
 ) !default;
 
 $sidebar-wide-width: (
-  md: 296px,
   lg: 320px,
-  xl: 344px
+  xl: 336px
 ) !default;
 
 $gutter: (
@@ -199,4 +198,4 @@ $gutter-spacious: (
   md: $spacer-4,
   lg: $spacer-5,
   xl: $spacer-6
-) !default;
+) !default;

package/support/variables/typography.scss

@@ -32,7 +32,7 @@ $lh-condensed: 1.25 !default;
 $lh-default: 1.5 !default;
 
 // Font stacks
-$body-font: -apple-system, BlinkMacSystemFont, 'Segoe UI', Helvetica, Arial, sans-serif, 'Apple Color Emoji', 'Segoe UI Emoji' !default;
+$body-font: -apple-system, BlinkMacSystemFont, "Segoe UI", Helvetica, Arial, sans-serif, "Apple Color Emoji", "Segoe UI Emoji" !default;
 
 // Monospace font stack
 // Note: SFMono-Regular needs to come before SF Mono to fix an older version of the font in Chrome

package/box/box-overlay.scss

@@ -1,40 +0,0 @@
-.Box--overlay {
-  width: 448px;
-  margin-right: auto;
-  margin-left: auto;
-  background-color: var(--color-canvas-default);
-  background-clip: padding-box;
-  border-color: var(--color-border-default);
-  // stylelint-disable-next-line primer/box-shadow
-  box-shadow: 0 0 18px rgba(0, 0, 0, 0.4);
-
-  .Box-header {
-    margin: 0;
-    border-width: 0;
-    border-bottom-width: $border-width;
-    border-top-left-radius: $border-radius;
-    border-top-right-radius: $border-radius;
-  }
-}
-
-.Box-overlay--narrow {
-  width: 320px;
-}
-
-.Box-overlay--wide {
-  width: 640px;
-}
-
-.Box-body {
-  &.scrollable-overlay {
-    max-height: 400px;
-    overflow-y: scroll;
-  }
-
-  .help {
-    padding-top: $spacer-2;
-    margin: 0;
-    color: var(--color-fg-muted);
-    text-align: center;
-  }
-}

package/color-modes/themes/light_high_contrast.scss

@@ -1,7 +0,0 @@
-@import '../../support/index.scss';
-
-@import '@primer/primitives/dist/scss/colors/_light_high_contrast.scss';
-
-@include color-mode-theme(light_high_contrast) {
-  @include primer-colors-light_high_contrast;
-}