File tree Expand file tree Collapse file tree 1 file changed +55
-54
lines changed Expand file tree Collapse file tree 1 file changed +55
-54
lines changed Original file line number Diff line number Diff line change 11.modebar {
2- position : absolute ;
3- top : 2px ;
4- right : 2px ;
2+ position : absolute ;
3+ top : 2px ;
4+ right : 2px ;
55}
66
77.ease-bg {
88 @include vendor (' transition' , background-color 0.3s ease 0s );
99}
1010
1111.modebar--hover > :not (.watermark ) {
12- opacity : 0 ;
12+ opacity : 0 ;
1313 @include vendor (' transition' , opacity 0.3s ease 0s );
1414}
1515
1616& :hover .modebar--hover .modebar-group {
17- opacity : 1 ;
17+ opacity : 1 ;
1818}
1919
2020& :focus-within .modebar--hover .modebar-group {
21- opacity : 1 ;
21+ opacity : 1 ;
2222}
2323
2424.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 ;
3232
33- a {
34- display : grid ;
35- place-content : center ;
36- }
33+ a {
34+ display : grid ;
35+ place-content : center ;
36+ }
3737}
3838
3939.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 ;
50-
51- svg {
5240 position : relative ;
53- }
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 ;
5450
55- & :focus-visible {
56- outline : 1px solid black ;
57- outline-offset : 1px ;
58- border-radius : 3px ;
59- }
51+ svg {
52+ position : relative ;
53+ }
6054
61- & .modebar-btn--logo {
62- }
55+ & :focus-visible {
56+ outline : 1px solid black ;
57+ outline-offset : 1px ;
58+ border-radius : 3px ;
59+ }
60+
61+ & .modebar-btn--logo {
62+ }
6363}
6464
6565.modebar.vertical {
66- display : flex ;
67- flex-direction : column ;
68- flex-wrap : wrap ;
69- align-content : flex-end ;
70- max-height : 100% ;
71- svg {
72- top : -1px ;
73- }
74- .modebar-group {
75- display : block ;
76- float : none ;
77- padding-left : 0px ;
78- padding-bottom : 8px ;
66+ display : flex ;
67+ flex-direction : column ;
68+ flex-wrap : wrap ;
69+ align-content : flex-end ;
70+ max-height : 100% ;
71+
72+ svg {
73+ top : -1px ;
74+ }
75+ .modebar-group {
76+ display : block ;
77+ float : none ;
78+ padding-left : 0px ;
79+ padding-bottom : 8px ;
7980
80- .modebar-btn {
81- display : block ;
82- text-align : center ;
81+ .modebar-btn {
82+ display : block ;
83+ text-align : center ;
84+ }
8385 }
84- }
8586}
You can’t perform that action at this time.
0 commit comments