redbadger/website-honestly

View on GitHub
site/components/show-more-button/style.css

Summary

Maintainability
Test Coverage
@value badgerBlack, badgerRed from "../../css/_colors.css";

.button__more {
  cursor: pointer;
  display: block;
  height: 21px;
  width: 21px;
  margin: 0;
  padding: 0;
  position: relative;
  background: none;
  border: 0;
  z-index: 0;
}

.button__more__hide {
  display: none;
}

.button__more:focus {
  outline: 0;
}

.button__arrow {
  border: solid badgerBlack;
  border-width: 0 2px 2px 0;
  display: inline-block;
  padding: 5px;
  transform: rotate(45deg);
}

.button__arrowDown {
  border: solid badgerBlack;
  border-width: 0 2px 2px 0;
  display: inline-block;
  padding: 5px;
  transform: rotate(225deg);
}