public/rancher-docs
1
0
Fork 0
mirror of https://github.com/rancher/rancher-docs.git synced 2026-05-22 04:45:19 +00:00
Code Issues Packages Projects Releases Wiki Activity

added css + elemental icon

Browse Source
This commit is contained in:
martyav
2023-11-02 17:52:16 -04:00
parent 3337789edb
commit faac2fee68
5 changed files with 77 additions and 1 deletions
Download Patch File Download Diff File Expand all files Collapse all files
src/css/custom.css
+71 -1
View File
@@ -4,7 +4,8 @@
* bundles Infima by default. Infima is a CSS framework designed to
* work well for content-centric websites.
*/
/* Import fonts. */
/* Import fonts. */
/* poppins */
@font-face {
@@ -210,6 +211,75 @@ a.btn.navbar__github::before {
padding: 0 var(--ifm-pre-padding);
}
/* Navbar "More from SUSE" items. Thanks to Nunix. https://github.com/rancher/elemental-docs/pull/235 */
.navbar__icon {
font-family: poppins,sans-serif;
font-size: 16px;
}
.navbar__icon:before {
content: "";
display: inline-flex;
height: 20px;
width: 20px;
margin-right: 4px;
background-color: var(--ifm-navbar-link-color);
}
.navbar__rancher:before {
mask: url(/static/img/header/icon-rancher.png) no-repeat 100% 100%;
mask-size: cover;
width: 35px;
padding-bottom: 7px;
background-color: #2e68e9;
}
.navbar__elemental:before {
mask: url(/static/img/header/icon-elemental.png) no-repeat 100% 100%;
mask-size: cover;
width: 35px;
height: 22px;
padding-bottom: 7px;
background-color: #7100d4;
}
.navbar__epinio:before {
mask: url(/static/img/header/icon-epinio.png) no-repeat 100% 100%;
mask-size: cover;
width: 35px;
height: 22px;
padding-bottom: 7px;
background-color: #004d93;
}
.navbar__fleet:before {
mask: url(/static/img/header/icon-fleet.png) no-repeat 100% 100%;
mask-size: cover;
width: 35px;
height: 22px;
padding-bottom: 7px;
background-color: #00b056;
}
.navbar__harvester:before {
mask: url(/static/img/header/icon-harvester.png) no-repeat 100% 100%;
mask-size: cover;
width: 35px;
height: 22px;
padding-bottom: 7px;
background-color: #00a580;
}
.navbar__suse:before {
mask: url(/static/img/header/icon-suse.png) no-repeat 100% 100%;
mask-size: cover;
width: 35px;
height: 13px;
padding-bottom: 7px;
background-color: #30ba78;
}
/* These styles are authored by bravemaster619 https://dev.to/bravemaster619/simplest-way-to-embed-a-youtube-video-in-your-react-app-3bk2 */
.video-responsive {