-
-
Notifications
You must be signed in to change notification settings - Fork 1.8k
/
header.css
92 lines (75 loc) · 1.33 KB
/
header.css
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
80
81
82
83
84
85
86
87
88
89
90
91
92
.cp__header {
@apply shadow z-10 h-12 pr-4;
display: flex;
align-items: center;
flex: 0 0 auto;
background-color: var(--ls-primary-background-color, #fff);
user-select: none;
.it svg {
transform: scale(0.8);
}
.repos {
.dropdown-wrapper {
left: unset;
right: -46px;
min-width: 14rem;
}
}
}
.cp__header-left-menu {
@apply px-4 mr-4;
border-right: 1px solid var(--ls-secondary-background-color);
color: var(--ls-link-text-color);
display: block;
height: 100%;
}
.cp__header-left-menu:focus {
@apply outline-none;
background: var(--ls-menu-hover-color);
}
.cp__header-logo {
@apply px-4 mr-3;
height: 100%;
}
.cp__header-logo,
.cp__right-menu-button {
opacity: 0.3;
}
.cp__header-logo {
display: none;
}
.cp__header-logo:hover,
.cp__right-menu-button:hover {
opacity: 1;
}
.cp__header-logo-img {
width: 24px;
height: 24px;
}
.cp__right-menu-button {
@apply ml-3;
}
.cp__right-menu-button {
display: block;
}
@screen sm {
.cp__header {
@apply shadow-none;
}
.cp__header-left-menu {
display: none;
}
.cp__header-logo {
display: flex;
align-items: center;
}
}
#repo-name {
@apply md:max-w-none;
vertical-align: middle;
display: inline-block;
white-space: nowrap;
overflow: hidden;
text-overflow: ellipsis;
max-width: 7ch;
}