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
109
110
111
112
|
/* Prevents two-dimensional scrolling and content loss. */
h1,
code,
li {
overflow-wrap: break-word;
}
/* Provides padding to push down the "breadcrumb" navigation in nested pages. */
.content {
padding: 1em 3em;
}
/* Improves spacing around custom sidebar section*/
.sidebar-div {
margin: var(--sidebar-caption-space-above) 0 0 0;
padding: var(--sidebar-item-spacing-vertical)
var(--sidebar-item-spacing-horizontal);
}
/* Custom sidebar heading text. Example: Feedback Section heading. */
.sidebar-heading {
color: var(--color-sidebar-caption-text);
font-size: var(--font-size--normal);
font-weight: 700;
}
/* Improves text used in custom sidebar section. Example: Feedback section content.*/
.sidebar-text {
color: var(--color-sidebar-caption-text);
font-size: var(--sidebar-item-font-size);
line-height: 1.4;
}
/* Removes empty space above the sidebar-tree (under "Feedback" section) */
.sidebar-tree {
margin-top: 0px;
}
/* Adds padding around AWS Logo in the left sidebar. */
.sidebar-logo {
padding: 20% 15%;
}
/* Hides a div by default. */
.show-div-sm {
display: none;
}
/* Hides a div by default. */
.show-div-md {
display: none;
}
/* Positions items starting from the right. */
.justify-content-right {
justify-content: right;
}
/* Positions items starting from the left. */
.justify-content-left {
justify-content: left;
}
/* Hides the sidebar and prevents keyboard users from focusing on elements. */
.hide-sidebar {
visibility: hidden;
}
/* Hides the icon by default and applies relevant styling. */
.nav-close-icon {
color: var(--color-foreground-secondary);
display: flex;
align-items: center;
justify-content: center;
cursor: pointer;
}
/* Safeguard for ensuring menus are always visible on larger screens. */
@media (min-width: 82em) {
.hide-sidebar {
visibility: visible;
}
}
/* We only want to show the close-icon on medium-small screens. */
@media (max-width: 67em) {
/* Displays a div on a small screen. */
.show-div-sm {
display: flex;
}
}
@media (max-width: 82em) {
/* Displays a div on a medium screen. */
.show-div-md {
display: flex;
}
}
/* Apply furo styled admonition titles for <h3>. */
h3.admonition-title {
position: relative;
margin: 0 -0.5rem 0.5rem;
padding-left: 2.5rem;
padding-right: 0.5rem;
padding-top: 0.4rem;
padding-bottom: 0.4rem;
font-weight: 700;
font-size: 1.5em;
line-height: 1.25;
border-radius: unset;
background-color: var(--color-admonition-title-background);
}
/* Apply furo styled admonition icons before <h3>. */
h3.admonition-title::before {
content: "";
position: absolute;
left: 0.5rem;
width: 1.5rem;
height: 1.5rem;
background-color: var(--color-admonition-title);
mask-image: var(--icon-admonition-default);
mask-repeat: no-repeat;
}
/* Hides an element by removing it from the document flow */
.hidden {
display: none;
}
|
