-
Notifications
You must be signed in to change notification settings - Fork 0
Expand file tree
/
Copy pathself-terminal.css
More file actions
64 lines (63 loc) · 2.34 KB
/
Copy pathself-terminal.css
File metadata and controls
64 lines (63 loc) · 2.34 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
.self-window{
margin:0 0 18px;
border:1px solid var(--line-hi);
background:linear-gradient(90deg,rgba(var(--accent-rgb),.07),rgba(9,11,11,.92) 38%,rgba(9,11,11,.92));
box-shadow:7px 7px 0 rgba(0,0,0,.36);
}
.self-window .window-titlebar{border-bottom-color:rgba(var(--accent-rgb),.48)}
.self-order-note{color:#646b65;font-size:8px;letter-spacing:.11em;text-transform:uppercase}
.self-window__body{
display:grid;
grid-template-columns:72px minmax(0,1fr) auto;
gap:16px;
align-items:center;
padding:16px;
}
.self-sigil{
min-height:72px;
display:flex;
align-items:center;
justify-content:center;
border:1px solid rgba(var(--accent-rgb),.55);
background:#050606;
color:var(--accent-hi);
font-size:12px;
font-weight:800;
line-height:1.35;
letter-spacing:.12em;
text-align:center;
box-shadow:inset 0 0 22px rgba(var(--accent-rgb),.07);
}
.self-copy{min-width:0}
.self-kicker{margin:0 0 4px;color:#626963;font-size:9px;letter-spacing:.12em}
.self-window h2{margin:0;color:#e1e4e0;font-size:20px;line-height:1.25;letter-spacing:.05em}
.self-repo-name{margin-left:9px;color:#646b65;font-size:9px;font-weight:400;letter-spacing:.03em}
.self-summary{margin:8px 0 0;color:#a5aca6;font-size:11px;line-height:1.75}
.self-order-copy{margin:8px 0 0;color:#626963;font-size:9px;line-height:1.6}
.self-meta{display:flex;gap:10px;flex-wrap:wrap;margin-top:9px;color:#565d57;font-size:8px;letter-spacing:.08em}
.self-keeper-row{
display:grid;
grid-template-columns:auto 1fr;
gap:8px;
align-items:start;
margin-top:10px;
padding-top:9px;
border-top:1px dashed #313632;
}
.self-keeper-row>span{color:var(--accent-hi);font-size:8px;letter-spacing:.1em;white-space:nowrap}
.self-keeper-row p{margin:0;color:#858c86;font-size:10px;line-height:1.7}
.self-actions{display:flex;align-items:center;justify-content:flex-end}
.self-actions .terminal-link{white-space:nowrap}
@media(max-width:760px){
.self-window__body{grid-template-columns:54px minmax(0,1fr);gap:12px;padding:13px}
.self-sigil{min-height:58px;font-size:10px}
.self-actions{grid-column:2;justify-content:flex-start}
.self-order-note{display:none}
}
@media(max-width:480px){
.self-window__body{grid-template-columns:1fr}
.self-sigil{display:none}
.self-actions{grid-column:1}
.self-actions .terminal-link{width:100%;text-align:center}
.self-repo-name{display:block;margin:3px 0 0}
}