several small styling adjustments

This commit is contained in:
Benedikt Rötsch
2017-10-04 10:57:13 +02:00
committed by Benedikt Rötsch
parent 67fc0edf62
commit e62c3d8bfd
12 changed files with 110 additions and 20 deletions

View File

@@ -51,8 +51,28 @@
flex: 1 1 auto;
display: flex;
align-items: center;
font-size: 0.7em;
color: var(--color-text-grey);
}
@element disclaimer-logo {
flex: 0 0 auto;
width: 24px;
height: 27px;
margin-right: var(--grid-gutter);
}
@element disclaimer-text {
flex: 1 1 auto;
color: var(--color-text-footer);
font-size: 0.75em;
line-height: 1.5;
& a {
text-decoration: underline;
&:hover {
text-decoration: none;
}
}
}
@element social {

View File

@@ -23,6 +23,8 @@ body {
}
#main__content {
flex: 1 0 auto;
display: flex;
align-items: stretch;
}
#main__footer {
flex: 0 0 auto;

View File

@@ -1 +1,5 @@
@import './modules';
@block modules-container {
flex: 1 1 auto;
}

View File

@@ -24,9 +24,14 @@
color: #fff;
text-align: center;
font-size: 4.5vw;
line-height: 1;
text-shadow: 0px 3px 0px #b2a98f,
0px 14px 10px rgba(0,0,0,0.15),
0px 24px 2px rgba(0,0,0,0.1),
0px 34px 30px rgba(0,0,0,0.1);
@media (--breakpoint-desktop) {
font-size: 4em;
}
}
}

View File

@@ -36,8 +36,8 @@
@element content {
display: flex;
flex-direction: column;
align-self: stretch;
align-items: stretch;
padding-top: calc(var(--grid-gutter) / 2);
@media (--breakpoint-desktop) {

View File

@@ -25,6 +25,8 @@
--color-bg-grey: #f7f9fa;
--color-bg-separator: #e5ebed;
--color-text-footer: #a9b9c0;
--color-sidebar-bg: #f7f9fa;
--color-sidebar-seperator: #eeeeee;