There are no notes for this item.

<div class="global-container">

    <header class="siteheader siteheader--simple" id="top">

        <div class="row">
            <div class="small-12 columns">
                <a href="https://modmore.com/" class="logo">
                    <svg role="img">
                        <use xlink:href="/svg/svg-symbols.svg#modmore-logo"></use>
                    </svg>
                    <span class="visually-hidden">modmore</span>
                </a>
            </div>
        </div>

    </header>
{
  "modifier": "simple"
}
  • Content:
    /*------------------------------------*\
    	Global header
    \*------------------------------------*/
    
    .header-account-links {
    	position: relative;
    	display: flex;
    	align-items: center;
    	justify-content: flex-end;
    }
    
    .minicart-summary {
    	display: flex;
    	align-items: center;
    	justify-content: center;
    	height: 30px;
    	border-radius: 8px;
    	margin-left: 20px;
    	background: $color-primary;
    	border: 1px solid $color-primary;
    	font-weight: bold;
    	cursor: pointer;
    
    	&:hover,
    	&.is-active {
    		border: 1px solid rgba(255,255,255,0.5);
    	}
    }
    
    .minicart-summary__icon {
    	height: 100%;
    	width: 100%;
    	max-height: 20px;
    	max-width: 20px;
    	margin-right: 5px;
    	margin-top: 2px;
    }
    
  • URL: /components/raw/global-header/global-header.scss
  • Filesystem Path: components/02-components/global-header/global-header.scss
  • Size: 661 Bytes