Skip to content

Commit 6dc49c9

Browse files
Change the indentation to the correct format
1 parent 9386b15 commit 6dc49c9

File tree

1 file changed

+55
-54
lines changed

1 file changed

+55
-54
lines changed

src/css/_modebar.scss

Lines changed: 55 additions & 54 deletions
Original file line numberDiff line numberDiff line change
@@ -1,85 +1,86 @@
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
}

0 commit comments

Comments
 (0)