Several Updates

functions.php

@@ -9,7 +9,7 @@
 
 if ( ! defined( 'EVN_VERSION' ) ) {
 	// Replace the version number of the theme on each release.
-	define( 'EVN_VERSION', '1.0.0' );
+	define( 'EVN_VERSION', '1.0.1' );
 }
 
 /**

inc/enqueue.php

@@ -37,9 +37,9 @@ function evn_scripts() {
 
 	wp_enqueue_script( 'evn-bookings', get_template_directory_uri() . '/js/bookings.js', array(), EVN_VERSION, true );
 
-	wp_enqueue_script('evn_parvus_src', get_template_directory_uri() . '/js/parvus.min.js', array('jquery'), EVN_VERSION, true );
+	//wp_enqueue_script('evn_parvus_src', get_template_directory_uri() . '/js/parvus.min.js', array('jquery'), EVN_VERSION, true );
 
-	wp_enqueue_script('evn_parvus_init', get_template_directory_uri() . '/js/parvus-init.js', array('evn_parvus_src', 'jquery'), EVN_VERSION, true );
+	//wp_enqueue_script('evn_parvus_init', get_template_directory_uri() . '/js/parvus-init.js', array('evn_parvus_src', 'jquery'), EVN_VERSION, true );
 
 	if ( is_singular() && comments_open() && get_option( 'thread_comments' ) ) {
 		wp_enqueue_script( 'comment-reply' );

js/parvus-init.js

@@ -1,5 +1,5 @@
 const prvs = new Parvus({
-  gallerySelector: '.event-gallery',
+  gallerySelector: '.gallery-grid.lightbox',
   captionsSelector: '.gallery-caption',
   swipeClose: false,
 });

sass/abstracts/_colors.scss

@@ -7,6 +7,7 @@ $color__background-ins: #fff9c0;
 $color__accent: #2A5B7A;
 
 $color__text-screen: #000;
+$color__text-light: #222;
 $color__text-input: #222;
 $color__text-input-focus: $color__accent;
 $color__link: currentColor;

sass/abstracts/_mixins.scss

@@ -9,3 +9,39 @@
 @mixin column-width($numberColumns: 3) {
 	width: map-get($columns, $numberColumns) - ( ( $columns__margin * ( $numberColumns - 1 ) ) / $numberColumns );
 }
+
+// Content wrap
+@mixin content-wrap {
+	padding-left: $spacing__default-sm;
+	padding-right: $spacing__default-sm;
+
+	@media screen and (min-width: 600px) { 
+		padding-left: $spacing__default-md;
+		padding-right: $spacing__default-md;
+		max-width: 150ch;
+	}
+
+	@media screen and (min-width: 1100px) { 
+		padding-left: $spacing__default-lg;
+		padding-right: $spacing__default-lg;
+		margin: 0 auto;
+		max-width: 150ch;
+	}
+}
+
+@mixin entry-content {
+	padding-left: $spacing__content-sm;
+	padding-right: $spacing__content-sm;
+
+	@media screen and (min-width: 600px) { 
+		padding-left: $spacing__content-md;
+		padding-right: $spacing__content-md;
+	}
+
+	@media screen and (min-width: 1100px) { 
+		padding-left: $spacing__content-lg;
+		padding-right: $spacing__content-lg;
+		margin: 0 auto;
+		max-width: 150ch;
+	}
+}

sass/abstracts/_structure.scss

@@ -1,2 +1,11 @@
-$size__site-main: 100%;
-$size__site-sidebar: 25%;
+$spacing__default-lg: 5.875rem; 
+$spacing__default-md: 2rem;
+$spacing__default-sm: 1rem;
+
+$spacing__content-lg: 15rem;
+$spacing__content-md: 1rem;
+$spacing__content-sm: 0rem;
+
+$spacing__total-lg: $spacing__content-lg + $spacing__default-lg;
+$spacing__total-md: $spacing__content-md + $spacing__default-md;
+$spacing__total-sm: $spacing__content-sm + $spacing__default-sm;

sass/css/editor/gutenberg.scss

@@ -4,6 +4,7 @@
 @import "../../abstracts/colors";
 @import "../../abstracts/typography";
 @import "../../abstracts/mixins";
+@import "../../abstracts/structure";
 
 /* Fonts for gutenberg */ 
 @font-face {
@@ -43,6 +44,10 @@
 
 }
 
+body .edit-post-visual-editor__content-area{
+    font-size: 1.31em;
+}
+
 .editor-styles-wrapper{
 
 	overflow-x: hidden;
@@ -74,6 +79,24 @@
 		}
 	}
 
