diff --git a/sass/_links.scss b/sass/_external.scss similarity index 90% rename from sass/_links.scss rename to sass/_external.scss index f0e0160..dfd6ae8 100644 --- a/sass/_links.scss +++ b/sass/_external.scss @@ -1,11 +1,13 @@ .external::after { -webkit-mask-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='12' height='12' %3E%3Cpath d='m6 6 5-5M7 1h4v4M4 2H3a2 2 0 0 0-2 2v5a2 2 0 0 0 2 2h5a2 2 0 0 0 2-2V8' style='fill:none;stroke:black;stroke-linejoin:round;stroke-linecap:round;stroke-width:2;stroke-dasharray:none'/%3E%3C/svg%3E"); + -webkit-mask-size: cover; display: inline-block; opacity: 0.6; mask-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='12' height='12' %3E%3Cpath d='m6 6 5-5M7 1h4v4M4 2H3a2 2 0 0 0-2 2v5a2 2 0 0 0 2 2h5a2 2 0 0 0 2-2V8' style='fill:none;stroke:black;stroke-linejoin:round;stroke-linecap:round;stroke-width:2;stroke-dasharray:none'/%3E%3C/svg%3E"); + mask-size: cover; margin-left: 3px; background-color: var(--primary-color); - width: 12px; - height: 12px; + width: 0.75rem; + height: 0.75rem; content: ""; } diff --git a/sass/_footer.scss b/sass/_footer.scss index 71853b0..d62aa5d 100644 --- a/sass/_footer.scss +++ b/sass/_footer.scss @@ -64,6 +64,7 @@ } i { + -webkit-mask-size: cover; display: inline-block; mask-size: cover; transition: background-color var(--transition); diff --git a/sass/_icon.scss b/sass/_icon.scss index 340b93f..ee9613f 100644 --- a/sass/_icon.scss +++ b/sass/_icon.scss @@ -1,5 +1,7 @@ i.icon { + -webkit-mask-size: cover; display: inline-block; + mask-size: cover; font-style: normal; font-variant: normal; line-height: 1; diff --git a/sass/_nav.scss b/sass/_nav.scss index 0403b74..aa1ba09 100644 --- a/sass/_nav.scss +++ b/sass/_nav.scss @@ -91,6 +91,8 @@ svg { vertical-align: -0.125em; + width: 1rem; + height: 1rem; } span { diff --git a/sass/_statements.scss b/sass/_statements.scss index 59842b6..d3ebd05 100644 --- a/sass/_statements.scss +++ b/sass/_statements.scss @@ -16,6 +16,11 @@ .big { font-size: 1.5rem; + + svg { + width: 1rem; + height: 1rem; + } } &.archive { diff --git a/sass/_zola-anchor.scss b/sass/_zola-anchor.scss index 0f6078f..98d74d3 100644 --- a/sass/_zola-anchor.scss +++ b/sass/_zola-anchor.scss @@ -7,6 +7,7 @@ i { -webkit-mask-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='16' height='16'%3E%3Cpath d='M4 4C1.8 4 0 5.8 0 8s1.8 4 4 4v-2c-1.125 0-2-.875-2-2s.875-2 2-2h3c1.125 0 2 .875 2 2 0 .84-.496 1.535-1.207 1.84l.785 1.84A4 4 0 0 0 11 8c0-2.2-1.8-4-4-4zm8 2v2c1.125 0 2 .875 2 2s-.875 2-2 2H9c-1.125 0-2-.875-2-2 0-.828.484-1.516 1.184-1.828l-.817-1.828A4.01 4.01 0 0 0 5 10c0 2.2 1.8 4 4 4h3c2.2 0 4-1.8 4-4s-1.8-4-4-4'/%3E%3C/svg%3E"); + -webkit-mask-size: cover; mask-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='16' height='16'%3E%3Cpath d='M4 4C1.8 4 0 5.8 0 8s1.8 4 4 4v-2c-1.125 0-2-.875-2-2s.875-2 2-2h3c1.125 0 2 .875 2 2 0 .84-.496 1.535-1.207 1.84l.785 1.84A4 4 0 0 0 11 8c0-2.2-1.8-4-4-4zm8 2v2c1.125 0 2 .875 2 2s-.875 2-2 2H9c-1.125 0-2-.875-2-2 0-.828.484-1.516 1.184-1.828l-.817-1.828A4.01 4.01 0 0 0 5 10c0 2.2 1.8 4 4 4h3c2.2 0 4-1.8 4-4s-1.8-4-4-4'/%3E%3C/svg%3E"); mask-size: cover; transition: background-color var(--transition); diff --git a/sass/style.scss b/sass/style.scss index fd82118..c21cb81 100644 --- a/sass/style.scss +++ b/sass/style.scss @@ -13,10 +13,10 @@ @use "buttons"; @use "comments"; @use "crt"; +@use "external"; @use "footer"; @use "icon"; @use "johnvertisement"; -@use "links"; @use "media"; @use "nav"; @use "not-found";