Commit 1b470511 authored by Jacek Lebioda's avatar Jacek Lebioda
Browse files

Responsive header

parent 7e83116a
...@@ -4,7 +4,7 @@ ...@@ -4,7 +4,7 @@
{%- assign default_paths = site.pages | map: "path" -%} {%- assign default_paths = site.pages | map: "path" -%}
{%- assign page_paths = site.header_pages | default: default_paths -%} {%- assign page_paths = site.header_pages | default: default_paths -%}
<div class="custom-header" style="border-bottom: solid 1px #777"> <div class="custom-header">
<img class="img-uni-lu" <img class="img-uni-lu"
src="{{ '/assets/banners/uni-logo.svg' | relative_url }}" src="{{ '/assets/banners/uni-logo.svg' | relative_url }}"
type="image/svg+xml" type="image/svg+xml"
......
...@@ -171,6 +171,7 @@ pre { ...@@ -171,6 +171,7 @@ pre {
.main { .main {
max-width: $content-width; max-width: $content-width;
min-width: 480px;
margin-right: auto; margin-right: auto;
margin-left: auto; margin-left: auto;
......
...@@ -57,7 +57,8 @@ ...@@ -57,7 +57,8 @@
@include media-query($on-palm) { @include media-query($on-palm) {
position: absolute; position: absolute;
top: 9px; top: 9px;
right: $spacing-unit / 2; // right: $spacing-unit / 2;
right: -20px;
background-color: $background-color; background-color: $background-color;
border: 1px solid $grey-color-light; border: 1px solid $grey-color-light;
border-radius: 5px; border-radius: 5px;
......
.img-lcsb { .custom-header {
bottom: -15px; border-bottom: solid 1pt #777;
float: right; min-width: 480px;
margin-right: 1%; }
// Uni-lu image ============================================================================
.img-uni-lu {
bottom: -2px;
border: solid 1pt #777;
border-bottom: solid 4px white;
border-radius: 14px 14px 0 0;
margin-left: 8%;
padding: 1% 2% 0px 2%;
position: relative; position: relative;
} }
@media (max-width: 600px) {
.img-uni-lu {
margin-left: 1%;
width: 80px;
}
}
// Banner ==================================================================================
.img-banner { .img-banner {
bottom: -10px; bottom: -10px;
margin-left: 3%; margin-left: 3%;
position: relative; position: relative;
width: 40% width: 40%;
} }
.img-uni-lu { @media (max-width: 600px) {
bottom: -2px; .img-banner {
border: solid 1px #777; margin-left: 1%;
border-bottom: solid 4px white; width: 50%;
border-radius: 14px 14px 0 0; }
margin-left: 8%; }
padding: 1% 2% 0px 2%;
// LCSB image ==============================================================================
.img-lcsb {
bottom: -15px;
float: right;
margin-right: 1%;
position: relative; position: relative;
} }
\ No newline at end of file
@media (max-width: 600px) {
.img-lcsb {
margin-right: 1%;
width: 120px;
bottom: -8px;
}
}
Markdown is supported
0% or .
You are about to add 0 people to the discussion. Proceed with caution.
Finish editing this message first!
Please register or to comment