Skip to content

Commit 324157d

Browse files
Fix extra.css (15) (#915)
This PR fixes a small bug in the extra.css file related to contribution guide link.
1 parent e32f3ba commit 324157d

1 file changed

Lines changed: 36 additions & 49 deletions

File tree

docs/css/extra.css

Lines changed: 36 additions & 49 deletions
Original file line numberDiff line numberDiff line change
@@ -24,52 +24,39 @@
2424
display: flex;
2525
flex-direction: column; /* stack vertically */
2626
align-items: center; /* center horizontally */
27-
gap: 0.3rem; /* Banner container */
28-
.edit-contrib-banner {
29-
display: flex;
30-
justify-content: center; /* center horizontally */
31-
padding: 0.7rem 0; /* top and bottom spacing of the banner */
32-
background-color: transparent;
33-
}
34-
35-
/* Inner content stacked vertically */
36-
.edit-contrib-banner .banner-content {
37-
display: flex;
38-
flex-direction: column; /* stack vertically */
39-
align-items: center; /* center horizontally */
40-
gap: 0.3rem; /* small vertical gap between elements */
41-
}
42-
43-
/* Edit link styling */
44-
.edit-contrib-banner .edit-page-link {
45-
white-space: nowrap;
46-
display: inline-flex;
47-
align-items: center;
48-
gap: 0.5em;
49-
font-size: 1.2rem;
50-
font-weight: normal;
51-
color: var(--md-typeset-a-color);
52-
}
53-
54-
/* Icon inside edit link */
55-
.edit-contrib-banner .edit-page-icon svg {
56-
width: 1.4em;
57-
height: 1.4em;
58-
fill: currentColor;
59-
vertical-align: middle;
60-
}
61-
62-
/* Divider line with small spacing */
63-
.edit-contrib-banner .banner-divider {
64-
width: 40%; /* width of the line */
65-
border-top: 1px solid var(--md-typeset-a-color);
66-
opacity: 0.3; /* subtle line */
67-
margin: 0.2rem 0; /* smaller space above and below the line */
68-
}
69-
70-
/* Contributing Guide smaller and below */
71-
.edit-contrib-banner .contrib-link {
72-
font-size: 0.6rem !important; /* smaller font */
73-
color: var(--md-typeset-a-color);
74-
}
75-
27+
gap: 0.3rem; /* small vertical gap between elements */
28+
}
29+
30+
/* Edit link styling */
31+
.edit-contrib-banner .edit-page-link {
32+
white-space: nowrap;
33+
display: inline-flex;
34+
align-items: center;
35+
gap: 0.5em;
36+
font-size: 1.2rem;
37+
font-weight: normal;
38+
color: var(--md-typeset-a-color);
39+
}
40+
41+
/* Icon inside edit link */
42+
.edit-contrib-banner .edit-page-icon svg {
43+
width: 1.4em;
44+
height: 1.4em;
45+
fill: currentColor;
46+
vertical-align: middle;
47+
}
48+
49+
/* Divider line with small spacing */
50+
.edit-contrib-banner .banner-divider {
51+
width: 40%; /* width of the line */
52+
border-top: 1px solid var(--md-typeset-a-color);
53+
opacity: 0.3; /* subtle line */
54+
margin: 0.2rem 0; /* smaller space above and below the line */
55+
}
56+
57+
/* Contributing Guide smaller and below */
58+
.edit-contrib-banner .contrib-link {
59+
font-size: 0.6rem !important; /* smaller font */
60+
color: var(--md-typeset-a-color);
61+
}
62+

0 commit comments

Comments
 (0)