arcHIVE-tech/Arc-hive-omeka-theme
arcHIVE-tech
/
Arc-hive-omeka-theme
4
0
Fork 0
Code Issues 9 Pull Requests Projects Releases Wiki Activity

header styels for small and medium screens, adapts sizes

This commit is contained in:
jorge 2021-07-07 14:47:20 +02:00
parent 07f2459f66
commit 015312942d
3 changed files with 18 additions and 7 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

2
asset/css/default.css
View File

File diff suppressed because one or more lines are too long

6
asset/scss/global/_branding.scss
View File

@ -13,9 +13,15 @@
background-position: center; background-position: center;
} }
.logo { .logo {
@include breakpoint(small){
max-width: 6rem;
margin-top: -3rem; //half of .logo size
}
@include breakpoint(medium){
max-width: 10rem; max-width: 10rem;
margin-top: -5rem; //half of .logo size margin-top: -5rem; //half of .logo size
} }
}
&.arc-hive{ &.arc-hive{
&::before { &::before {
max-width: 10rem; max-width: 10rem;

11
asset/scss/modules/_header.scss
View File

@ -6,13 +6,15 @@
@include breakpoint(small){ @include breakpoint(small){
@include xy-cell(12); @include xy-cell(12);
@include flex-align(center, middle); @include flex-align(center, middle);
padding: $global-padding*2 $global-padding;
min-width: 14rem;
text-align: center; text-align: center;
} }
@include breakpoint (medium) {
padding: $global-padding*2 $global-padding;
}
@include breakpoint(large){ @include breakpoint(large){
@include xy-cell(shrink); @include xy-cell(shrink);
@include flex-align(left, middle); @include flex-align(left, middle);
// min-width: 14rem;
text-align: unset; text-align: unset;
} }
} }
@ -32,10 +34,13 @@
padding: 0; padding: 0;
font-size: 0.8rem; font-size: 0.8rem;
} }
.menu a { .menu {
justify-content: center;
a {
padding: $global-padding*0.7 $global-padding*0.5; padding: $global-padding*0.7 $global-padding*0.5;
} }
} }
}
@include breakpoint(medium) { @include breakpoint(medium) {
menu { menu {
font-size: $global-font-size*1.5; font-size: $global-font-size*1.5;