5 $visited-link-color: #551a8b;
10 font-family: "Open Sans", sans-serif;
18 text-decoration: none;
19 border-bottom: 0.1em dotted $link-color;
21 color: $visited-link-color;
22 border-color: $visited-link-color;
25 border-bottom-style: solid;
30 display: inline-block;
33 text-transform: uppercase;
36 color: lighten($text-color, 20%);
38 display: inline-block;
43 transform: rotate(-2deg);
62 @media screen and (max-width: 50em) {
71 clip-path: polygon(0px 0px, 96.35% -24px, 101.99% 7.86%, 100.61% 103.56%, 10% 100%, 0% 100%, 0px 0px);
76 text-transform: uppercase;
77 display: inline-block;
78 text-decoration: none;
80 @media screen and (max-width: 50em) {
105 @media screen and (max-width: 50em) {
109 text-transform: uppercase;
113 padding-left: 0.5rem;
114 color: lighten($text-color, 40%);
125 border: 1px solid gray;
146 color: lighten($text-color, 40%);
149 background: #fbf7c1;;
150 padding: 0.2em 0.5em 0.2em 2em;
158 clip-path: polygon(0px 0px, 94.27% 2px, 99.63% 2.65%, 98.39% 97.48%, 10% 100%, 0% 100%, 0px 0px);
167 display: inline-block;
173 text-transform: uppercase;
174 display: inline-block;
175 text-decoration: none;
189 border-top: 0.1em dotted $link-color;
190 border-bottom: 0.1em dotted $link-color;
209 div[contenteditable=true]:focus-within {
210 outline: 1px solid gray;
217 box-shadow: 0 0 5px #666;
221 border: 1px inset #ccc;
224 transition: width ease 2s;
226 display: inline-block;
239 &[data-action=createLink] {
241 text-decoration: underline;
248 &.inline-style-popup button {
252 &.block-style-popup {
268 [contenteditable=true] div.figure {
273 line-height: initial;