@anjuna/docs/collection/components/nav/nav-toggle/nav-toggle.css

Anjuna Documentation Web Components

.ad-nav-toggle {
  padding: 0.25rem 0.75rem;
  font-size: 1.09375rem;
  line-height: 1;
  background-color: transparent;
  border: 1px solid transparent;
  border-radius: 0.25rem; }
  .ad-nav-toggle:hover, .ad-nav-toggle:focus {
    text-decoration: none; }

.ad-nav-toggle-icon {
  display: inline-block;
  width: 1.5em;
  height: 1.5em;
  vertical-align: middle;
  content: "";
  background: no-repeat center center;
  background-size: 100% 100%; }

ad-nav-toggle .ad-nav-toggle {
  margin-left: -3px;
  margin-right: 0.75rem;
  position: relative;
  top: -0.25rem; }
  ad-nav-toggle .ad-nav-toggle:focus {
    outline: none; }
  ad-nav-toggle .ad-nav-toggle .ad-nav-toggle-icon {
    background-image: url("data:image/svg+xml;charset=utf8,%3Csvg viewBox='0 0 32 32' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath stroke='rgba(233, 235, 238, 0.999)' stroke-width='2' stroke-linecap='round' stroke-miterlimit='10' d='M4 8h24M4 16h24M4 24h24'/%3E%3C/svg%3E"); }

ad-nav-toggle[active] .ad-nav-toggle-icon {
  background-image: url("data:image/svg+xml;charset=utf8,%3Csvg viewBox='0 0 32 32' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath stroke='rgba(110, 197, 171, 0.999)' stroke-width='2' stroke-linecap='round' stroke-miterlimit='10' d='M4 8h24M4 16h24M4 24h24'/%3E%3C/svg%3E"); }

ad-nav-toggle[disabled] {
  display: none !important; }