+	.wp-block-post-content {
+		padding-left: $spacing__total-sm;
+		padding-right: $spacing__total-sm;
+
+		@media screen and (min-width: 600px) { 
+			padding-left: $spacing__total-md;
+			padding-right: $spacing__total-md;
+			max-width: 150ch;
+		}
+
+		@media screen and (min-width: 1100px) { 
+			padding-left: $spacing__total-lg;
+			padding-right: $spacing__total-lg;
+			margin: 0 auto;
+			max-width: 150ch;
+		}
+	}
+
 	.wp-block-quote {
 		border-left: none;
 		padding-left: 0;
@@ -146,10 +169,6 @@
 	--------------------------------------------- */
 	@import "../../utilities/accessibility";
 
-	/* Alignments
-	--------------------------------------------- */
-	@import "../../utilities/alignments";
-
 	/* Blocks
 	--------------------------------------------- */
 	@import "../../utilities/blocks";
@@ -161,5 +180,16 @@
 	/* WP-Core Utilities
 	--------------------------------------------- */
 	@import "../../structure/content";
+	@import "../../structure/wp-core";
+
+	.block-editor-block-list__layout.is-root-container {
+		> * {
+			max-width: unset !important;
+		}
+
+		/* Alignments
+		--------------------------------------------- */
+		@import "../../utilities/alignments";
+	}
 
 }

sass/elements/_buttons.scss

@@ -20,7 +20,7 @@ a.button,
 
 	&:hover, 
 	&:active,
-	&:focus-visible,
+	&:focus,
 	&[aria-selected="true"] {
 		border-right: 1px solid $color__accent;
 		border-left: 1px solid $color__accent;
@@ -33,7 +33,7 @@ a.button,
 	}
 
 	&:visited {
-		color: $color__accent;     
+		color: $color__accent !important;     
 	}
 
 	svg {

sass/patterns/_captions.scss

@@ -15,3 +15,9 @@
 .wp-caption-text {
 	text-align: center;
 }
+
+figcaption {
+	font-size: 0.85em;
+	font-family: $font__thin;
+	color: $color__text-light;
+}

sass/patterns/_dialog.scss

@@ -93,6 +93,12 @@
    svg {
     transform: rotate(270deg);
    }
+
+   @media screen and (max-width: 481px) {
+    font-size: 0.7em !important;
+    height: 2.125em !important;
+    padding: 0.325em 1.5em !important;
+   }
  }
 
  .cta.ribbon {
@@ -121,7 +127,15 @@
     }
    }
 
+   @media screen and (max-width: 481px) {
+    font-size: 0.7em !important;
+    height: 2.125em !important;
+    padding: 0.325em 1.5em !important;
+   }
+
    @media screen and (min-width: 480px) {
     right: calc(23rem + 1.125em);
    }
+
+
  }

sass/patterns/_hero.scss

@@ -142,6 +142,12 @@
 
     }
 
+    @media screen and (min-width: 500px) {
+        #portrait {
+            max-width: calc(66.66vh + 4em);
+        }
+    }
+
     @media screen and (min-width: 600px) {
         .homepage-content{
             font-size: 0.8em;

sass/patterns/_parvus.scss

@@ -354,6 +354,7 @@
     stroke-width: 1;
     stroke: currentColor;
     width: 1.75em;
+    height: auto;
   }
 
   .parvus__btn:not(:hover, :focus) svg polyline {

sass/patterns/_screen-array.scss

@@ -2,6 +2,10 @@
 
     position: relative;
 
+    .event-gallery {
+        display: block;
+    }
+
     li {
         height: unset !important;
         position: relative;

sass/structure/_content.scss

@@ -15,22 +15,7 @@
 .entry-content,
 .entry-summary {
 	margin: 1.5em 0 0;
-
-	@media screen and (min-width: 600px) { 
-		padding-left: 1rem;
-		padding-right: 1rem;
-	}
-
-	@media screen and (min-width: 1100px) { 
-		padding-left: 15em;
-		padding-right: 15em;
-		margin: 0 auto;
-		max-width: 150ch;
-	}
-}
-
-.has-page .entry-content {
-	width: calc(45rem + 8vw);
+	@include entry-content;
 }
 
 .entry-header {

sass/structure/_wp-core.scss

@@ -0,0 +1,9 @@
+.wp-block-columns.alignwide {
+	gap: 2em !important;
+}
+
+@media screen and (min-width: 480px) {
+	.wp-block-columns.alignwide {
+		gap: 6em !important;
+	}
+}

sass/style.scss

@@ -28,6 +28,7 @@ Nicolas Gallagher and Jonathan Neal https://necolas.github.io/normalize.css/
 @import "abstracts/colors";
 @import "abstracts/mixins";
 @import "abstracts/typography";
+@import "abstracts/structure";
 
 /*--------------------------------------------------------------
 # Structure
@@ -38,6 +39,7 @@ Nicolas Gallagher and Jonathan Neal https://necolas.github.io/normalize.css/
 @import "structure/footer";
 @import "structure/header";
 @import "structure/navigation";
+@import "structure/wp-core";
 
 /*--------------------------------------------------------------
 # Elements