File tree Expand file tree Collapse file tree 1 file changed +58
-0
lines changed Expand file tree Collapse file tree 1 file changed +58
-0
lines changed Original file line number Diff line number Diff line change @@ -671,4 +671,62 @@ a.md-header__button.md-logo img {
671671 .pipe {
672672 display : none;
673673 }
674+ }
675+
676+ /* Mobile and Tablet: up to 76.1875em (1220px) */
677+ @media screen and (max-width : 76.1875em ) {
678+
679+ .md-header__inner .md-tabs__list {
680+ display : none !important ;
681+ }
682+
683+ .md-header__topic : first-child {
684+ display : flex !important ;
685+ opacity : 1 !important ;
686+ transform : translateX (0 ) !important ;
687+ transition : none !important ;
688+ }
689+
690+ .md-header__topic : last-child {
691+ display : none !important ;
692+ }
693+
694+ .md-header__title [data-md-component = "header-title" ] {
695+ visibility : visible !important ;
696+ }
697+
698+ [data-md-component = "header" ][data-md-state = "shadow" ] .md-header__topic : first-child {
699+ opacity : 1 !important ;
700+ transform : translateX (0 ) !important ;
701+ }
702+ }
703+
704+ /* Small mobile: up to 30em (480px) */
705+ @media screen and (max-width : 30em ) {
706+
707+ .md-header__button .md-logo img ,
708+ .md-header__button .md-logo svg {
709+ width : 2.5rem ;
710+ height : 2rem ;
711+ }
712+
713+ /* Compact title */
714+ .md-header__title {
715+ font-size : 0.9rem ;
716+ }
717+ }
718+
719+ @media print {
720+ .md-header__topic : first-child {
721+ display : block !important ;
722+ opacity : 1 !important ;
723+ }
724+
725+ .md-header__topic : last-child {
726+ display : none !important ;
727+ }
728+
729+ .md-header__inner .md-tabs__list {
730+ display : none !important ;
731+ }
674732}
You can’t perform that action at this time.
0 commit comments