Skip to content

Instantly share code, notes, and snippets.

@tomy0000000

tomy0000000/HackMD Title Navbar

Last active July 29, 2020 02:46
Show Gist options

  • Select an option

    Learn more about clone URLs
  • Save tomy0000000/3d82bed8d993a11c8ce1cb357ed5aadd to your computer and use it in GitHub Desktop.

Select an option

Learn more about clone URLs
Save tomy0000000/3d82bed8d993a11c8ce1cb357ed5aadd to your computer and use it in GitHub Desktop.
Download ZIP
HackMD Title Navbar
Raw
HackMD Title Navbar
<!-- https://hackmd.io/@AIS3-2020 -->
<style>
:root {
--title: 'Testing Title';
--icon: url(https://ais3.org/img/AIS3logo.png);
--animation-time: 5s;
--light-rainbow-colors: #F08080, #FFA07A, #FAFAD2, #90EE90, #87CEFA, #7B68EE, #BA55D3;
--rainbow-colors: Red, Orange, Yellow, Green, Blue, BlueViolet, Navy, Purple;
--rainbow-shadow:
0 0 1px 2px red,
0 0 1px 4px orange,
0 0 1px 6px yellow,
0 0 1px 8px green,
0 0 1px 10px blue,
0 0 1px 12px blueviolet,
0 0 1px 14px navy,
0 0 1px 16px purple;
}
.navbar-brand > span.hidden-xs {
color: transparent;
}
.navbar-brand > span.hidden-xs:before {
background-image: url(https://ais3.org/img/AIS3logo.png);
background-repeat: no-repeat;
content: '　　';
background-size: contain;
}
.navbar-brand > span.hidden-xs:after {
margin-left: -3.8em;
content: var(--title);
color: #4b4645;
}
.navbar-brand > .fa-file-text {
display: none;
}
</style>
Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment