abdullahtarawneh.com/assets/scss/base/components.scss

35 lines
567 B
SCSS
Raw Normal View History

2020-10-24 03:47:29 +00:00
.button {
background: #0060ff;
2021-12-14 20:35:42 +00:00
color: white;
2020-10-24 03:47:29 +00:00
width: max-content;
font-size: clamp(1em,2vw,1em);
2021-12-14 20:35:42 +00:00
padding: 1em;
2020-10-24 03:47:29 +00:00
display: flex;
justify-content: center;
2021-12-14 20:35:42 +00:00
align-items: center;
2020-10-24 03:47:29 +00:00
text-decoration: none;
2021-12-14 20:35:42 +00:00
border-radius: 0.25em;
2020-10-24 03:47:29 +00:00
font-weight: 700;
2020-10-26 06:29:04 +00:00
}
2020-10-29 23:33:15 +00:00
@mixin pullquote {
2020-10-26 06:29:04 +00:00
content: attr(data-pullquote);
font-size: 1em;
line-height: 1.2;
2020-10-29 23:33:15 +00:00
display: flex;
2020-10-26 06:29:04 +00:00
font-family: serif;
2020-10-29 23:33:15 +00:00
color: #555;
2020-10-26 06:29:04 +00:00
padding: 1em;
2020-10-29 23:33:15 +00:00
font-size: 1.25em;
}
.has-pullquote{
&.before:before {
@include pullquote;
margin-bottom: 1rem;
}
&.after:after {
@include pullquote;
margin-top: 1rem;
2020-10-26 06:29:04 +00:00
}
2020-10-24 03:47:29 +00:00
}