This repository has been archived by the owner on Aug 26, 2022. It is now read-only.
-
Notifications
You must be signed in to change notification settings - Fork 681
/
quick-links.styl
108 lines (89 loc) · 2.61 KB
/
quick-links.styl
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
93
94
95
96
97
98
99
100
101
102
103
104
105
106
107
108
$see-also-outdent = 6px;
.quick-links {
margin-bottom: $grid-spacing;
position: relative;
background-color: #fff;
set-smaller-font-size();
{$selector-heading-font-fallback} {
letter-spacing: -0.002em;
}
/* need to give it a fake border when appearing on zones */
.zone-landing-header-preview-base & {
box-shadow: ($see-also-outdent * -1) 0 0 #fff;
}
a {
color: $text-color;
display: inline-block;
max-width: 100%;
overflow: hidden;
position: relative;
text-overflow: ellipsis;
/* 404 link */
&.new {
color: #900;
}
}
/* hides submenus by default */
ul ul {
display: none;
.no-js & {
display: block;
}
}
li {
padding-top: $content-vertical-spacing;
position: relative;
}
li li {
bidi-style(padding-left, $grid-spacing * 1.5, padding-right, 0);
}
li li li {
bidi-style(padding-left, $grid-spacing, padding-right, 0);
}
/* don't allow empty paragraphs by CKEditor */
p:empty, div:empty {
display: none;
}
.title {
display: inline-block;
margin-bottom: 0;
width: 100%;
&.see-also {
background: $light-background-color;
/* to left align the text in this box with the text above and below */
bidi-style(margin-left, ($see-also-outdent * -1), margin-right, 0);
bidi-value(padding, 4px $see-also-outdent 4px 0px, 4px 0px 4px $see-also-outdent);
text-indent: $see-also-outdent;
}
}
.sidebar-icon {
bidi-value(margin-left, $grid-spacing * -1, 5px);
bidi-value(margin-right, 5px, $grid-spacing * -1);
opacity: 0.3;
/* only the first sidebar-icon gets pulled into the gutter */
& + .sidebar-icon {
bidi-value(margin-left, 0, 5px);
bidi-value(margin-right, 5px, 0);
}
{$selector-icon} {
set-font-size($base-font-size);
bidi-style(margin-left, 0, margin-right, 0);
bidi-style(margin-right, 0, margin-left, 0);
position: realtive;
top: 3px;
min-width: 15px;
vertical-align: top;
}
}
}
/* items which can be clicked on to toggle */
.quick-links .toggleable > a {
display: inline-block;
bidi-style(padding-left, $grid-spacing, padding-right, 0);
{$selector-icon} {
set-font-size($base-font-size);
position: absolute;
top: 1px;
bidi-style(left, -6px, right, auto);
}
}