labs/hugo-labs
7
0
Fork 0
Code Issues Pull Requests Releases Wiki Activity

Minor CSS changes

Browse Source
This commit is contained in:
Mikołaj Aleksandrzak 2018-10-05 17:18:03 +02:00
parent 4e958378db
commit d1eb092a72
3 changed files with 68 additions and 66 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

35
layouts/_default/baseof.html
View File

@ -18,23 +18,24 @@
<div class="container-fluid"> <div class="container-fluid">
<div class="row"> <div class="row">
<div class="col-sm-3 col-md-2 collapse sidebar"> <div class="col-sm-3 col-md-2 collapse sidebar">
{{ block "sidebar" . }} <div></div>
{{ partial "sidebar" . }} {{ block "sidebar" . }}
{{ end }} {{ partial "sidebar" . }}
{{ if .IsTranslated }} {{ end }}
<h4>{{ i18n "translations" }}</h4> {{ if .IsTranslated }}
<ul> <h4>{{ i18n "translations" }}</h4>
{{ range .Translations }} <ul>
<li> {{ range .Translations }}
<a href="{{ .RelPermalink }}">{{ .Site.Language.LanguageName }}: {{ .Title }}</a> <li>
</li> <a href="{{ .RelPermalink }}">{{ .Site.Language.LanguageName }}: {{ .Title }}</a>
{{ end }} </li>
</ul> {{ end }}
{{ end }} </ul>
</div> {{ end }}
<div class="col-sm-9 col-sm-offset-3 col-md-10 col-md-offset-2 main"> </div>
{{ block "main" . }} <div class="col-sm-9 col-sm-offset-3 col-md-10 col-md-offset-2 main">
{{ end }} {{ block "main" . }}
{{ end }}
</div> </div>
</div> </div>
</div> </div>

48
layouts/partials/sidebar.html
View File

@ -1,32 +1,32 @@
{{ $currentPage := . }} {{ $currentPage := . }}
<ul> <ul>
{{ range .Site.Menus.main }} {{ range .Site.Menus.main }}
{{ if .HasChildren }} {{ if .HasChildren }}
<li class="item {{ if $currentPage.IsMenuCurrent "main" . }}active{{ end }}"><a href="{{ .URL }}">{{ .Name }}</a> <li class="item {{ if $currentPage.IsMenuCurrent "main" . }}active{{ end }}"><a href="{{ .URL }}">{{ .Name }}</a>
{{ if or ($currentPage.HasMenuCurrent "main" .) ($currentPage.IsMenuCurrent "main" .) }}
<ul>
{{ range .Children }}
<li class="sub-item{{ if $currentPage.IsMenuCurrent "main" . }} active{{ end }}"><a href="{{ .URL }}">{{ .Name }}</a>
{{ if or ($currentPage.HasMenuCurrent "main" .) ($currentPage.IsMenuCurrent "main" .) }} {{ if or ($currentPage.HasMenuCurrent "main" .) ($currentPage.IsMenuCurrent "main" .) }}
<ul> <ul>
{{ range .Children }} {{ range .Children }}
<li class="sub-item{{ if $currentPage.IsMenuCurrent "main" . }} active{{ end }}"><a href="{{ .URL }}">{{ .Name }}</a> <li class="subsub-item{{ if $currentPage.IsMenuCurrent "main" . }} active{{ end }}"><a href="{{ .URL }}">{{ .Name }}</a>
{{ if or ($currentPage.HasMenuCurrent "main" .) ($currentPage.IsMenuCurrent "main" .) }} {{ if or ($currentPage.HasMenuCurrent "main" .) ($currentPage.IsMenuCurrent "main" .) }}
<ul> <ul>
{{ range .Children }} {{ range .Children }}
<li class="subsub-item{{ if $currentPage.IsMenuCurrent "main" . }} active{{ end }}"><a href="{{ .URL }}">{{ .Name }}</a> <li class="subsubsub-item{{ if $currentPage.IsMenuCurrent "main" . }} active{{ end }}"><a href="{{ .URL }}">{{ .Name }}</a></li>
{{ if or ($currentPage.HasMenuCurrent "main" .) ($currentPage.IsMenuCurrent "main" .) }} {{ end }}
<ul> </ul>
{{ range .Children }}
<li class="subsubsub-item{{ if $currentPage.IsMenuCurrent "main" . }} active{{ end }}"><a href="{{ .URL }}">{{ .Name }}</a></li>
{{ end }}
</ul>
{{ end }}
</li>
{{ end }}
</ul>
{{ end }}
</li>
{{ end }} {{ end }}
</ul> </li>
{{ end }}
</ul>
{{ end }} {{ end }}
</li> </li>
{{ end }}
</ul>
{{ end }} {{ end }}
</li>
{{ end }} {{ end }}
{{ end }}
</ul> </ul>

