extend method scss code example
Example 1: scss extend
.error:hover {
background-color: #fee;
}
.error--serious {
@extend .error;
border-width: 3px;
}
Example 2: extend scss
%blue-hr {
content: '';
position: absolute;
height: 1px;
max-width: 1550px;
width: calc(100% - 1.5rem);
left: 0;
right: 0;
margin: 0 auto;
background-color: #0086FF;
}
.blue-hr-top {
position: relative;
&::before {
@extend %blue-hr;
top: 0;
}
}