Skip to content

Commit

Permalink
2.4.3
Browse files Browse the repository at this point in the history
  • Loading branch information
@webmandesign
webmandesign committed Jul 5, 2020
1 parent fc88e0a commit 978e73a
Show file tree
Hide file tree
Showing 25 changed files with 758 additions and 549 deletions.
6 changes: 3 additions & 3 deletions assets/css/custom-styles.css
View file
Original file line number Diff line number Diff line change
Expand Up @@ -83,12 +83,12 @@ mark, .highlight { -webkit-box-shadow: 0.38em 0 0 #00855b, -0.38em 0 0 #00855b;
/* FILE: main/custom-styles/__intro.scss */
.intro-container { background-color: transparent; }

.intro-media::after { background-image: -webkit-gradient(linear, left top, left bottom, from(transparent), to(#1a1c1e)); background-image: -o-linear-gradient(transparent, #1a1c1e); background-image: linear-gradient(transparent, #1a1c1e); }
.intro-media::after { background-image: -webkit-gradient(linear, left top, left bottom, from(var(--background_color--a0)), to(var(--background_color))); background-image: -o-linear-gradient(var(--background_color--a0), var(--background_color)); background-image: linear-gradient(var(--background_color--a0), var(--background_color)); }

/* FILE: main/custom-styles/__content.scss */
.post-navigation .nav-previous a::before { background-image: -webkit-gradient(linear, left top, right top, color-stop(38%, #00855b), to(transparent)); background-image: -o-linear-gradient(left, #00855b 38%, transparent); background-image: linear-gradient(to right, #00855b 38%, transparent); background-image: -webkit-gradient(linear, left top, right top, color-stop(38%, var(--color_accent)), to(transparent)); background-image: -o-linear-gradient(left, var(--color_accent) 38%, transparent); background-image: linear-gradient(to right, var(--color_accent) 38%, transparent); }
.post-navigation .nav-previous a::before { background-image: -webkit-gradient(linear, left top, right top, color-stop(38%, #00855b), to(rgba(0, 133, 91, 0))); background-image: -o-linear-gradient(left, #00855b 38%, rgba(0, 133, 91, 0)); background-image: linear-gradient(to right, #00855b 38%, rgba(0, 133, 91, 0)); background-image: -webkit-gradient(linear, left top, right top, color-stop(38%, var(--color_accent)), to(var(--color_accent--a0))); background-image: -o-linear-gradient(left, var(--color_accent) 38%, var(--color_accent--a0)); background-image: linear-gradient(to right, var(--color_accent) 38%, var(--color_accent--a0)); }

.post-navigation .nav-next a::before { background-image: -webkit-gradient(linear, right top, left top, color-stop(38%, #00855b), to(transparent)); background-image: -o-linear-gradient(right, #00855b 38%, transparent); background-image: linear-gradient(to left, #00855b 38%, transparent); background-image: -webkit-gradient(linear, right top, left top, color-stop(38%, var(--color_accent)), to(transparent)); background-image: -o-linear-gradient(right, var(--color_accent) 38%, transparent); background-image: linear-gradient(to left, var(--color_accent) 38%, transparent); }
.post-navigation .nav-next a::before { background-image: -webkit-gradient(linear, right top, left top, color-stop(38%, #00855b), to(rgba(0, 133, 91, 0))); background-image: -o-linear-gradient(right, #00855b 38%, rgba(0, 133, 91, 0)); background-image: linear-gradient(to left, #00855b 38%, rgba(0, 133, 91, 0)); background-image: -webkit-gradient(linear, right top, left top, color-stop(38%, var(--color_accent)), to(var(--color_accent--a0))); background-image: -o-linear-gradient(right, var(--color_accent) 38%, var(--color_accent--a0)); background-image: linear-gradient(to left, var(--color_accent) 38%, var(--color_accent--a0)); }

/* FILE: main/custom-styles/__footer.scss */
/* FILE: main/custom-styles/__sidebar.scss */
Expand Down
12 changes: 8 additions & 4 deletions assets/css/main-rtl.css
View file
Original file line number Diff line number Diff line change
Expand Up @@ -2,7 +2,7 @@
/* FILE: main-rtl.scss */
/* FILE: _setup.scss */
/* FILE: _css-vars.scss */
:root { --custom_logo_height: 100px; --color_accent: #00855b; --color_accent_text: #ffffff; --color_header_background: #0a0c0e; --color_header_text: #ffffff; --color_intro_background: #1a1c1e; --color_intro_text: #ffffff; --color_content_background: #ffffff; --color_content_text: #6a6c6e; --color_content_headings: #1a1c1e; --color_footer_background: #eaecee; --color_footer_text: #5a5c5e; --color_footer_headings: #1a1c1e; --layout_width_content: 1200px; --typography_size_html: 16px; --typography_fonts_text: "Fira Sans", "Helvetica Neue", Arial, sans-serif; --typography_fonts_headings: "Fira Sans", "Helvetica Neue", Arial, sans-serif; --typography_fonts_logo: "Fira Sans", "Helvetica Neue", Arial, sans-serif; --color_header_text--a20: rgba(255, 255, 255, 0.2); --color_content_text--a20: rgba(106, 108, 110, 0.2); --color_footer_text--a20: rgba(90, 92, 94, 0.2); }
:root { --custom_logo_height: 100px; --color_accent: #00855b; --color_accent_text: #ffffff; --color_header_background: #0a0c0e; --color_header_text: #ffffff; --color_intro_background: #1a1c1e; --color_intro_text: #ffffff; --color_content_background: #ffffff; --color_content_text: #6a6c6e; --color_content_headings: #1a1c1e; --color_footer_background: #eaecee; --color_footer_text: #5a5c5e; --color_footer_headings: #1a1c1e; --layout_width_content: 1200px; --typography_size_html: 16px; --typography_fonts_text: "Fira Sans", "Helvetica Neue", Arial, sans-serif; --typography_fonts_headings: "Fira Sans", "Helvetica Neue", Arial, sans-serif; --typography_fonts_logo: "Fira Sans", "Helvetica Neue", Arial, sans-serif; --color_header_text--a20: rgba(255, 255, 255, 0.2); --color_content_text--a20: rgba(106, 108, 110, 0.2); --color_footer_text--a20: rgba(90, 92, 94, 0.2); --color_accent--a0: rgba(0, 133, 91, 0); }

/* FILE: starter/_starter.scss */
/* inStyle (v1.6.3) github.com/salsita/inStyle 2016 | MIT @mixin ============================= */
Expand Down Expand Up @@ -181,6 +181,8 @@ embed, iframe, object, video { width: 100%; max-width: 100%; }

[role="button"] { cursor: pointer; }

@media (prefers-reduced-motion: reduce), (update: slow) { *, *::before, *::after { -webkit-animation-duration: 0 !important; animation-duration: 0 !important; -webkit-animation-iteration-count: 1 !important; animation-iteration-count: 1 !important; -webkit-transition-duration: 0 !important; -o-transition-duration: 0 !important; transition-duration: 0 !important; } }

/* FILE: starter/base/_base.scss */
body { direction: rtl; unicode-bidi: embed; }

Expand Down Expand Up @@ -256,7 +258,7 @@ th, tfoot td { text-align: right; border-width: 2px; }

.screen-reader-text, .comments-title .add-comment-link { padding: 0; margin: -1px; }

.screen-reader-text.skip-link:hover, .comments-title .skip-link.add-comment-link:hover, .screen-reader-text.skip-link:active, .comments-title .skip-link.add-comment-link:active, .screen-reader-text.skip-link:focus, .comments-title .skip-link.add-comment-link:focus { height: auto; width: auto; line-height: inherit; word-wrap: break-word !important; -webkit-clip-path: none; clip-path: none; clip: auto; right: 0.38rem; top: 0.38rem; padding: 1rem; text-decoration: none; font-size: .81rem; font-weight: 700; background-color: #47c; color: #fff; z-index: 100000; /* Above WP toolbar. */ }
.screen-reader-text.skip-link:hover, .comments-title .skip-link.add-comment-link:hover, .screen-reader-text.skip-link:active, .comments-title .skip-link.add-comment-link:active, .screen-reader-text.skip-link:focus, .comments-title .skip-link.add-comment-link:focus { height: auto; width: auto; line-height: inherit; word-wrap: break-word !important; -webkit-clip-path: none; clip-path: none; clip: auto; right: 0.38rem; top: 0.38rem; padding: 1rem; text-decoration: none; font-size: .81rem; font-weight: 700; background-color: #36b; color: #fff; z-index: 100000; /* Above WP toolbar. */ }

.focus-position-static:hover, .comments-title .add-comment-link:hover, .focus-position-static:active, .comments-title .add-comment-link:active, .focus-position-static:focus, .comments-title .add-comment-link:focus { position: static !important; margin: 1px; text-align: center; }

Expand Down Expand Up @@ -1046,7 +1048,7 @@ div[class*="hover-color-"] .button, div[class*="hover-color-"] button, div[class
.button:disabled, button:disabled, input:disabled[type="button"], input:disabled[type="reset"], input:disabled[type="submit"], .main-navigation-container .button > a:disabled { -webkit-box-shadow: none; box-shadow: none; opacity: .5; cursor: not-allowed; }

/* FILE: main/forms/__search.scss */
.site form[role="search"]::before, .site .search-form::before { content: '\f400'; position: absolute; width: 1.62em; height: 100%; left: 0; top: 0; line-height: 1.62; text-align: center; font-size: 1.62rem; z-index: 1; }
.site form[role="search"]::before, .site .search-form::before { content: '\f400'; position: absolute; width: 1.62em; height: 1.62em; left: 0; top: 50%; line-height: 1.62; text-align: center; font-size: 1.62rem; z-index: 1; -webkit-transform: translateY(-50%); -ms-transform: translateY(-50%); transform: translateY(-50%); }

.site form[role="search"] label, .site .search-form label { font-size: 1em; }

Expand Down Expand Up @@ -1227,14 +1229,16 @@ h1.screen-reader-text, .comments-title h1.add-comment-link, h2.screen-reader-tex

.intro-container { padding: 0; margin: 0; border-width: 0; }

.intro-media { position: absolute; width: 100%; right: 0; top: 0; background-color: inherit; overflow: hidden; z-index: 0; }
.intro-media { position: absolute; width: 100%; right: 0; top: 0; text-align: center; background-color: inherit; overflow: hidden; z-index: 0; }

.intro-media::after, .intro-media::before { content: ''; position: absolute; width: 100%; height: 100%; right: 0; bottom: 0; z-index: 1; }

.intro-media::after { height: 62%; }

.intro-media::before { background-color: inherit; opacity: .66; }

.intro-media img { width: 100%; }

body:not(.home) .intro-media img { width: calc( 100% + 20px); max-width: none; margin: -10px; -webkit-filter: blur(10px) grayscale(100%) contrast(66%); filter: blur(10px) grayscale(100%) contrast(66%); -webkit-transform: scaleX(-1); -ms-transform: scaleX(-1); transform: scaleX(-1); }

@media only screen and (max-width: 54.9375em) { .intro-media, .intro-media .slick-slide { overflow: hidden; }
Expand Down
12 changes: 8 additions & 4 deletions assets/css/main.css
View file
Original file line number Diff line number Diff line change
Expand Up @@ -2,7 +2,7 @@
/* FILE: main.scss */
/* FILE: _setup.scss */
/* FILE: _css-vars.scss */
:root { --custom_logo_height: 100px; --color_accent: #00855b; --color_accent_text: #ffffff; --color_header_background: #0a0c0e; --color_header_text: #ffffff; --color_intro_background: #1a1c1e; --color_intro_text: #ffffff; --color_content_background: #ffffff; --color_content_text: #6a6c6e; --color_content_headings: #1a1c1e; --color_footer_background: #eaecee; --color_footer_text: #5a5c5e; --color_footer_headings: #1a1c1e; --layout_width_content: 1200px; --typography_size_html: 16px; --typography_fonts_text: "Fira Sans", "Helvetica Neue", Arial, sans-serif; --typography_fonts_headings: "Fira Sans", "Helvetica Neue", Arial, sans-serif; --typography_fonts_logo: "Fira Sans", "Helvetica Neue", Arial, sans-serif; --color_header_text--a20: rgba(255, 255, 255, 0.2); --color_content_text--a20: rgba(106, 108, 110, 0.2); --color_footer_text--a20: rgba(90, 92, 94, 0.2); }
:root { --custom_logo_height: 100px; --color_accent: #00855b; --color_accent_text: #ffffff; --color_header_background: #0a0c0e; --color_header_text: #ffffff; --color_intro_background: #1a1c1e; --color_intro_text: #ffffff; --color_content_background: #ffffff; --color_content_text: #6a6c6e; --color_content_headings: #1a1c1e; --color_footer_background: #eaecee; --color_footer_text: #5a5c5e; --color_footer_headings: #1a1c1e; --layout_width_content: 1200px; --typography_size_html: 16px; --typography_fonts_text: "Fira Sans", "Helvetica Neue", Arial, sans-serif; --typography_fonts_headings: "Fira Sans", "Helvetica Neue", Arial, sans-serif; --typography_fonts_logo: "Fira Sans", "Helvetica Neue", Arial, sans-serif; --color_header_text--a20: rgba(255, 255, 255, 0.2); --color_content_text--a20: rgba(106, 108, 110, 0.2); --color_footer_text--a20: rgba(90, 92, 94, 0.2); --color_accent--a0: rgba(0, 133, 91, 0); }

/* FILE: starter/_starter.scss */
/* inStyle (v1.6.3) github.com/salsita/inStyle 2016 | MIT @mixin ============================= */
Expand Down Expand Up @@ -181,6 +181,8 @@ embed, iframe, object, video { width: 100%; max-width: 100%; }

[role="button"] { cursor: pointer; }

@media (prefers-reduced-motion: reduce), (update: slow) { *, *::before, *::after { -webkit-animation-duration: 0 !important; animation-duration: 0 !important; -webkit-animation-iteration-count: 1 !important; animation-iteration-count: 1 !important; -webkit-transition-duration: 0 !important; -o-transition-duration: 0 !important; transition-duration: 0 !important; } }

/* FILE: starter/base/_base.scss */
a:focus { outline: thin dashed; }

Expand Down Expand Up @@ -254,7 +256,7 @@ th, tfoot td { text-align: left; border-width: 2px; }

.screen-reader-text, .comments-title .add-comment-link { padding: 0; margin: -1px; }

.screen-reader-text.skip-link:hover, .comments-title .skip-link.add-comment-link:hover, .screen-reader-text.skip-link:active, .comments-title .skip-link.add-comment-link:active, .screen-reader-text.skip-link:focus, .comments-title .skip-link.add-comment-link:focus { height: auto; width: auto; line-height: inherit; word-wrap: break-word !important; -webkit-clip-path: none; clip-path: none; clip: auto; left: 0.38rem; top: 0.38rem; padding: 1rem; text-decoration: none; font-size: .81rem; font-weight: 700; background-color: #47c; color: #fff; z-index: 100000; /* Above WP toolbar. */ }
.screen-reader-text.skip-link:hover, .comments-title .skip-link.add-comment-link:hover, .screen-reader-text.skip-link:active, .comments-title .skip-link.add-comment-link:active, .screen-reader-text.skip-link:focus, .comments-title .skip-link.add-comment-link:focus { height: auto; width: auto; line-height: inherit; word-wrap: break-word !important; -webkit-clip-path: none; clip-path: none; clip: auto; left: 0.38rem; top: 0.38rem; padding: 1rem; text-decoration: none; font-size: .81rem; font-weight: 700; background-color: #36b; color: #fff; z-index: 100000; /* Above WP toolbar. */ }

.focus-position-static:hover, .comments-title .add-comment-link:hover, .focus-position-static:active, .comments-title .add-comment-link:active, .focus-position-static:focus, .comments-title .add-comment-link:focus { position: static !important; margin: 1px; text-align: center; }

Expand Down Expand Up @@ -1044,7 +1046,7 @@ div[class*="hover-color-"] .button, div[class*="hover-color-"] button, div[class
.button:disabled, button:disabled, input:disabled[type="button"], input:disabled[type="reset"], input:disabled[type="submit"], .main-navigation-container .button > a:disabled { -webkit-box-shadow: none; box-shadow: none; opacity: .5; cursor: not-allowed; }

/* FILE: main/forms/__search.scss */
.site form[role="search"]::before, .site .search-form::before { content: '\f400'; position: absolute; width: 1.62em; height: 100%; right: 0; top: 0; line-height: 1.62; text-align: center; font-size: 1.62rem; z-index: 1; }
.site form[role="search"]::before, .site .search-form::before { content: '\f400'; position: absolute; width: 1.62em; height: 1.62em; right: 0; top: 50%; line-height: 1.62; text-align: center; font-size: 1.62rem; z-index: 1; -webkit-transform: translateY(-50%); -ms-transform: translateY(-50%); transform: translateY(-50%); }

.site form[role="search"] label, .site .search-form label { font-size: 1em; }

Expand Down Expand Up @@ -1225,14 +1227,16 @@ h1.screen-reader-text, .comments-title h1.add-comment-link, h2.screen-reader-tex

.intro-container { padding: 0; margin: 0; border-width: 0; }

.intro-media { position: absolute; width: 100%; left: 0; top: 0; background-color: inherit; overflow: hidden; z-index: 0; }
.intro-media { position: absolute; width: 100%; left: 0; top: 0; text-align: center; background-color: inherit; overflow: hidden; z-index: 0; }

.intro-media::after, .intro-media::before { content: ''; position: absolute; width: 100%; height: 100%; left: 0; bottom: 0; z-index: 1; }

.intro-media::after { height: 62%; }

.intro-media::before { background-color: inherit; opacity: .66; }

.intro-media img { width: 100%; }

body:not(.home) .intro-media img { width: calc( 100% + 20px); max-width: none; margin: -10px; -webkit-filter: blur(10px) grayscale(100%) contrast(66%); filter: blur(10px) grayscale(100%) contrast(66%); -webkit-transform: scaleX(-1); -ms-transform: scaleX(-1); transform: scaleX(-1); }

@media only screen and (max-width: 54.9375em) { .intro-media, .intro-media .slick-slide { overflow: hidden; }
Expand Down
15 changes: 13 additions & 2 deletions assets/js/scripts-navigation-accessibility.js
View file
Original file line number Diff line number Diff line change
Expand Up @@ -8,7 +8,7 @@
* @copyright WebMan Design, Oliver Juhas
*
* @since 2.0.0
* @version 2.4.0
* @version 2.4.3
*/


Expand All @@ -28,7 +28,8 @@
*/

var
$siteNavigation = $( document.getElementById( 'site-navigation' ) );
$siteNavigation = $( document.getElementById( 'site-navigation' ) ),
$breakpoints = ( 'undefined' !== typeof $modernBreakpoints ) ? ( $modernBreakpoints ) : ( { 'l' : 880 } );



Expand Down Expand Up @@ -75,6 +76,16 @@
$siteNavigation
.on( 'touchstart', '.menu-item-has-children > a', function( e ) {

// Requirements check

/**
* No need for mobile navigation as it causes double tap issue.
*/
if ( parseInt( $breakpoints['l'] ) >= window.innerWidth ) {
return;
}


// Helper variables

var
Expand Down
38 changes: 25 additions & 13 deletions assets/scss/_css-vars.scss
View file
Original file line number Diff line number Diff line change
Expand Up @@ -7,7 +7,7 @@
// @copyright WebMan Design, Oliver Juhas
//
// @since 2.3.0
// @version 2.3.0
// @version 2.4.3
//

:root {
Expand All @@ -19,17 +19,29 @@

// RGBA colors:
// @see Modern_Customize::rgba_alphas()
$customize_options_rgba: (
'color_header_text',
'color_content_text',
'color_footer_text',
);
@each $option_rgba in $customize_options_rgba {
// As all of the RGBA options use the same alpha value,
// we just set it here directly (the `20`).
$value: rgba( map_get( $customize_options, $option_rgba ), 20 / 100 );
// Converting values to string to prevent issues.
--#{$option_rgba}--a20: #{$value+''};
}

$customize_options_rgba: (
'color_header_text',
'color_content_text',
'color_footer_text',
);
@each $option_rgba in $customize_options_rgba {
// As all of the RGBA options use the same alpha value,
// we just set it here directly (the `20`).
$value: rgba( map_get( $customize_options, $option_rgba ), 20 / 100 );
// Converting values to string to prevent issues.
--#{$option_rgba}--a20: #{$value+''};
}

$customize_options_rgba: (
'color_accent',
);
@each $option_rgba in $customize_options_rgba {
// As all of the RGBA options use the same alpha value,
// we just set it here directly (the `20`).
$value: rgba( map_get( $customize_options, $option_rgba ), 0 );
// Converting values to string to prevent issues.
--#{$option_rgba}--a0: #{$value+''};
}

}
2 changes: 1 addition & 1 deletion assets/scss/custom-styles.scss
View file
Original file line number Diff line number Diff line change
Expand Up @@ -10,7 +10,7 @@
// @copyright WebMan Design, Oliver Juhas
//
// @since 2.0.0
// @version 2.3.0
// @version 2.4.3
//


Expand Down
2 changes: 1 addition & 1 deletion assets/scss/main.scss
View file
Original file line number Diff line number Diff line change
Expand Up @@ -7,7 +7,7 @@
// @copyright WebMan Design, Oliver Juhas
//
// @since 2.0.0
// @version 2.3.0
// @version 2.4.3
//


Expand Down
8 changes: 4 additions & 4 deletions assets/scss/main/custom-styles/__content.scss
View file
Original file line number Diff line number Diff line change
Expand Up @@ -55,12 +55,12 @@
background-image: linear-gradient(
to #{$right},
map_get( $customize_options, 'color_accent' ) 38%,
transparent
rgba( map_get( $customize_options, 'color_accent' ), 0 )
);
background-image: linear-gradient(
to #{$right},
var(--color_accent) 38%,
transparent
var(--color_accent--a0)
);
}

Expand All @@ -72,12 +72,12 @@
background-image: linear-gradient(
to #{$left},
map_get( $customize_options, 'color_accent' ) 38%,
transparent
rgba( map_get( $customize_options, 'color_accent' ), 0 )
);
background-image: linear-gradient(
to #{$left},
var(--color_accent) 38%,
transparent
var(--color_accent--a0)
);
}

Expand Down
5 changes: 4 additions & 1 deletion assets/scss/main/custom-styles/__intro.scss
View file
Original file line number Diff line number Diff line change
Expand Up @@ -18,7 +18,10 @@

&::after {
// @see Modern_Customize_Styles::get_css()
background-image: linear-gradient( transparent, #1a1c1e );
background-image: linear-gradient(
var(--background_color--a0),
var(--background_color)
);
}

}
Expand Down
5 changes: 3 additions & 2 deletions assets/scss/main/forms/__search.scss
View file
Original file line number Diff line number Diff line change
Expand Up @@ -18,13 +18,14 @@ form[role="search"],
content: '\f400';
position: absolute;
width: $golden +em;
height: 100%;
height: $golden +em;
#{$right}: 0; // {{RTL}}
top: 0;
top: 50%;
line-height: $golden;
text-align: center;
font-size: $golden +rem;
z-index: 1;
transform: translateY(-50%);
}

input[type="submit"],
Expand Down
Loading

0 comments on commit 978e73a

Please sign in to comment.