Alert

There are no notes for this item.

<div class="alert">
    <p>Cart has been updated</p>
</div>
/* No context defined for this component. */
  • Content:
    .alert {
    	background: $color-grey-xlight;
    	padding: 1em 1.2em 0.95em;
    	border-radius: 4px;
    	border: 1px solid $color-grey-xlight-tint;
        box-shadow: 0 0 3px rgba(39,44,49,.02), 0 5px 22px -6px rgba(39,44,49,.05);
    
    	p {
    		margin: 0;
    		line-height: 1;
    		font-weight: bold;
    	}
    
    	& + & {
    		margin-top: 1rem;
    	}
    }
    
    .alert--warning {
    	background: lighten($color-error, 48%);
    	border-color: $color-error;
    
    	p {
    		color: $color-error;
    	}
    }
    
  • URL: /components/raw/alert/alert.scss
  • Filesystem Path: components/02-components/alert/alert.scss
  • Size: 434 Bytes