1
1
/* Prevents two-dimensional scrolling and content loss. */
2
- h1 , code , li {
2
+ h1 ,
3
+ code ,
4
+ li {
3
5
overflow-wrap : break-word;
4
6
}
5
7
/* Provides padding to push down the "breadcrumb" navigation in nested pages. */
6
- .content {
8
+ .content {
7
9
padding : 1em 3em ;
8
10
}
9
11
/* Improves spacing around custom sidebar section*/
10
- .sidebar-div {
12
+ .sidebar-div {
11
13
margin : var (--sidebar-caption-space-above ) 0 0 0 ;
12
- padding : var (--sidebar-item-spacing-vertical ) var (--sidebar-item-spacing-horizontal );
14
+ padding : var (--sidebar-item-spacing-vertical )
15
+ var (--sidebar-item-spacing-horizontal );
13
16
}
14
17
/* Custom sidebar heading text. Example: Feedback Section heading. */
15
- .sidebar-heading {
18
+ .sidebar-heading {
16
19
color : var (--color-sidebar-caption-text );
17
20
font-size : var (--font-size--normal );
18
21
font-weight : 700 ;
19
22
}
20
23
/* Improves text used in custom sidebar section. Example: Feedback section content.*/
21
- .sidebar-text {
24
+ .sidebar-text {
22
25
color : var (--color-sidebar-caption-text );
23
26
font-size : var (--sidebar-item-font-size );
24
27
line-height : 1.4 ;
25
28
}
26
29
/* Removes empty space above the sidebar-tree (under "Feedback" section) */
27
- .sidebar-tree {
30
+ .sidebar-tree {
28
31
margin-top : 0px ;
29
32
}
30
33
/* Adds padding around AWS Logo in the left sidebar. */
31
- .sidebar-logo {
34
+ .sidebar-logo {
32
35
padding : 20% 15% ;
33
36
}
34
37
/* Hides a div by default. */
@@ -52,7 +55,7 @@ h1, code, li {
52
55
visibility : hidden;
53
56
}
54
57
/* Hides the icon by default and applies relevant styling. */
55
- .nav-close-icon {
58
+ .nav-close-icon {
56
59
color : var (--color-foreground-secondary );
57
60
display : flex;
58
61
align-items : center;
@@ -73,24 +76,24 @@ h1, code, li {
73
76
}
74
77
}
75
78
@media (max-width : 82em ) {
76
- /* Displays a div on a medium screen. */
79
+ /* Displays a div on a medium screen. */
77
80
.show-div-md {
78
81
display : flex;
79
82
}
80
83
}
81
84
/* Apply furo styled admonition titles for <h3>. */
82
85
h3 .admonition-title {
83
- position : relative;
84
- margin : 0 -0.5rem 0.5rem ;
85
- padding-left : 2.5rem ;
86
- padding-right : .5rem ;
87
- padding-top : .4rem ;
88
- padding-bottom : .4rem ;
89
- font-weight : 700 ;
90
- font-size : 1.5em ;
91
- line-height : 1.25 ;
92
- border-radius : unset;
93
- background-color : var (--color-admonition-title-background );
86
+ position : relative;
87
+ margin : 0 -0.5rem 0.5rem ;
88
+ padding-left : 2.5rem ;
89
+ padding-right : 0 .5rem ;
90
+ padding-top : 0 .4rem ;
91
+ padding-bottom : 0 .4rem ;
92
+ font-weight : 700 ;
93
+ font-size : 1.5em ;
94
+ line-height : 1.25 ;
95
+ border-radius : unset;
96
+ background-color : var (--color-admonition-title-background );
94
97
}
95
98
/* Apply furo styled admonition icons before <h3>. */
96
99
h3 .admonition-title ::before {
@@ -103,3 +106,7 @@ h3.admonition-title::before {
103
106
mask-image : var (--icon-admonition-default );
104
107
mask-repeat : no-repeat;
105
108
}
109
+ /* Hides an element by removing it from the document flow */
110
+ .hidden {
111
+ display : none;
112
+ }
0 commit comments