Skip to content

Commit dd746fe

Browse files
committed
move to atoms
1 parent e35d138 commit dd746fe

File tree

3 files changed

+24
-23
lines changed

3 files changed

+24
-23
lines changed
Lines changed: 23 additions & 0 deletions
Original file line numberDiff line numberDiff line change
@@ -0,0 +1,23 @@
1+
// https://www.sketch.com/s/b13841a7-cfd2-47e8-a114-efb8e29285af/a/JAOznjr
2+
3+
@mixin glass {
4+
backdrop-filter: blur(15px);
5+
box-shadow: 0px 0px 10px rgba(75, 0, 130, 0.09);
6+
background-color: rgba(75, 0, 130, 0.09);
7+
}
8+
9+
@mixin glassBackground {
10+
position: relative;
11+
12+
&:before {
13+
content: '';
14+
position: absolute;
15+
top: 0;
16+
left: 0;
17+
right: 0;
18+
bottom: 0;
19+
z-index: -1;
20+
21+
@include glass;
22+
}
23+
}

src/features/cyberlinks/CyberlinksGraph/GraphHoverInfo/GraphHoverInfo.module.scss

Lines changed: 1 addition & 1 deletion
Original file line numberDiff line numberDiff line change
@@ -1,4 +1,4 @@
1-
@import '../../../../style/mixins';
1+
@import '../../../../components/atoms/glass/mixins';
22

33
.hoverInfo {
44
@include glassBackground;

src/style/mixins.scss

Lines changed: 0 additions & 22 deletions
Original file line numberDiff line numberDiff line change
@@ -25,25 +25,3 @@
2525
height: 2px;
2626
}
2727
}
28-
29-
@mixin glass {
30-
backdrop-filter: blur(15px);
31-
box-shadow: 0px 0px 10px rgba(75, 0, 130, 0.09);
32-
background-color: rgba(75, 0, 130, 0.09);
33-
}
34-
35-
@mixin glassBackground {
36-
position: relative;
37-
38-
&:before {
39-
content: '';
40-
position: absolute;
41-
top: 0;
42-
left: 0;
43-
right: 0;
44-
bottom: 0;
45-
z-index: -1;
46-
47-
@include glass;
48-
}
49-
}

0 commit comments

Comments
 (0)