Commit dc2380c5 authored by Jacek Lebioda's avatar Jacek Lebioda
Browse files

No relative widths

parent c4c9eced
......@@ -23,7 +23,7 @@ $table-text-align: left !default;
// Width of the content area
$content-width: 1080px !default;
$on-palm: 600px !default;
$on-palm: 640px !default;
$on-laptop: 1080px !default;
// height of the banner
......
......@@ -195,9 +195,20 @@ pre {
padding-left: $spacing-unit;
}
@media (max-width: 600px) {
@media (max-width: 640px) {
.main {
padding-left: 0%;
padding-right: 0%;
}
.site-header[role=banner] {
height: 126px;
}
}
@media (max-width: 500px) {
.wrapper {
padding-left: 1%;
padding-left: 2%;
padding-right: 1%;
}
......@@ -205,6 +216,10 @@ pre {
padding-left: 0%;
padding-right: 0%;
}
.site-header[role=banner] {
height: 70px;
}
}
/**
......
......@@ -22,11 +22,12 @@
.img-banner-main {
margin-left: 3%;
width: 22%;
width: 238px;
// width: 22%;
}
.img-banner-motto {
width: 20%;
width: 216px;
}
.img-lcsb {
......@@ -47,20 +48,26 @@
padding: 0px;
}
// Small-screen ==================================================================================
// Normal screen =================================================================================
@media (max-width: 900px) {
.img-banner-motto {
display: none;
}
@media (max-width: 600px) {
.img-uni-lu {
margin-left: 1%;
margin-left: 3%;
}
}
.img-banner {
margin-bottom: 2%;
// Small-screen ==================================================================================
@media (max-width: 640px) {
.img-uni-lu {
margin-left: 1%;
}
.img-banner-main {
margin-left: 3%;
width: 30%;
bottom: -20px;
}
......@@ -78,9 +85,12 @@
// Ultra-small screen ==================================================================================
@media (max-width: 500px) {
.custom-header {
.img-banner-main {
margin-left: 5px;
bottom: -7px;
width: 180px;
}
.img-uni-lu {
margin-left: 2px;
width: 40px;
......
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