abdullahtarawneh.com/assets/scss/base/components.scss
2021-12-20 05:27:10 -06:00

38 lines
627 B
SCSS

a:link {color: #06f;}
a:visited {color: rgb(147, 85, 197)}
.button {
background: #0060ff;
color: white;
width: max-content;
font-size: clamp(1em,2vw,1em);
padding: 1em;
display: flex;
justify-content: center;
align-items: center;
text-decoration: none;
border-radius: 0.25em;
font-weight: 700;
}
@mixin pullquote {
content: attr(data-pullquote);
font-size: 1em;
line-height: 1.2;
display: flex;
font-family: serif;
color: #555;
padding: 1em;
font-size: 1.25em;
}
.has-pullquote{
&.before:before {
@include pullquote;
margin-bottom: 1rem;
}
&.after:after {
@include pullquote;
margin-top: 1rem;
}
}