@use "../../../styles/tokens/space";
@use "../../../styles/tools/generate";

@mixin base {
  font-weight: bold;
  text-decoration: underline;
  color: inherit;
  background: none;
  cursor: pointer;
}

@mixin base-inherit {
  p &,
  li &,
  dt &,
  dd &,
  h1 &,
  h2 &,
  h3 &,
  h4 &,
  h5 &,
  h6 & {
    font-weight: inherit;
  }
}

@mixin icon {
  vertical-align: middle;
}

@mixin icon-left {
  margin-right: space.get("xsmall");
}

@mixin icon-right {
  margin-left: space.get("xsmall");
}