ramon
/
skillbox
1
0
Fork 0
Code Issues 1 Pull Requests 1 Packages Projects 1 Releases 1 Wiki Activity

Update some styles

This commit is contained in:
Ramon Wenger 2020-06-02 16:39:59 +02:00
parent 986809247a
commit 6e77cfe433
5 changed files with 20 additions and 9 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

8
client/src/layouts/DefaultFooter.vue
View File

@ -68,6 +68,8 @@
.default-footer { .default-footer {
background-color: $color-silver-light; background-color: $color-silver-light;
max-width: 100vw;
overflow: hidden;
&__section { &__section {
width: 100%; width: 100%;
@ -77,7 +79,8 @@
} }
&__info { &__info {
width: $footer-width; width: 100%;
max-width: $footer-width;
padding: 2*$large-spacing 0; padding: 2*$large-spacing 0;
display: flex; display: flex;
justify-content: space-between; justify-content: space-between;
@ -98,7 +101,8 @@
} }
&__links { &__links {
width: $footer-width; width: 100%;
max-width: $footer-width;
padding: $large-spacing 0; padding: $large-spacing 0;
} }

3
client/src/styles/_book-subnavigation.scss
View File

@ -1,10 +1,11 @@
.book-subnavigation { .book-subnavigation {
&__item { &__item {
@include small-text; @include small-text;
line-height: 2;
margin-bottom: $small-spacing; margin-bottom: $small-spacing;
cursor: pointer; cursor: pointer;
color: $color-silver-dark; color: $color-charcoal-dark;
&--mobile { &--mobile {
color: $color-white; color: $color-white;

3
client/src/styles/_default-layout.scss
View File

@ -6,6 +6,7 @@
margin: 0 auto; margin: 0 auto;
width: 100%; width: 100%;
/* /*
* For IE10+ * For IE10+
*/ */
@ -19,8 +20,6 @@
min-height: 100vh; min-height: 100vh;
grid-auto-rows: 1fr; grid-auto-rows: 1fr;
&--show-filter { &--show-filter {
grid-template-rows: auto auto 1fr $footer-height; grid-template-rows: auto auto 1fr $footer-height;
-ms-grid-rows: 50px 50px 30px 1fr $footer-height; // 1 extra row for gap -ms-grid-rows: 50px 50px 30px 1fr $footer-height; // 1 extra row for gap

13
client/src/styles/_mixins.scss
View File

@ -114,7 +114,8 @@
@mixin small-text { @mixin small-text {
font-family: $sans-serif-font-family; font-family: $sans-serif-font-family;
font-weight: 400; font-weight: 400;
font-size: toRem(16px); //font-size: toRem(16px); todo: did this really change or is this only for the subnavigation
font-size: toRem(14px);
} }
@mixin aside-text { @mixin aside-text {
@ -127,6 +128,13 @@
font-weight: 600; font-weight: 600;
} }
@mixin navigation-link {
font-family: $sans-serif-font-family;
color: $color-charcoal-dark;
font-size: toRem(18px);
font-weight: 600;
}
@mixin meta-title { @mixin meta-title {
color: $color-silver-dark; color: $color-silver-dark;
font-size: toRem(36px); font-size: toRem(36px);
@ -152,10 +160,9 @@
} }
@mixin default-link { @mixin default-link {
font-size: toRem(18px); font-size: toRem(14px);
font-family: $sans-serif-font-family; font-family: $sans-serif-font-family;
font-weight: $font-weight-regular; font-weight: $font-weight-regular;
color: $color-silver-dark;
cursor: pointer; cursor: pointer;
&--active { &--active {

2
client/src/styles/_navigation.scss
View File

@ -1,4 +1,4 @@
.top-navigation { .content-navigation {
display: flex; display: flex;
&__link { &__link {