kienan
/
hugo-theme-zzo
mirror of https://github.com/zzossig/hugo-theme-zzo.git
1
0
Fork 0
Code Issues Projects Releases Wiki Activity

[new param] viewportSize 

#221
widest: 1600px
wider: 1440px
wide: 1280px
normal: 960px
narrow: 800px
This commit is contained in:
zzossig 2020-03-06 10:34:35 +09:00
parent 1a13138c0e
commit 0dc9e52ff7
5 changed files with 27 additions and 0 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

4
README.ko.md
View File

@ -241,6 +241,10 @@ notAllowedTypesInHomeSidebar = ["about", "archive", "showcase"] # not allowed pa
notAllowedTypesInArchive = ["about", "talks", "showcase"] # not allowed page types in archive page notAllowedTypesInArchive = ["about", "talks", "showcase"] # not allowed page types in archive page
notAllowedTypesInHomeFeed = ["about", "archive", "contact", "talks", "showcase", "publication", "presentation", "resume", "gallery"] notAllowedTypesInHomeFeed = ["about", "archive", "contact", "talks", "showcase", "publication", "presentation", "resume", "gallery"]
viewportSize = "normal" # widest, wider, wide, normal, narrow
enableUiAnimation = true
hideSingleContentsWhenJSDisabled = false
# header # header
homeHeaderType = "text" # text, img, slide homeHeaderType = "text" # text, img, slide

4
README.md
View File

@ -249,6 +249,10 @@ notAllowedTypesInHomeSidebar = ["about", "archive", "showcase"] # not allowed pa
notAllowedTypesInArchive = ["about", "talks", "showcase"] # not allowed page types in archive page notAllowedTypesInArchive = ["about", "talks", "showcase"] # not allowed page types in archive page
notAllowedTypesInHomeFeed = ["about", "archive", "contact", "talks", "showcase", "publication", "presentation", "resume", "gallery"] notAllowedTypesInHomeFeed = ["about", "archive", "contact", "talks", "showcase", "publication", "presentation", "resume", "gallery"]
viewportSize = "normal" # widest, wider, wide, normal, narrow
enableUiAnimation = true
hideSingleContentsWhenJSDisabled = false
# header # header
homeHeaderType = "text" # text, img, slide homeHeaderType = "text" # text, img, slide

16
assets/sass/layout/_grid.scss
View File

@ -1,3 +1,19 @@
$grid_max_width: 960;
@if global-variable-exists(viewport_size) {
@if $viewport_size == widest {
$grid_max_width: 1600;
} @else if $viewport_size == wider {
$grid_max_width: 1440;
} @else if $viewport_size == wide {
$grid_max_width: 1280;
} @else if $viewport_size == narrow {
$grid_max_width: 800;
} @else {
$grid_max_width: 960;
}
}
$grid_max: $grid_max_width + $grid_max_unit; $grid_max: $grid_max_width + $grid_max_unit;
$grid_main_main: $grid_main_main_width + $grid_main_main_unit; $grid_main_main: $grid_main_main_width + $grid_main_main_unit;
$grid_main_side: $grid_main_side_width + $grid_main_side_unit; $grid_main_side: $grid_main_side_width + $grid_main_side_unit;

2
assets/sass/main.scss
View File

@ -31,6 +31,8 @@ $title-font: {{ .Site.Data.font.title_font }};
$content-font: {{ .Site.Data.font.content_font }}; $content-font: {{ .Site.Data.font.content_font }};
$cursive-font: {{ .Site.Data.font.cursive_font }}; $cursive-font: {{ .Site.Data.font.cursive_font }};
$viewport_size: {{ .Site.Params.viewportSize | default "normal" }};
@import 'abstracts/variables'; @import 'abstracts/variables';
@import 'abstracts/mixins'; @import 'abstracts/mixins';
@import 'abstracts/functions'; @import 'abstracts/functions';

1
exampleSite/config/_default/params.toml
View File

@ -13,6 +13,7 @@ notAllowedTypesInHomeSidebar = ["about", "archive", "showcase", "publication", "
notAllowedTypesInArchive = ["about", "talks", "showcase", "publication", "presentation", "resume"] notAllowedTypesInArchive = ["about", "talks", "showcase", "publication", "presentation", "resume"]
notAllowedTypesInHomeFeed = ["about", "archive", "contact", "talks", "showcase", "publication", "presentation", "resume", "gallery"] notAllowedTypesInHomeFeed = ["about", "archive", "contact", "talks", "showcase", "publication", "presentation", "resume", "gallery"]
viewportSize = "normal" # widest, wider, wide, normal, narrow
enableUiAnimation = true enableUiAnimation = true
hideSingleContentsWhenJSDisabled = false hideSingleContentsWhenJSDisabled = false