mirror of
https://github.com/McShelby/hugo-theme-relearn.git
synced 2025-02-15 16:23:32 +00:00
docs: move logo CSS
to make resulting page validate
This commit is contained in:
parent
cb77a2f14c
commit
d6c4f517c6
3 changed files with 41 additions and 40 deletions
|
@ -1,6 +1,45 @@
|
||||||
|
|
||||||
<style>
|
<style>
|
||||||
|
/* image effects */
|
||||||
#R-body img.bg-white {
|
#R-body img.bg-white {
|
||||||
background-color: white;
|
background-color: white;
|
||||||
}
|
}
|
||||||
|
|
||||||
|
/* logo */
|
||||||
|
#R-logo {
|
||||||
|
font-size: 1.875rem;
|
||||||
|
margin-bottom: -.666rem;
|
||||||
|
margin-top: -.666rem;
|
||||||
|
max-width: 100%;
|
||||||
|
width: 14.125rem;
|
||||||
|
}
|
||||||
|
@media only all and (max-width: 59.999rem) {
|
||||||
|
#R-logo {
|
||||||
|
font-size: 1.5625rem;
|
||||||
|
margin-bottom: -.1875rem;
|
||||||
|
margin-top: -.1875rem;
|
||||||
|
}
|
||||||
|
}
|
||||||
|
#R-logo svg {
|
||||||
|
display: inline-block;
|
||||||
|
opacity: .945;
|
||||||
|
vertical-align: middle;
|
||||||
|
width: 29%;
|
||||||
|
}
|
||||||
|
@media only all and (max-width: 59.999rem) {
|
||||||
|
#R-logo svg {
|
||||||
|
width: 24.5%;
|
||||||
|
}
|
||||||
|
}
|
||||||
|
#R-logo svg * {
|
||||||
|
opacity: .945;
|
||||||
|
}
|
||||||
|
#R-logo .logo-title{
|
||||||
|
display: inline-block;
|
||||||
|
text-align: left;
|
||||||
|
text-wrap: wrap;
|
||||||
|
overflow-wrap: break-word;
|
||||||
|
vertical-align: middle;
|
||||||
|
width: 4.5em;
|
||||||
|
}
|
||||||
</style>
|
</style>
|
|
@ -1,42 +1,4 @@
|
||||||
<style>
|
<!-- CSS styles are in layouts/partials/custom-header.html -->
|
||||||
a#R-logo * {
|
|
||||||
display: inline-block;
|
|
||||||
}
|
|
||||||
a#R-logo {
|
|
||||||
font-size: 1.875rem;
|
|
||||||
margin-bottom: -.666rem;
|
|
||||||
margin-top: -.666rem;
|
|
||||||
max-width: 100%;
|
|
||||||
width: 14.125rem;
|
|
||||||
}
|
|
||||||
@media only all and (max-width: 59.999rem) {
|
|
||||||
a#R-logo {
|
|
||||||
font-size: 1.5625rem;
|
|
||||||
margin-bottom: -.1875rem;
|
|
||||||
margin-top: -.1875rem;
|
|
||||||
}
|
|
||||||
}
|
|
||||||
#R-logo svg,
|
|
||||||
#R-logo svg * {
|
|
||||||
opacity: .945;
|
|
||||||
}
|
|
||||||
#R-logo svg {
|
|
||||||
vertical-align: middle;
|
|
||||||
width: 29%;
|
|
||||||
}
|
|
||||||
@media only all and (max-width: 59.999rem) {
|
|
||||||
#R-logo svg {
|
|
||||||
width: 24.5%;
|
|
||||||
}
|
|
||||||
}
|
|
||||||
.logo-title{
|
|
||||||
text-align: left;
|
|
||||||
text-wrap: wrap;
|
|
||||||
overflow-wrap: break-word;
|
|
||||||
width: 4.5em;
|
|
||||||
vertical-align: middle;
|
|
||||||
}
|
|
||||||
</style>
|
|
||||||
<a id="R-logo" href="{{ partial "permalink.gotmpl" (dict "to" .Site.Home) }}">
|
<a id="R-logo" href="{{ partial "permalink.gotmpl" (dict "to" .Site.Home) }}">
|
||||||
<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 64.044 64.044">
|
<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 64.044 64.044">
|
||||||
<style>
|
<style>
|
||||||
|
|
|
@ -1 +1 @@
|
||||||
7.3.2+fb96c34e7ff1df57d857a4c8378f65eff1a9fddf
|
7.3.2+cb77a2f14ce4ca2e4334f0067cc3105b8d6845a2
|
Loading…
Add table
Reference in a new issue