Added a language selector.

This commit is contained in:
Fredrik Jonsson 2018-03-08 14:30:22 +01:00
commit e56f50a91b
2 changed files with 138 additions and 10 deletions

View file

@ -47,6 +47,7 @@ figcaption {
}
}
.language-selector,
article > header,
.content-dates,
.footer {
@ -282,6 +283,25 @@ figcaption {
@include type-layout(l, 1);
}
// Language selector
.language-selector {
position: relative;
padding-left: 32px;
&::before {
content: '';
position: absolute;
top: 0;
left: 0;
background-image: url('../images/language-icon.png');
background-size: 24px;
background-repeat: no-repeat;
height: 24px;
width: 24px;
}
}
// Form
.content {

View file

@ -69,6 +69,11 @@
transform: translateX(100vw);
z-index: 21;
a {
color: color(text-bg);
text-decoration: none;
}
.js-nav-open & {
pointer-events: auto;
box-shadow: -10px 0 10px -10px color(nearblack);
@ -84,11 +89,6 @@
li {
list-style-type: none;
margin: .4rem 0;
a {
color: color('white');
text-decoration: none;
}
}
}
}