From 416635878d0fc0b3c9d5f47dba86e757f536c7f3 Mon Sep 17 00:00:00 2001 From: "Jorge hangar.org" Date: Mon, 3 May 2021 14:35:36 +0200 Subject: [PATCH] mods on most design details noted on 2021 05 02 --- category-news.php | 65 ++--------------- footer.php | 1 + src/assets/scss/_settings.scss | 16 +++-- src/assets/scss/components/_buttons.scss | 4 ++ src/assets/scss/modules/_content.scss | 90 +++++++++++++++++++----- src/assets/scss/modules/_footer.scss | 9 ++- src/assets/scss/modules/_header.scss | 6 +- template-parts/section-news.php | 3 + 8 files changed, 102 insertions(+), 92 deletions(-) diff --git a/category-news.php b/category-news.php index d26d615..f8de567 100644 --- a/category-news.php +++ b/category-news.php @@ -17,66 +17,11 @@ get_header(); ?> +
+
+ +
+
-
-
-

News

-
-
- 'news', 'posts_per_page' => 12 ) ); ?> - have_posts() ) : ?> - - have_posts() ) : $the_query->the_post(); ?> - - - - - - - - - - - - -

- - -
- -
Cultivamos Cultura
  • Bioart Society
  • Kersnikova
    • +
  • RBINS
  • Kontejner
  • Hangar
    • diff --git a/src/assets/scss/_settings.scss b/src/assets/scss/_settings.scss index cdea30e..95b9ca1 100644 --- a/src/assets/scss/_settings.scss +++ b/src/assets/scss/_settings.scss @@ -156,17 +156,17 @@ $header-lineheight: 1.4; $header-margin-bottom: 0.5rem; $header-styles: ( small: ( - 'h1': ('font-size': 24), - 'h2': ('font-size': 20), - 'h3': ('font-size': 19), + 'h1': ('font-size': 36), + 'h2': ('font-size': 30), + 'h3': ('font-size': 23), 'h4': ('font-size': 18), 'h5': ('font-size': 17), 'h6': ('font-size': 16), ), medium: ( - 'h1': ('font-size': 48), - 'h2': ('font-size': 40), - 'h3': ('font-size': 31), + 'h1': ('font-size': 58), + 'h2': ('font-size': 52), + 'h3': ('font-size': 40), 'h4': ('font-size': 25), 'h5': ('font-size': 20), 'h6': ('font-size': 16), @@ -758,8 +758,10 @@ $prototype-text-overflow: ellipsis; $responsive-embed-margin-bottom: rem-calc(16); $responsive-embed-ratios: ( - default: 4 by 3, + default: 16 by 9, + standard: 4 by 3, widescreen: 16 by 9, + classicfilm: 3 by 2, ); // 47. Reveal diff --git a/src/assets/scss/components/_buttons.scss b/src/assets/scss/components/_buttons.scss index a3a2f79..f821b78 100644 --- a/src/assets/scss/components/_buttons.scss +++ b/src/assets/scss/components/_buttons.scss @@ -5,6 +5,10 @@ button,.button { button,.button { color: $button-color-alt; border-color: $button-color-alt; + font-size: 2rem; + padding-left: $global-padding*6; + padding-right: $global-padding*6; + border-radius: 4rem; // margin: $global-margin*2 0; &:hover{ color: $anchor-color; diff --git a/src/assets/scss/modules/_content.scss b/src/assets/scss/modules/_content.scss index bbd88a1..9cd7ec8 100644 --- a/src/assets/scss/modules/_content.scss +++ b/src/assets/scss/modules/_content.scss @@ -109,10 +109,14 @@ height: 20vw; } } + .date { + height: 1rem; + padding-top: $global-padding*2; + } .entry-title { - padding-top: 4rem; + padding-top: $global-padding*2; line-height: 0.7; - font-size: 1.5rem; + font-size: $global-font-size*1.5; } } } @@ -166,6 +170,29 @@ } // end news category + // + // hero + // for big announcemnts + //--------------------- + +.partners { + .entry-content { + max-width: unset; + p { + padding-left: 30vw; + padding-bottom: 2rem; + border-bottom: 1px solid black; + margin-bottom: 2rem; + } + .alignleft { + margin: 0; + padding: 0; + } + .wp-block-image { + margin: 0; + } + } + } // // hero @@ -180,29 +207,57 @@ .slide { @include xy-grid; @include breakpoint(small){ - @include xy-cell(100%); - @include xy-cell-gutters(0,margin); - width: 100%; - padding: $global-padding*2; + width: 100vw; + margin: 0; + .textwidget { + padding: $global-padding * 2; + } } @include breakpoint(medium){ - @include xy-cell(50%); - @include xy-cell-gutters(0,margin); - font-size: $lead-font-size; - padding: $global-padding * 3; - font-size: $global-font-size*1.5; + .textwidget { + max-width: 50rem; + margin:auto; + padding: $global-padding * 2; + font-size: $global-font-size*1.3; + } + } + @include breakpoint(large){ + width: 50%; + height: calc((50vw*9)/16); + padding: 0; + margin: 0; + overflow:hidden; + a { + @include flex; + @include flex-align (center,middle); + } + img { + // max-width: unset !important; + height: 100% !important; + } + .textwidget { + font-size: $global-font-size*1.3; + padding: $global-padding * 2; + } + } + @include breakpoint(xlarge){ + .textwidget { + font-size: $global-font-size*1.4; + padding: $global-padding*3; + } + } + @include breakpoint(xxlarge){ + .textwidget { + font-size: $global-font-size*1.8; + padding: $global-padding*3; + } } &:first-child { background-color: $primary-color; font-variant:all-small-caps; } color: $white; - > * { - @include xy-cell(full); - @include flex; - @include flex-align(center,middle); - } .logo { @include breakpoint(medium){ max-width: 80%; @@ -217,7 +272,8 @@ @include xy-cell(auto); @include flex; @include flex-align(spaced,middle); - min-height: 8rem; + min-height: 6rem; + padding: $global-padding 0 ; a { color: $body-font-color; } diff --git a/src/assets/scss/modules/_footer.scss b/src/assets/scss/modules/_footer.scss index 84d6e4b..955b651 100644 --- a/src/assets/scss/modules/_footer.scss +++ b/src/assets/scss/modules/_footer.scss @@ -1,7 +1,5 @@ footer { background-color: $secondary-color; - padding-left: $global-padding; - padding-right: $global-padding; a { color: $body-font-color; &:hover { @@ -32,6 +30,7 @@ footer { &::before { margin-top:unset; max-width:100%; + max-height: 4rem; } } } @@ -41,11 +40,11 @@ footer { @include flex; @include flex-align(left,middle); border-top: 1px solid black; - padding: $global-padding 0; + padding: $global-padding; font-size: $global-font-size * 0.8; - font-variant:all-small-caps; + //font-variant:all-small-caps; &:first-child { - padding-top: $global-padding*3; + //padding-top: $global-padding*3; } .co-founded { text-align:right; diff --git a/src/assets/scss/modules/_header.scss b/src/assets/scss/modules/_header.scss index be6e323..9d961d5 100644 --- a/src/assets/scss/modules/_header.scss +++ b/src/assets/scss/modules/_header.scss @@ -6,7 +6,7 @@ @include breakpoint(small){ @include xy-cell(12); @include flex-align(center, middle); - padding: $global-padding*2; + padding: $global-padding*2 $global-padding; min-width: 14rem; text-align: center; } @@ -30,7 +30,7 @@ menu { margin: 0; padding: 0; - font-size: 0.9rem; + font-size: 0.8rem; } } @include breakpoint(medium){ @@ -40,7 +40,7 @@ menu { margin: inherit; padding: inherit; - font-size: $global-font-size; + font-size: $global-font-size*1.5; } } } diff --git a/template-parts/section-news.php b/template-parts/section-news.php index b56ab7a..3014ba9 100644 --- a/template-parts/section-news.php +++ b/template-parts/section-news.php @@ -30,6 +30,9 @@ +
    + +