51
static/css/labs.css
View File

@ -1,10 +1,8 @@
BODY { BODY {
padding-top: 75px; padding-top: 75px;
/* font-family: "Work Sans","Source Sans Pro","Open Sans","Helvetica Neue","Helvetica","Tahoma","Geneva","Arial",sans-serif;
*/
letter-spacing: +.02rem; letter-spacing: +.02rem;
font-weight: 300; font-weight: 300;
font-size: 1.8rem; font-size: 1.6rem;
line-height: 2; line-height: 2;
color: #4d5363; color: #4d5363;
} }
@ -16,31 +14,30 @@ code {
h1 { h1 {
text-align: center; text-align: center;
font-size: 4rem; font-size: 3.5rem;
} }
h1, h2, h3, h4, h5, h6 { h1, h2, h3, h4, h5, h6 {
font-family: "Open Sans","Helvetica","Tahoma","Geneva","Arial",sans-serif; font-family: "Open Sans","Helvetica","Tahoma","Geneva","Arial",sans-serif;
/*font-family: "Lato","Open Sans","Helvetica","Tahoma","Geneva","Arial",sans-serif;*/
text-rendering: optimizeLegibility; text-rendering: optimizeLegibility;
line-height: 100%; line-height: 100%;
letter-spacing: 0; letter-spacing: 0;
} }
h2 { h2 {
font-size: 3rem;
}
h3 {
font-size: 2.6rem; font-size: 2.6rem;
} }
h4 { h3 {
font-size: 2.2rem; font-size: 2.2rem;
} }
h4 {
font-size: 1.8rem;
}
img{ img{
max-width: 750px; max-width: 500px;
height: auto; height: auto;
} }
@ -58,11 +55,9 @@ pre {
padding-left: 0px; padding-left: 0px;
padding-right: 20px; padding-right: 20px;
/*background-color: #ba3232; letter-spacing: +.05rem;
border-right: 20px solid #fff;
*/letter-spacing: +.05rem;
font-weight: bold; font-weight: bold;
font-size: 2rem; font-size: 1.8rem;
} }
a:link { a:link {
@ -76,20 +71,22 @@ a:visited {
a:hover { a:hover {
color: #000; color: #000;
} }
.navbar a {
font-size: 1rem;
}
.navbar a:link{ .navbar a:link{
color: #ba3232; color: #ba3232;
font-size: 2rem;
} }
.navbar a:visited { .navbar a:visited {
color: #ba3232; color: #ba3232;
font-size: 2rem; /*font-size: 1.5rem;*/
} }
.navbar a:hover { .navbar a:hover {
color: #ba3232; color: #ba3232;
font-size: 2rem; /*font-size: 2rem;*/
} }
.sidebar-toggle { .sidebar-toggle {
@ -98,10 +95,10 @@ a:hover {
} }
.sidebar { .sidebar {
/*padding-top: 100px; /*padding-top: 100px;*/
*/margin-top: 5px; margin-top: 5px;
/*display: none; /*display: none;*/
*/position: fixed; position: fixed;
top: 51px; top: 51px;
bottom: 0; bottom: 0;
left: 0; left: 0;
@ -113,7 +110,7 @@ a:hover {
border-right: 1px solid #eee; border-right: 1px solid #eee;
/*letter-spacing: +.05rem;*/ /*letter-spacing: +.05rem;*/
font-weight: 400; font-weight: 400;
font-size: 1.6rem; font-size: 1.25rem;
line-height: 1.55; line-height: 1.55;
} }
@ -126,6 +123,10 @@ a:hover {
.sidebar { .sidebar {
display: block; display: block;
} }
.navbar a {
font-size: 2rem;
}
} }
.sidebar a { .sidebar a {