Added a language selector.
This commit is contained in:
parent
9f8c7cb4ca
commit
e56f50a91b
2 changed files with 138 additions and 10 deletions
|
|
@ -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 {
|
||||
|
|
|
|||
|
|
@ -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;
|
||||
}
|
||||
}
|
||||
}
|
||||
}
|
||||
|
|
|
|||
Loading…
Reference in a new issue