mirror of
https://github.com/yewstack/yew.git
synced 2025-12-08 21:26:25 +00:00
b9863c1f5c
* Add links to the sidebar.
* Remove unnecessary `page-ref`s (these links are now in the sidebar).
* Small grammar/style fix.
* Fix code tabs.
* Remove {% page-ref %} uses.
* Fix some line lengths.
* Split out `custom.css` into multiple files.
* Remove duplicate titles.
103 lines
1.7 KiB
CSS
103 lines
1.7 KiB
CSS
/**
|
|
Docusaurus-like styling for `remarkable-admonitions` blocks
|
|
*/
|
|
|
|
.admonition {
|
|
margin-bottom: 1em;
|
|
padding: 15px 30px 15px 15px;
|
|
}
|
|
|
|
.admonition h5 {
|
|
margin-top: 0;
|
|
margin-bottom: 8px;
|
|
text-transform: uppercase;
|
|
}
|
|
|
|
.admonition-icon {
|
|
display: inline-block;
|
|
vertical-align: middle;
|
|
margin-right: 0.2em;
|
|
}
|
|
|
|
.admonition-icon svg {
|
|
display: inline-block;
|
|
width: 22px;
|
|
height: 22px;
|
|
stroke-width: 0;
|
|
}
|
|
|
|
.admonition-content > :last-child {
|
|
margin-bottom: 0;
|
|
}
|
|
|
|
/** Customization */
|
|
.admonition-warning {
|
|
background-color: rgba(230, 126, 34, 0.1);
|
|
border-left: 8px solid #e67e22;
|
|
}
|
|
|
|
.admonition-warning h5 {
|
|
color: #e67e22;
|
|
}
|
|
|
|
.admonition-warning .admonition-icon svg {
|
|
stroke: #e67e22;
|
|
fill: #e67e22;
|
|
}
|
|
|
|
.admonition-tip {
|
|
background-color: rgba(46, 204, 113, 0.1);
|
|
border-left: 8px solid #2ecc71;
|
|
}
|
|
|
|
.admonition-tip h5 {
|
|
color: #2ecc71;
|
|
}
|
|
|
|
.admonition-tip .admonition-icon svg {
|
|
stroke: #2ecc71;
|
|
fill: #2ecc71;
|
|
}
|
|
|
|
.admonition-caution {
|
|
background-color: rgba(231, 76, 60, 0.1);
|
|
border-left: 8px solid #e74c3c;
|
|
}
|
|
|
|
.admonition-caution h5 {
|
|
color: #e74c3c;
|
|
}
|
|
|
|
.admonition-caution .admonition-icon svg {
|
|
stroke: #e74c3c;
|
|
fill: #e74c3c;
|
|
}
|
|
|
|
.admonition-important {
|
|
background-color: rgba(52, 152, 219, 0.1);
|
|
border-left: 8px solid #3498db;
|
|
}
|
|
|
|
.admonition-important h5 {
|
|
color: #3498db;
|
|
}
|
|
|
|
.admonition-important .admonition-icon svg {
|
|
stroke: #3498db;
|
|
fill: #3498db;
|
|
}
|
|
|
|
.admonition-note {
|
|
background-color: rgba(241, 196, 15, 0.1);
|
|
border-left: 8px solid #f1c40f;
|
|
}
|
|
|
|
.admonition-note h5 {
|
|
color: #f1c40f;
|
|
}
|
|
|
|
.admonition-note .admonition-icon svg {
|
|
stroke: #f1c40f;
|
|
fill: #f1c40f;
|
|
}
|