File tree Expand file tree Collapse file tree 3 files changed +8
-8
lines changed Expand file tree Collapse file tree 3 files changed +8
-8
lines changed Original file line number Diff line number Diff line change 39
39
}
40
40
41
41
.title {
42
- font-size : 2em ;
43
- margin : 0 ;
44
- height : 3em ;
42
+ font-size : 2.2em ;
43
+ margin : 0 0 24px ;
45
44
flex : 1 ;
46
45
text-align : center;
47
46
}
Original file line number Diff line number Diff line change 61
61
margin-bottom : 0 ;
62
62
}
63
63
.buttons {
64
- margin : 32px auto;
64
+ margin : 32px auto 0 ;
65
65
width : max-content;
66
66
}
67
67
Original file line number Diff line number Diff line change 13
13
.demo {
14
14
/* height: calc(100 * var(--w)); */
15
15
transform-style : preserve-3d;
16
+ /* outline: 1px solid red; */
16
17
}
17
18
18
19
.demo h3 {
19
20
font-size : calc (var (--w ) * 3.4 );
20
21
margin : 0 ;
21
- margin-top : calc (var (--h ) * -8 );
22
+ margin-top : calc (var (--h ) * -6 );
22
23
opacity : var (--opacity );
23
24
transform : translateZ (40px );
24
25
text-align : center;
71
72
background-color : var (--white );
72
73
opacity : var (--opacity );
73
74
height : 100% ;
74
- /* transform: translateZ(-40px); */
75
+ transform : translateZ (-40px );
75
76
border : calc (var (--h ) * 0.5 ) solid var (--accent-100 );
76
77
border-radius : 30px ;
77
78
border-radius : calc (var (--w ) * 3.2 );
89
90
90
91
@media screen and (max-width : 1000px ) {
91
92
.showcase {
92
- --h : 0.6 vw ;
93
- --w : 0.8 vw ;
93
+ --h : 0.584 vw ;
94
+ --w : 0.85 vw ;
94
95
}
95
96
}
You can’t perform that action at this time.
0 commit comments