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);
68 clip-path: polygon(0px 0px, 96.35% -24px, 101.99% 7.86%, 100.61% 103.56%, 10% 100%, 0% 100%, 0px 0px);
73 text-transform: uppercase;
74 display: inline-block;
75 text-decoration: none;
100 text-transform: uppercase;
104 padding-left: 0.5rem;
105 color: lighten($text-color, 40%);
116 border: 1px solid gray;
137 color: lighten($text-color, 40%);
140 background: #fbf7c1;;
141 padding: 0.2em 0.5em 0.2em 2em;
149 clip-path: polygon(0px 0px, 94.27% 2px, 99.63% 2.65%, 98.39% 97.48%, 10% 100%, 0% 100%, 0px 0px);
158 display: inline-block;
164 text-transform: uppercase;
165 display: inline-block;
166 text-decoration: none;
180 border-top: 0.1em dotted $link-color;
181 border-bottom: 0.1em dotted $link-color;
200 div[contenteditable=true]:focus-within {
201 outline: 1px solid gray;
208 box-shadow: 0 0 5px #666;
212 border: 1px inset #ccc;
215 transition: width ease 2s;
217 display: inline-block;
230 &[data-action=createLink] {
232 text-decoration: underline;
239 &.inline-style-popup button {
243 &.block-style-popup {
259 [contenteditable=true] div.figure {
264 line-height: initial;