abdullahtarawneh.com/assets/scss/base/components.scss
2020-10-29 18:33:15 -05:00

35 lines
559 B
SCSS

.button {
background: #0060ff;
color: white !important;
width: max-content;
font-size: clamp(1em,2vw,1em);
padding: 0.75em;
display: flex;
justify-content: center;
text-decoration: none;
border-radius: 100em;
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;
}
}