@codecademy/gamut

72.0.172.0.2-alpha.58e071.0
dist/AccordionButtonDeprecated/ButtonDeprecated/styles/index.module.scss
dist/AccordionButtonDeprecated/ButtonDeprecated/styles/index.module.scssDeleted
−104
Index: package/dist/AccordionButtonDeprecated/ButtonDeprecated/styles/index.module.scss
===================================================================
--- package/dist/AccordionButtonDeprecated/ButtonDeprecated/styles/index.module.scss
+++ package/dist/AccordionButtonDeprecated/ButtonDeprecated/styles/index.module.scss
@@ -1,104 +0,0 @@
-@use "sass:color";
-@use "variables";
-@use "mixins";
-//
-// Base styles
-//
-
-.btn {
-  align-items: center;
-  display: inline-flex;
-  justify-content: center;
-  font-weight: variables.$btn-font-weight;
-  -webkit-font-smoothing: antialiased;
-  -moz-osx-font-smoothing: grayscale;
-  border: 1px solid transparent;
-  border-radius: variables.$btn-border-radius;
-  user-select: none;
-  @include mixins.button-size(
-    variables.$btn-padding-y,
-    variables.$btn-padding-x,
-    variables.$btn-font-size-base,
-    variables.$btn-line-height,
-    variables.$btn-min-width-sm
-  );
-  transition: all 0.1s ease-in-out;
-}
-
-// Future-proof disabling of clicks on `<a>` elements
-a.btn.disabled,
-fieldset[disabled] a.btn {
-  pointer-events: none;
-}
-
-@each $name, $color in variables.$btn-swatches {
-  @if $name == "brand-yellow" {
-    @include mixins.button-variants($name, variables.$color-black, $color);
-  } @else if color.channel(color.to-space($color, hsl), "lightness") > 68 {
-    @include mixins.button-variants($name, variables.$color-black, $color);
-  } @else {
-    @include mixins.button-variants($name, variables.$color-white, $color);
-  }
-}
-
-.round {
-  border-radius: variables.$btn-round-border-radius;
-}
-
-.square {
-  border-radius: 0;
-}
-//
-// Button Sizes
-//
-
-.large {
-  // line-height: ensure even-numbered height of button next to large input
-  @include mixins.button-size(
-    variables.$btn-padding-y-lg,
-    variables.$btn-padding-x-lg,
-    variables.$btn-font-size-lg,
-    variables.$btn-line-height-lg,
-    variables.$btn-min-width-lg
-  );
-}
-
-.small {
-  // line-height: ensure proper height of button next to small input
-  @include mixins.button-size(
-    variables.$btn-padding-y-sm,
-    variables.$btn-padding-x-sm,
-    variables.$btn-font-size-sm,
-    variables.$btn-line-height-sm,
-    variables.$btn-min-width-sm
-  );
-}
-
-//
-// Block buttovariables.n
-//
-
-.block {
-  display: flex;
-  width: 100%;
-}
-
-.caps {
-  text-transform: uppercase;
-}
-
-.underline {
-  &:hover,
-  &:focus {
-    text-decoration: underline;
-  }
-}
-
-// Specificity overrides
-input[type="submit"],
-input[type="reset"],
-input[type="button"] {
-  &.block {
-    width: 100%;
-  }
-}