class name change: main-logo -> main-icon
This commit is contained in:
parent
ca373fd003
commit
2f47e7cff8
|
@ -11,6 +11,7 @@ body.type-newsletter {
|
||||||
--signature-bg-dim: rgba(203, 58, 87, 0.147);
|
--signature-bg-dim: rgba(203, 58, 87, 0.147);
|
||||||
--main-border: 5px solid var(--signature);
|
--main-border: 5px solid var(--signature);
|
||||||
--link-hover-color: var(--signature);
|
--link-hover-color: var(--signature);
|
||||||
|
--icon-length: 50px;
|
||||||
|
|
||||||
|
|
||||||
/* regular page layout */
|
/* regular page layout */
|
||||||
|
@ -27,11 +28,11 @@ body.type-newsletter.kind-section {
|
||||||
max-width: calc(var(--nav-width));
|
max-width: calc(var(--nav-width));
|
||||||
}
|
}
|
||||||
|
|
||||||
.main-logo {
|
.main-icon {
|
||||||
position: absolute;
|
position: absolute;
|
||||||
left: 0; top: 0;
|
left: 0; top: 0;
|
||||||
width: 50px;
|
width: var(--icon-length);
|
||||||
height: 50px;
|
height: var(--icon-length);
|
||||||
line-height: 45px;
|
line-height: 45px;
|
||||||
border-right: var(--main-border);
|
border-right: var(--main-border);
|
||||||
border-bottom: var(--main-border);
|
border-bottom: var(--main-border);
|
||||||
|
@ -49,13 +50,13 @@ body.type-newsletter.kind-page {
|
||||||
transition: var(--link-transition);
|
transition: var(--link-transition);
|
||||||
font-size: 32px;
|
font-size: 32px;
|
||||||
margin-bottom: calc(var(--content-gap) * 2);
|
margin-bottom: calc(var(--content-gap) * 2);
|
||||||
line-height: 50px;
|
line-height: var(--icon-length);
|
||||||
|
|
||||||
.icon, .name {
|
.icon, .name {
|
||||||
height: 50px;
|
height: var(--icon-length);
|
||||||
}
|
}
|
||||||
.icon {
|
.icon {
|
||||||
width: 50px;
|
width: var(--icon-length);
|
||||||
color: var(--theme);
|
color: var(--theme);
|
||||||
text-align: center;
|
text-align: center;
|
||||||
background-color: var(--signature);
|
background-color: var(--signature);
|
||||||
|
|
|
@ -1,7 +1,7 @@
|
||||||
{{/* section is AKA list */}}
|
{{/* section is AKA list */}}
|
||||||
|
|
||||||
{{- define "main" }}
|
{{- define "main" }}
|
||||||
<div class="main-logo">@</div>
|
<div class="main-icon">@</div>
|
||||||
|
|
||||||
<header class="page-header">
|
<header class="page-header">
|
||||||
<h1>{{ .Title }}</h1>
|
<h1>{{ .Title }}</h1>
|
||||||
|
|
Loading…
Reference in New Issue