1
0
Fork 0

💄 Style tweaks

This commit is contained in:
Joost De Cock 2019-06-02 15:18:00 +02:00
parent 5f16da1d3c
commit 09cc0af695
5 changed files with 22 additions and 14 deletions

View file

@ -1,17 +1,20 @@
div.prev-next {
margin: 3rem 0 0 0;
margin: 3.33rem 0 6.66rem 0;
padding: 0.25rem;
padding-bottom: 0;
display: flex;
flex-direction: row;
flex-wrap: wrap;
align-content: center;
justify-content: space-between;
border-bottom: 1px solid $oc-gray-3;
span.arrow {
font-weight: bold;
font-size: 120%;
}
span.arrow.prev { padding-right: 0.5rem; }
span.arrow.next { padding-left: 0.5rem; }
background: $oc-blue-0;
border: 1px solid $oc-blue-1;
border-radius: 4px;
padding: 9px;
}
.theme-wrapper.dark {
div.prev-next {
background: $oc-blue-9;
border-color: $oc-blue-7;
}
}

View file

@ -4,8 +4,8 @@ pre[class*="language-"] {
}
.theme-wrapper.light :not(pre) > code[class*="language-"] {
padding: 0.1rem 0.25rem;
background: $oc-gray-2;
border: 1px $oc-gray-3 solid;
background: $oc-yellow-0;
border: 1px $oc-yellow-2 solid;
color: $oc-gray-9;
}
.theme-wrapper.dark :not(pre) > code[class*="language-"] {

View file

@ -28,3 +28,8 @@ ul.links {
background: $fc-link-light;
}
}
@include xs-screen {
ul.links {
padding-left: 0.5rem;
}
}

View file

@ -8,12 +8,12 @@
left: 0;
width: 100%;
height: 100vh;
padding: 2rem;
padding-top: 4rem;
padding: 0 0 1rem;
max-width: 600px;
z-index: -10;
transition: opacity 0.5s ease 0s;
opacity: 0;
overflow: scroll;
> ul,
> div {
transform: translate(0px, 20px);

View file

@ -16,7 +16,7 @@ div.fs-sa {
aside div.sticky {
position: sticky;
top: 1rem;
height: 100vh;
min-height: 100vh;
overflow-y: scroll;
}
}