File tree Expand file tree Collapse file tree 1 file changed +59
-59
lines changed Expand file tree Collapse file tree 1 file changed +59
-59
lines changed Original file line number Diff line number Diff line change 1
1
.modebar {
2
- position : absolute ;
3
- top : 2px ;
4
- right : 2px ;
2
+ position : absolute ;
3
+ top : 2px ;
4
+ right : 2px ;
5
5
}
6
6
7
7
.ease-bg {
8
- @include vendor (' transition' , background-color 0.3s ease 0s );
8
+ @include vendor (' transition' , background-color 0.3s ease 0s );
9
9
}
10
10
11
- .modebar--hover > :not (.watermark ) {
12
- opacity : 0 ;
13
- @include vendor (' transition' , opacity 0.3s ease 0s );
11
+ .modebar--hover > :not (.watermark ) {
12
+ opacity : 0 ;
13
+ @include vendor (' transition' , opacity 0.3s ease 0s );
14
14
}
15
15
16
16
& :hover .modebar--hover .modebar-group {
17
- opacity : 1 ;
17
+ opacity : 1 ;
18
18
}
19
19
20
20
& :focus-within .modebar--hover .modebar-group {
21
- opacity : 1 ;
21
+ opacity : 1 ;
22
22
}
23
23
24
24
.modebar-group {
25
- float : left ;
26
- display : inline-block ;
27
- box-sizing : border-box ;
28
- padding-left : 8px ;
29
- position : relative ;
30
- vertical-align : middle ;
31
- white-space : nowrap ;
25
+ float : left ;
26
+ display : inline-block ;
27
+ box-sizing : border-box ;
28
+ padding-left : 8px ;
29
+ position : relative ;
30
+ vertical-align : middle ;
31
+ white-space : nowrap ;
32
32
33
- a {
34
- display : grid ;
35
- place-content : center ;
36
- }
33
+ a {
34
+ display : grid ;
35
+ place-content : center ;
36
+ }
37
37
}
38
38
39
39
.modebar-btn {
40
- position : relative ;
41
- font-size : 16px ;
42
- padding : 3px 4px ;
43
- height : 22px ;
44
- /* display: inline-block; including this breaks 3d interaction in .embed mode. Chrome bug? */
45
- cursor : pointer ;
46
- line-height : normal ;
47
- box-sizing : border-box ;
48
- border : none ;
49
- background : transparent ;
40
+ position : relative ;
41
+ font-size : 16px ;
42
+ padding : 3px 4px ;
43
+ height : 22px ;
44
+ /* display: inline-block; including this breaks 3d interaction in .embed mode. Chrome bug? */
45
+ cursor : pointer ;
46
+ line-height : normal ;
47
+ box-sizing : border-box ;
48
+ border : none ;
49
+ background : transparent ;
50
50
51
- svg {
52
- position : relative ;
53
- }
51
+ svg {
52
+ position : relative ;
53
+ }
54
54
55
- & :focus-visible {
56
- outline : 1px solid black ;
57
- outline-offset : 1px ;
58
- border-radius : 3px ;
59
- }
55
+ & :focus-visible {
56
+ outline : 1px solid black ;
57
+ outline-offset : 1px ;
58
+ border-radius : 3px ;
59
+ }
60
60
61
- & .modebar-btn--logo {
62
- }
61
+ & .modebar-btn--logo {}
63
62
}
64
63
65
64
.modebar.vertical {
66
- display : flex ;
67
- flex-direction : column ;
68
- flex-wrap : wrap ;
69
- align-content : flex-end ;
70
- max-height : 100% ;
65
+ display : flex ;
66
+ flex-direction : column ;
67
+ flex-wrap : wrap ;
68
+ align-content : flex-end ;
69
+ max-height : 100% ;
71
70
72
- svg {
73
- top : -1px ;
74
- }
75
- .modebar-group {
76
- display : block ;
77
- float : none ;
78
- padding-left : 0px ;
79
- padding-bottom : 8px ;
71
+ svg {
72
+ top : -1px ;
73
+ }
80
74
81
- .modebar-btn {
82
- display : block ;
83
- text-align : center ;
84
- }
85
- }
86
- }
75
+ .modebar-group {
76
+ display : block ;
77
+ float : none ;
78
+ padding-left : 0px ;
79
+ padding-bottom : 8px ;
80
+
81
+ .modebar-btn {
82
+ display : block ;
83
+ text-align : center ;
84
+ }
85
+ }
86
+ }
You can’t perform that action at this time.
0 commit comments