igniteui-sassdoc-theme
Version:
Default SassDoc theme used in Ignite UI for Angular.
2 lines (1 loc) • 2.31 kB
CSS
:global .globalnav__search-toggle{display:none }:global .globalnav .menu-full-width:hover>ul{display:flex}@media only screen and (max-width: 768px){:global .globalnav__search-container{padding:0 15px }}@media only screen and (max-width: 960px){:global .globalnav__primary{min-height:61px;height:auto}:global .globalnav__mobile-menu{margin-right:15px}:global .globalnav__wrapper{padding:0}}@media only screen and (min-width: 961px){:global .globalnav__wrapper{max-width:100%;margin-inline:var(--spacing-4);padding:0}:global .globalnav__section{display:flex;justify-content:flex-end}}:global .main-head{position:sticky;grid-column:document-start/document-end;grid-row:1/2;top:0;z-index:2}.secondaryHead{display:flex;align-items:center;height:3rem;padding-inline:var(--spacing-4);background-color:var(--ig-gray-900);color:var(--ig-gray-900-contrast);justify-content:space-between}.secondaryHead__select{display:flex;appearance:none;outline-style:none;background:url(data:image/svg+xml;charset=utf-8;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHdpZHRoPSIyNCIgaGVpZ2h0PSIyNCIgdmlld0JveD0iMCAwIDI0IDI0Ij4KICAgIDxwYXRoIGQ9Ik03IDEwbDUgNSA1LTV6IiBmaWxsPSIjZTFlMWUxIi8+CiAgICA8cGF0aCBkPSJNMCAwaDI0djI0SDB6IiBmaWxsPSJub25lIi8+Cjwvc3ZnPgo=) no-repeat right center;padding:var(--spacing-1) var(--spacing-2);padding-inline-end:var(--spacing-6);background-color:var(--ig-gray-800);border:1px solid var(--ig-gray-700);color:var(--ig-gray-900-contrast);font-size:.875rem}.secondaryHead__section{display:flex;align-items:center;gap:var(--spacing-3)}.secondaryHead__title{font-weight:300}.secondaryHead__button{padding:var(--spacing-2) var(--spacing-4);text-decoration:none;outline-style:none;transition:all .2s ease-in;font-size:.75rem}.secondaryHead__button[data-type=flat]{color:var(--ig-gray-400);text-transform:unset}.secondaryHead__button[data-type=flat]:focus,.secondaryHead__button[data-type=flat]:hover{color:var(--ig-gray-200)}.secondaryHead__button[data-type=contained]{background-color:var(--ig-primary-500);color:var(--ig-primary-800-contrast);text-transform:uppercase}.secondaryHead__button[data-type=contained]:focus,.secondaryHead__button[data-type=contained]:hover{background-color:rgba(0,0,0,0);color:var(--ig-primary-500);box-shadow:inset 0px 0px 0px 1px var(--ig-primary-500)}