Location via proxy:   [ UP ]  
[Report a bug]   [Manage cookies]                
Skip to content

Commit ac6719f

Browse files
authored
feat: scss — clip to clip-path (#269)
feat: `scss` — clip to clip-path
2 parents f7008ee + 3711671 commit ac6719f

File tree

2 files changed

+5
-3
lines changed

2 files changed

+5
-3
lines changed

src/assets/scss/base/_global.scss

Lines changed: 4 additions & 2 deletions
Original file line numberDiff line numberDiff line change
@@ -1,4 +1,5 @@
11
@use "../abstracts/_mixin" as mix;
2+
@use "../abstracts/typography";
23

34
html {
45
scroll-behavior: smooth;
@@ -44,11 +45,12 @@ html:root {
4445
}
4546

4647
body {
48+
@extend .font-montserrat;
49+
4750
display: flex;
4851
flex-direction: column;
4952
min-height: 100vh;
5053
background-color: var(--clr-background-900);
51-
font-family: 'Montserrat', sans-serif;
5254
color: var(--clr-foreground);
5355
line-height: 1.6;
5456
overflow-x: hidden;
@@ -155,7 +157,7 @@ li {
155157

156158
.sr-only {
157159
border: 0;
158-
clip: rect(0 0 0 0);
160+
clip-path: rect(0 0 0 0);
159161
height: 0.0625rem;
160162
margin: -0.0625rem;
161163
overflow: hidden;

src/assets/scss/components/_featured.scss

Lines changed: 1 addition & 1 deletion
Original file line numberDiff line numberDiff line change
@@ -46,7 +46,7 @@
4646

4747
img {
4848
all: unset;
49-
overflow: clip !important;
49+
overflow: clip-path !important;
5050
width: min(100%, 26.1875rem);
5151
aspect-ratio: 1/1;
5252
}

0 commit comments

Comments
 (0)