There are no notes for this item.

<div class="billing-address-sidebar">

    <div class="billing-address-sidebar__header">
        <h3 class="billing-address-sidebar__title">Billing address</h3>
        <a class="billing-address-sidebar__edit" href="#">Edit</a>
    </div>

    <div class="billing-address-sidebar__body">
        <p>Marc Jenkins<br> 14 Abbotswood Close<br> Winyates Green<br> Redditch
            <br> B98 0QD<br> United Kingdom</p>
    </div>

</div>
/* No context defined for this component. */
  • Content:
    /*------------------------------------*\
    	Billing Address Sidebar
    \*------------------------------------*/
    
    .billing-address-sidebar {
    	background: $color-grey-xlight;
    	border: 1px solid $color-grey-light;
    	box-shadow: 0 0 3px rgba(39,44,49,.02), 0 5px 22px -6px rgba(39,44,49,.05);
    	border-radius: $radius;
    	padding: 1rem;
    	margin-top: 2rem;
    }
    
    .billing-address-sidebar__header {
    	display: flex;
    	justify-content: space-between;
    	align-items: center;
    }
    
    .billing-address-sidebar__title {
    	margin: 0;
    	font-family: $font-family-body;
    	color: $color-text-base;
    }
    
    .billing-address-sidebar__edit {
    	text-transform: uppercase;
    	border: 1px solid lighten($color-primary, 50%);
    	font-weight: bold;
    	font-size: 0.8rem;
    	line-height: 1;
    	padding: 4px 8px 3px 8px;
    	border-radius: $radius;
    
    	&:hover {
    		border-color: $color-primary;
    		text-decoration: none;
    	}
    }
    
    .billing-address-sidebar__body {
    	margin: 1.5rem 0 0;
    
    	p {
    		margin: 0;
    		font-size: 0.9rem;
    	}
    }
    
  • URL: /components/raw/billing-address-sidebar/billing-address-sidebar.scss
  • Filesystem Path: components/02-components/billing-address-sidebar/billing-address-sidebar.scss
  • Size: 956 Bytes