diff --git a/pages/anime/anime.scarlet b/pages/anime/anime.scarlet index e9bc0cb1..086ac0d1 100644 --- a/pages/anime/anime.scarlet +++ b/pages/anime/anime.scarlet @@ -6,22 +6,18 @@ flex 1 .anime-side-column - vertical - margin-left 0 - margin-top 1rem + sidebar > 1250px .anime horizontal .anime-side-column - margin-left content-padding - margin-top 0 - flex-basis 270px + sidebar-medium > 1400px .anime-side-column - flex-basis 300px + sidebar-big .anime-header vertical diff --git a/pages/character/character.scarlet b/pages/character/character.scarlet index c082fd18..5926e034 100644 --- a/pages/character/character.scarlet +++ b/pages/character/character.scarlet @@ -21,9 +21,7 @@ margin-top 1.6rem .character-sidebar - vertical - margin-left 0 - margin-top 1rem + sidebar .character-attributes margin 0 @@ -60,8 +58,8 @@ margin-top typography-margin .character-sidebar - sidebar + sidebar-medium > 1400px .character-sidebar - min-width 300px \ No newline at end of file + sidebar-big \ No newline at end of file diff --git a/pages/company/company.scarlet b/pages/company/company.scarlet index 7bb1bdc0..f8b59542 100644 --- a/pages/company/company.scarlet +++ b/pages/company/company.scarlet @@ -4,16 +4,19 @@ .company-header vertical +.company-sidebar + sidebar + > 1250px .company-page horizontal .company-sidebar - sidebar + sidebar-medium > 1400px .company-sidebar - min-width 300px + sidebar-big .company-name, .company-description diff --git a/styles/include/mixins.scarlet b/styles/include/mixins.scarlet index 79917900..07af3590 100644 --- a/styles/include/mixins.scarlet +++ b/styles/include/mixins.scarlet @@ -65,9 +65,18 @@ mixin anime-mini-item-image filter saturate(1.3) mixin sidebar + vertical + margin-left 0 + margin-top 1rem + flex-shrink 0 + +mixin sidebar-medium margin-left content-padding margin-top 0 - min-width 270px + flex-basis 270px + +mixin sidebar-big + flex-basis 300px mixin bg-dark-up background-color transparent