forked from nodejs/nodejs.dev
-
Notifications
You must be signed in to change notification settings - Fork 0
Expand file tree
/
Copy pathShellBox.scss
More file actions
79 lines (68 loc) · 1.46 KB
/
ShellBox.scss
File metadata and controls
79 lines (68 loc) · 1.46 KB
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
35
36
37
38
39
40
41
42
43
44
45
46
47
48
49
50
51
52
53
54
55
56
57
58
59
60
61
62
63
64
65
66
67
68
69
70
71
72
73
74
75
76
77
78
79
.shell-box {
background-color: var(--black10);
border-radius: 0.4rem;
box-sizing: border-box;
display: flex;
flex-direction: column;
font-family: var(--mono);
padding: 0 0 var(--space-48) var(--space-16);
position: relative;
code {
color: var(--pink5);
font-family: inherit;
line-height: 30px;
overflow-x: hidden;
position: absolute;
top: 30px;
width: calc(100% - 20px);
&:hover {
overflow-x: auto;
}
&::-webkit-scrollbar {
height: 0.5em;
}
&::-webkit-scrollbar,
&::-webkit-scrollbar-thumb {
border-radius: 4px;
overflow: visible;
}
&::-webkit-scrollbar-thumb {
background: rgba(0, 0, 0, 0.2);
}
> span.install__text__command {
color: var(--black0);
}
> span.function {
color: var(--warning5);
}
}
.shell-box-top {
display: inherit;
flex-direction: row;
justify-content: space-between;
margin-bottom: var(--space-08);
span,
button {
align-items: center;
display: inherit;
font-size: var(--font-size-code);
height: 23px;
justify-content: center;
width: 86px;
}
span {
background-color: var(--black3);
border-radius: 0 0 0.3rem 0.3rem;
color: var(--black9);
margin-left: 1.6rem;
}
button {
background-color: var(--brand);
border-radius: 0 0.3rem 0.3rem 0.3rem;
border-width: 0;
i {
padding: 0;
}
}
}
}