From f935d3423aa8f6092fbe993f4551a840dc265320 Mon Sep 17 00:00:00 2001 From: Stephen Cameron Date: Mon, 22 Apr 2019 19:35:07 +0200 Subject: [PATCH] WIP #2684 @9 --- wp-config.php | 172 +++++++++--------- wp-content/themes/c6/app/Controllers/App.php | 9 + wp-content/themes/c6/app/setup.php | 20 +- .../c6/resources/assets/images/icon-email.svg | 12 ++ .../c6/resources/assets/images/icon-phone.svg | 7 + .../c6/resources/assets/images/linkedin.svg | 13 ++ .../c6/resources/assets/images/twitter.svg | 15 ++ .../assets/styles/common/animations.styl | 7 + .../resources/assets/styles/common/debug.styl | 2 +- .../assets/styles/common/global.styl | 16 +- .../assets/styles/common/overlaps.styl | 11 ++ .../assets/styles/common/variables.styl | 13 +- .../assets/styles/components/buttons.styl | 4 +- .../assets/styles/components/forms.styl | 6 +- .../components/navigation-offcanvas.styl | 2 +- .../assets/styles/components/navigation.styl | 21 +-- .../assets/styles/layouts/footer.styl | 148 ++++++++------- .../assets/styles/layouts/header.styl | 76 +++++++- .../c6/resources/assets/styles/main.styl | 1 + .../assets/styles/widgets/cookie-notice.styl | 2 +- .../assets/styles/widgets/hero-block.styl | 11 +- .../assets/styles/widgets/image-box.styl | 9 + .../assets/styles/widgets/text-block.styl | 20 +- .../resources/views/partials/footer.blade.php | 33 +++- .../resources/views/partials/header.blade.php | 31 +++- 25 files changed, 413 insertions(+), 248 deletions(-) create mode 100644 wp-content/themes/c6/resources/assets/images/icon-email.svg create mode 100644 wp-content/themes/c6/resources/assets/images/icon-phone.svg create mode 100644 wp-content/themes/c6/resources/assets/images/linkedin.svg create mode 100644 wp-content/themes/c6/resources/assets/images/twitter.svg create mode 100644 wp-content/themes/c6/resources/assets/styles/common/overlaps.styl create mode 100644 wp-content/themes/c6/resources/assets/styles/widgets/image-box.styl diff --git a/wp-config.php b/wp-config.php index 8f658ae..12fe2b4 100644 --- a/wp-config.php +++ b/wp-config.php @@ -1,84 +1,88 @@ -mEpE;KxB02mOjS|o;R74j2ll+)/F} @2Wjg S*s.q6=^F3UJR' ); -define( 'NONCE_KEY', 'x|rK)^(d(zTfzo*,6-!.+2YC2d~_-BwgK<2/uFM%N_;l^Cz>oV]EsaF-@jal+G]>' ); -define( 'AUTH_SALT', 'Hmsnjto?Egl63t.XFw*Rk<1o4{B2^S/UQeMz$Oqwn.`uRb[ICy@G_:*|q/&Fdc{~' ); -define( 'SECURE_AUTH_SALT', 'P-j7l3bOXdnzAoQaNMj[RO8}nWw$>rqwOmIsw? P, uP^ipA37)@Z`?)5xZH%' ); -define( 'NONCE_SALT', 'F.*O}DG,FJYfHKZhmOE}&Mkvix[^:~[RlVLD)f{>@_lpOTRYwd.BA12hUv+J;r,;' ); - -/**#@-*/ - -/** - * WordPress Database Table prefix. - * - * You can have multiple installations in one database if you give each - * a unique prefix. Only numbers, letters, and underscores please! - */ -$table_prefix = 'wp_'; - -/** - * For developers: WordPress debugging mode. - * - * Change this to true to enable the display of notices during development. - * It is strongly recommended that plugin and theme developers use WP_DEBUG - * in their development environments. - * - * For information on other constants that can be used for debugging, - * visit the Codex. - * - * @link https://codex.wordpress.org/Debugging_in_WordPress - */ -if (!defined('WP_DEBUG')) { - define('WP_DEBUG', false); -} - -/* That's all, stop editing! Happy blogging. */ - -/** Absolute path to the WordPress directory. */ -if ( !defined('ABSPATH') ) - define('ABSPATH', dirname(__FILE__) . '/'); - -/** Sets up WordPress vars and included files. */ -require_once(ABSPATH . 'wp-settings.php'); +mEpE;KxB02mOjS|o;R74j2ll+)/F} @2Wjg S*s.q6=^F3UJR' ); +define( 'NONCE_KEY', 'x|rK)^(d(zTfzo*,6-!.+2YC2d~_-BwgK<2/uFM%N_;l^Cz>oV]EsaF-@jal+G]>' ); +define( 'AUTH_SALT', 'Hmsnjto?Egl63t.XFw*Rk<1o4{B2^S/UQeMz$Oqwn.`uRb[ICy@G_:*|q/&Fdc{~' ); +define( 'SECURE_AUTH_SALT', 'P-j7l3bOXdnzAoQaNMj[RO8}nWw$>rqwOmIsw? P, uP^ipA37)@Z`?)5xZH%' ); +define( 'NONCE_SALT', 'F.*O}DG,FJYfHKZhmOE}&Mkvix[^:~[RlVLD)f{>@_lpOTRYwd.BA12hUv+J;r,;' ); + +/**#@-*/ + +/** + * WordPress Database Table prefix. + * + * You can have multiple installations in one database if you give each + * a unique prefix. Only numbers, letters, and underscores please! + */ +$table_prefix = 'wp_'; + +/** + * For developers: WordPress debugging mode. + * + * Change this to true to enable the display of notices during development. + * It is strongly recommended that plugin and theme developers use WP_DEBUG + * in their development environments. + * + * For information on other constants that can be used for debugging, + * visit the Codex. + * + * @link https://codex.wordpress.org/Debugging_in_WordPress + */ +if (!defined('WP_DEBUG')) { + define('WP_DEBUG', false); +} + +/* That's all, stop editing! Happy blogging. */ + +/** Absolute path to the WordPress directory. */ +if ( !defined('ABSPATH') ) + define('ABSPATH', dirname(__FILE__) . '/'); + +/** Sets up WordPress vars and included files. */ +require_once(ABSPATH . 'wp-settings.php'); diff --git a/wp-content/themes/c6/app/Controllers/App.php b/wp-content/themes/c6/app/Controllers/App.php index 6766ef3..e629066 100644 --- a/wp-content/themes/c6/app/Controllers/App.php +++ b/wp-content/themes/c6/app/Controllers/App.php @@ -30,4 +30,13 @@ class App extends Controller } return get_the_title(); } + + // Get available languages from WPML + public function languages() { + return apply_filters('wpml_active_languages', NULL, 'skip_missing=0'); + } + + public function current_language() { + return apply_filters('wpml_current_language', NULL); + } } diff --git a/wp-content/themes/c6/app/setup.php b/wp-content/themes/c6/app/setup.php index 874a42a..593120b 100644 --- a/wp-content/themes/c6/app/setup.php +++ b/wp-content/themes/c6/app/setup.php @@ -85,13 +85,21 @@ add_action('widgets_init', function () { 'after_title' => '' ]; register_sidebar([ - 'name' => __('Primary', 'sage'), - 'id' => 'sidebar-primary' - ] + $config); + 'name' => __('Footer Column 1', 'c6'), + 'id' => 'sidebar-footer-1' + ] + $config); register_sidebar([ - 'name' => __('Footer', 'sage'), - 'id' => 'sidebar-footer' - ] + $config); + 'name' => __('Footer Column 2', 'c6'), + 'id' => 'sidebar-footer-2' + ] + $config); + register_sidebar([ + 'name' => __('Footer Column 3', 'c6'), + 'id' => 'sidebar-footer-3' + ] + $config); + register_sidebar([ + 'name' => __('Footer Copyright', 'c6'), + 'id' => 'sidebar-footer-copyright' + ] + $config); }); /** diff --git a/wp-content/themes/c6/resources/assets/images/icon-email.svg b/wp-content/themes/c6/resources/assets/images/icon-email.svg new file mode 100644 index 0000000..11773d2 --- /dev/null +++ b/wp-content/themes/c6/resources/assets/images/icon-email.svg @@ -0,0 +1,12 @@ + + + + + + + + + + + + diff --git a/wp-content/themes/c6/resources/assets/images/icon-phone.svg b/wp-content/themes/c6/resources/assets/images/icon-phone.svg new file mode 100644 index 0000000..8a185bf --- /dev/null +++ b/wp-content/themes/c6/resources/assets/images/icon-phone.svg @@ -0,0 +1,7 @@ + + + + + + + diff --git a/wp-content/themes/c6/resources/assets/images/linkedin.svg b/wp-content/themes/c6/resources/assets/images/linkedin.svg new file mode 100644 index 0000000..e5b7052 --- /dev/null +++ b/wp-content/themes/c6/resources/assets/images/linkedin.svg @@ -0,0 +1,13 @@ + + + + + + + + diff --git a/wp-content/themes/c6/resources/assets/images/twitter.svg b/wp-content/themes/c6/resources/assets/images/twitter.svg new file mode 100644 index 0000000..39d24a0 --- /dev/null +++ b/wp-content/themes/c6/resources/assets/images/twitter.svg @@ -0,0 +1,15 @@ + + + + + + diff --git a/wp-content/themes/c6/resources/assets/styles/common/animations.styl b/wp-content/themes/c6/resources/assets/styles/common/animations.styl index d6150c0..a301487 100644 --- a/wp-content/themes/c6/resources/assets/styles/common/animations.styl +++ b/wp-content/themes/c6/resources/assets/styles/common/animations.styl @@ -16,3 +16,10 @@ 100% opacity: 1 transform: none + +// Submenu fade in effect +@keyframes fade-in + from + opacity: 0 + to + opacity: 1 diff --git a/wp-content/themes/c6/resources/assets/styles/common/debug.styl b/wp-content/themes/c6/resources/assets/styles/common/debug.styl index 30d6f01..e3362e8 100644 --- a/wp-content/themes/c6/resources/assets/styles/common/debug.styl +++ b/wp-content/themes/c6/resources/assets/styles/common/debug.styl @@ -16,7 +16,7 @@ if ($debug) lost-utility: overlay $content-max-width 1 10px #ccc; body - lost-utility: overlay 1728px 1 2px rgba(#fc0, 0.7); + lost-utility: overlay 1536px 1 2px rgba(#fc0, 0.7); // Centre line &:after diff --git a/wp-content/themes/c6/resources/assets/styles/common/global.styl b/wp-content/themes/c6/resources/assets/styles/common/global.styl index 7d3be24..8d537b4 100644 --- a/wp-content/themes/c6/resources/assets/styles/common/global.styl +++ b/wp-content/themes/c6/resources/assets/styles/common/global.styl @@ -19,7 +19,7 @@ html box-sizing: inherit body - background-color: #fff + background-color: #eee color: $colors.text font-family: $font line-height: 1.6 @@ -27,6 +27,11 @@ body padding: 0 min-width: 320px +// Main content wrapper - constrain on larger screens +.main + center() + background-color: #fff + // Paragraph spacing p:not(:last-of-type) margin-bottom: 1.5em @@ -34,8 +39,7 @@ p:not(:last-of-type) .content-inner, .elementor-section-boxed > .elementor-container horizontal-spacing() - max-width: $content-max-width - margin: 0 auto + center($content-max-width * 0.9) // 90% to give extra 5% buffer either side for large screens // Account for the extra padding Elementor adds with the "extended" column gap (15px) &.elementor-column-gap-extended @@ -82,16 +86,16 @@ $max-bottom-padding = unit($section-vertical-padding / 100, '') * $content-max-w .arrow-link display: inline-block - border-bottom: 2px solid + color: $colors.orange &:hover - color: $colors.red + opacity: 0.8 svg height: r(12px) display: inline-block vertical-align: middle - margin-left: r(12px) + margin-right: r(8px) polygon, path fill: currentColor diff --git a/wp-content/themes/c6/resources/assets/styles/common/overlaps.styl b/wp-content/themes/c6/resources/assets/styles/common/overlaps.styl new file mode 100644 index 0000000..8959534 --- /dev/null +++ b/wp-content/themes/c6/resources/assets/styles/common/overlaps.styl @@ -0,0 +1,11 @@ +// Overlapping Elements + +// Normally this class should be applied to the column to pull up or push down... +.overlap + &-above + constrain(margin-top, -5vw) + z-index: 2 + + &-below + constrain(margin-bottom, -5vw) + z-index: 2 diff --git a/wp-content/themes/c6/resources/assets/styles/common/variables.styl b/wp-content/themes/c6/resources/assets/styles/common/variables.styl index f76724f..fa56466 100644 --- a/wp-content/themes/c6/resources/assets/styles/common/variables.styl +++ b/wp-content/themes/c6/resources/assets/styles/common/variables.styl @@ -10,17 +10,18 @@ $vertical-gutter = 2.5vw $font = 'Muli', sans-serif // Font sizing -$font-size-base = 20px // Size of 1rem -$font-size-large = 68px -$font-size-medium = 45px -$font-size-small = 12px +$font-size-base = 20px // Size of 1rem +$font-size-extra-large = 81px +$font-size-large = 54px +$font-size-medium = 45px +$font-size-small = 12px // Breakpoints in Rupture (https://github.com/jescalan/rupture) rupture.scale = 0 400px 768px 1024px rupture.scale-names = 'small' 'medium' 'large' rupture.anti-overlap = -1px // Results in +below(1000px) being max-width: 999px and +above(1000px) being min-width: 1000px $breakpoint-columns = 900px -$breakpoint-menu = 1024px +$breakpoint-menu = 768px // Lost Grid setup (mostly used for Products) @lost gutter 5% @@ -30,7 +31,7 @@ $breakpoint-menu = 1024px $colors = { text: #1C1C1C, footer: #1C1C1C, - red: #EF413D, + orange: #FF431D, light-grey: #F5F5F5, secondary: #4ECDC4, } diff --git a/wp-content/themes/c6/resources/assets/styles/components/buttons.styl b/wp-content/themes/c6/resources/assets/styles/components/buttons.styl index 61bcdb8..8ef77b9 100644 --- a/wp-content/themes/c6/resources/assets/styles/components/buttons.styl +++ b/wp-content/themes/c6/resources/assets/styles/components/buttons.styl @@ -2,7 +2,7 @@ display: inline-block padding: 1em 1.75em border-radius: 100px - background-color: $colors.red + background-color: $colors.orange color: #fff line-height: 1 @@ -14,7 +14,7 @@ .elementor-button.elementor-size-md, .elementor-button.elementor-size-lg, .elementor-button.elementor-size-xl - background-color: $colors.red + background-color: $colors.orange border-radius: 999px padding: 1em 2em text-align: center diff --git a/wp-content/themes/c6/resources/assets/styles/components/forms.styl b/wp-content/themes/c6/resources/assets/styles/components/forms.styl index 6abf52c..aa4f556 100644 --- a/wp-content/themes/c6/resources/assets/styles/components/forms.styl +++ b/wp-content/themes/c6/resources/assets/styles/components/forms.styl @@ -48,7 +48,7 @@ input[type="submit"] appearance: none cursor: pointer border: none - background-color: $colors.red + background-color: $colors.orange color: #fff font-weight: 500 padding: 0.75em 3em @@ -89,14 +89,14 @@ input[type="submit"] list-style: none padding: 0 font-size: 0.7em - color: $colors.red + color: $colors.orange text-align: right .landing-page-form & top: -0.8em .parsley-error - border-color: $colors.red !important + border-color: $colors.orange !important /** Search form */ diff --git a/wp-content/themes/c6/resources/assets/styles/components/navigation-offcanvas.styl b/wp-content/themes/c6/resources/assets/styles/components/navigation-offcanvas.styl index 8f1fbd6..01f41f5 100644 --- a/wp-content/themes/c6/resources/assets/styles/components/navigation-offcanvas.styl +++ b/wp-content/themes/c6/resources/assets/styles/components/navigation-offcanvas.styl @@ -19,7 +19,7 @@ a &:hover - color: $colors.red + color: $colors.orange .close position: absolute diff --git a/wp-content/themes/c6/resources/assets/styles/components/navigation.styl b/wp-content/themes/c6/resources/assets/styles/components/navigation.styl index b092127..3d7ea12 100644 --- a/wp-content/themes/c6/resources/assets/styles/components/navigation.styl +++ b/wp-content/themes/c6/resources/assets/styles/components/navigation.styl @@ -30,22 +30,14 @@ padding-bottom: 5px &:hover - color: $colors.red + color: $colors.orange // Special CTA button .button a:hover color: #fff - .menu-opener - line-height: 1 - padding-bottom: 0 - - &:hover - .menu-icon - fill: $colors.red - .current_page_item, .current-menu-parent - border-bottom: 2px solid $colors.red + border-bottom: 2px solid $colors.orange // Sub-menu @@ -86,14 +78,7 @@ color: #fff &:hover - color: $colors.red - -// Submenu fade in effect -@keyframes fade-in - from - opacity: 0 - to - opacity: 1 + color: $colors.orange ul.nav diff --git a/wp-content/themes/c6/resources/assets/styles/layouts/footer.styl b/wp-content/themes/c6/resources/assets/styles/layouts/footer.styl index 1388381..ee0e0cc 100644 --- a/wp-content/themes/c6/resources/assets/styles/layouts/footer.styl +++ b/wp-content/themes/c6/resources/assets/styles/layouts/footer.styl @@ -1,72 +1,59 @@ -$breakpoint-footer-cols-2 = 920px // When to break to 2 col view -$breakpoint-footer-cols-1 = 500px // When to break to 1 col view +$breakpoint-footer-cols-2 = 880px // When to break to 2 col view +$breakpoint-footer-cols-1 = 710px // When to break to 1 col view .footer &-site + center() font-smoothing() + font-size: 16px background-color: $colors.footer color: #fff - padding-top: r(86px) - padding-bottom: r(60px) + padding-top: r(35px) + padding-bottom: r(30px) a color: #fff &:hover - color: $colors.red + color: $colors.orange - // Inner container + // Inner container for columns &-inner - center(1728px) // 90% max-width of 1920px to give an extra 5% either side at largest screen sizes - constrain(padding-left, 5vw) - - // Columns wrapper - &-columns + center($content-max-width * 0.9) // 90% max-width to give an extra 5% either side at largest screen sizes + constrain(padding-left, 2.5vw) + constrain(padding-right, 2.5vw) display: flex - align-items: flex-end - - +below($breakpoint-footer-cols-2) - flex-wrap: wrap - font-size: 1.2em // Increase font size a little after wrapping to balance things + flex-wrap: wrap - // Individual columns &-col - flex: 1 1 25% - constrain(padding-right, 5vw) - - p:last-child - margin-bottom: 0 - - +below($breakpoint-footer-cols-2) - flex-basis: 50% - padding-bottom: 7.5vw + flex: 1 1 auto + display: flex + align-items: center + constrain(padding-left, 2.5vw) + constrain(padding-right, 2.5vw) + margin: 0.75em 0 +below($breakpoint-footer-cols-1) flex-basis: 100% + justify-content: center !important + text-align: center + margin-bottom: 2.5vw !important // Info section with logo, address etc &-info - line-height: 1.2 - min-width: 230px // Stops Estimate button wrapping - - p - margin-bottom: 1em - - .button - margin-top: 1em - &:hover - color: #fff + padding-left: 0 + flex-shrink: 0 // Logo overrides &-logo - max-width: 304px - margin: 0 0 r(40px) - - .solairebox-text - fill: #fff + flex-grow: 0 + padding-right: 0 + &-svg + max-width: 84px + margin-right: 30px // Menus &-menu @@ -86,52 +73,59 @@ $breakpoint-footer-cols-1 = 500px // When to break to 1 col view - &-social - margin-top: 2.5em - text-align: center - constrain(padding-right, 5vw) // Needed to match 5vw applied internally to footer-columns right side + &-social-icons + list-style: none + margin: 0 + display: flex + justify-content: flex-end +below($breakpoint-footer-cols-2) - margin-top: 0 - +below($breakpoint-footer-cols-1) - margin-top: 2.5vw + flex-basis: 100% + justify-content: flex-start + margin-top: 1em + + li:not(:last-of-type) + margin-right: 0.75em - &-icons - inline-list() + svg + display: inline-block + width: 36px + height: auto + * + transition: all 0.1s ease-out + + &:hover + * + fill: $colors.orange - li:not(:last-of-type) - constrain(margin-right, 1.5vw) - img - display: inline-block - width: 50px - height: auto + // Icons for links + &-email, &-phone + &:before + content: '' + margin-right: 0.5em + background-size: contain + background-position: center + background-repeat: no-repeat + display: inline-block + vertical-align: middle - // Switch icons into 3 columns - /* - +below(420px) - display: flex - flex-wrap: wrap + &-email:before + background-image: url(../images/icon-email.svg) + width: r(36px) + height: r(32px) - li - margin: 0 0 2em 0 !important - flex-basis: 33.33% - display: flex + &-phone:before + background-image: url(../images/icon-phone.svg) + width: r(20px) + height: r(36px) - // First column, keep icons on left side - &:nth-child(3n+1) - justify-content: flex-start - // Second column, keep icons in center - &:nth-child(3n+2) - justify-content: center - // Last column, push icons to right side - &:nth-child(3n+3) - justify-content: flex-end - */ &-copyright - text-align: center + text-align: right padding-top: r(40px) - constrain(padding-right, 5vw) // Needed to match 5vw applied internally to footer-columns right side + font-size: 14px + opacity: 0.5 + //constrain(padding-right, 5vw) // Needed to match 5vw applied internally to footer-columns right side diff --git a/wp-content/themes/c6/resources/assets/styles/layouts/header.styl b/wp-content/themes/c6/resources/assets/styles/layouts/header.styl index c3c17ce..7c874a4 100644 --- a/wp-content/themes/c6/resources/assets/styles/layouts/header.styl +++ b/wp-content/themes/c6/resources/assets/styles/layouts/header.styl @@ -8,11 +8,8 @@ header.site position: relative z-index: 10 - background-color: $colors.light-grey - constrain(padding-top, 2.5vw) - constrain(padding-right, 2.5vw) - constrain(padding-left, 2.5vw) min-width: 320px + font-size: 16px // Disable the header when editing with Elementor so it // doesn't block the home hero blcok section controls @@ -20,31 +17,90 @@ header.site pointer-events: none .inner + center() + background-color: #fff position: relative display: flex align-items: center + justify-content: space-between + constrain(padding-top, 2vw) padding-bottom: 2rem + // Holds the locale switcher + mobile menu icon (only shown on small screens) + &-right + display: flex + align-items: center + // Hero block header overrides .hero-header &, .home & // Also applied for home since .hero-header class seems to be added to body too late for Elementor editor position: absolute width: 100% color: #fff - background-color: transparent + .inner + background-color: transparent .menu-icon fill: #fff // Main logo .header-logo - flex: 1 1 auto - padding-right: 50px // Ensure some breathing space between logo and burger menu icon + flex: 0 1 auto + padding-right: 50px // Ensure some breathing space between logo and burger menu icon + + &-svg + max-width: 84px + height: auto + + +.locales + flex: 0 1 auto + position: relative + + &:hover + color: $colors.orange + + .locales-list + display: block + animation: fade-in 0.3s + + &-current + text-transform: uppercase + cursor: pointer - &-svg - max-width: 304px - height: auto + .svg + display: inline-block + width: 0.95em + margin-left: 0.25em + + path + stroke: currentColor + + &-list + display: none + position: absolute + left: 0 + top: 100% + reset-list() + line-height: 1.8 + + // Current active locale in submenu + &-active + font-weight: 700 + +// Burger menu icon +.menu-opener + display: none + line-height: 1 + padding-bottom: 0 + margin-left: 1.5em + + &:hover + .menu-icon + fill: $colors.orange + +below($breakpoint-menu) + display: block .menu-icon width: r(60px) diff --git a/wp-content/themes/c6/resources/assets/styles/main.styl b/wp-content/themes/c6/resources/assets/styles/main.styl index d9d64b6..3cd898e 100644 --- a/wp-content/themes/c6/resources/assets/styles/main.styl +++ b/wp-content/themes/c6/resources/assets/styles/main.styl @@ -9,6 +9,7 @@ @import 'common/debug' @import 'common/global' @import 'common/animations' +@import 'common/overlaps' // @import 'common/admin-bar' @import 'widgets/*' diff --git a/wp-content/themes/c6/resources/assets/styles/widgets/cookie-notice.styl b/wp-content/themes/c6/resources/assets/styles/widgets/cookie-notice.styl index 7c31d86..d1c56e1 100644 --- a/wp-content/themes/c6/resources/assets/styles/widgets/cookie-notice.styl +++ b/wp-content/themes/c6/resources/assets/styles/widgets/cookie-notice.styl @@ -19,7 +19,7 @@ $breakpoint-cookie-notice = 500px a:not(.button) text-decoration: underline &:hover - color: $colors.red + color: $colors.orange .cookie-notice-container center(1728px) diff --git a/wp-content/themes/c6/resources/assets/styles/widgets/hero-block.styl b/wp-content/themes/c6/resources/assets/styles/widgets/hero-block.styl index 961840b..264c9b4 100644 --- a/wp-content/themes/c6/resources/assets/styles/widgets/hero-block.styl +++ b/wp-content/themes/c6/resources/assets/styles/widgets/hero-block.styl @@ -19,17 +19,11 @@ $breakpoint-hero = 1024px height: 100% overflow: hidden - +below(1500px) - height: 98% // Make a bit of room for the arrow - - +below($breakpoint-hero) - height: 77% // Leave some whitespace underneath so content can overlap - &-background width: 100% height: 120% // Give us some extra height to pan up and down background-color: #333 // Dark default colour to show before image loads - background-position: 80% + background-position: center background-size: cover //animation-name: kenburns //animation-direction: reverse @@ -44,6 +38,7 @@ $breakpoint-hero = 1024px &-content + font-smoothing() max-width: r(800px) constrain(top, 5vw) constrain(padding-bottom, 10vw) // Ensure main section bottom angle doesn't overlap content box @@ -59,7 +54,7 @@ $breakpoint-hero = 1024px &-title - font-size: $font-size-large + font-size: $font-size-extra-large font-weight: 700 white-space: pre-line margin: 0 diff --git a/wp-content/themes/c6/resources/assets/styles/widgets/image-box.styl b/wp-content/themes/c6/resources/assets/styles/widgets/image-box.styl new file mode 100644 index 0000000..ce99098 --- /dev/null +++ b/wp-content/themes/c6/resources/assets/styles/widgets/image-box.styl @@ -0,0 +1,9 @@ +// Elementor Image Box +.elementor-image-box + &-title + font-size: 24px + text-align: left + + &-description + font-size: 16px + text-align: left diff --git a/wp-content/themes/c6/resources/assets/styles/widgets/text-block.styl b/wp-content/themes/c6/resources/assets/styles/widgets/text-block.styl index 50d7fcd..5afd862 100644 --- a/wp-content/themes/c6/resources/assets/styles/widgets/text-block.styl +++ b/wp-content/themes/c6/resources/assets/styles/widgets/text-block.styl @@ -26,9 +26,10 @@ margin-bottom: 1em &-title + font-smoothing() white-space: pre-line font-size: $font-size-large - font-weight: 500 + font-weight: 300 +below(1600px) white-space: normal // Avoid strange gaps caused by pre-line breaks wrapping @@ -43,17 +44,6 @@ &-size-medium font-size: $font-size-medium - &:after - content: '' - display: block - background-color: $colors.red - width: 24px - height: 4px - margin-top: 0.35em - - .secondary-colour & - background-color: $colors.secondary - // No bottom margin if it's the last element (ie. no body below) &:last-child margin-bottom: 0 @@ -68,13 +58,15 @@ font-weight: 500 a - color: $colors.red + color: $colors.orange &-cta //font-smoothing() + font-size: 12px + font-weight: 800 + text-transform: uppercase display: inline-block margin-top: r(30px) - border-bottom: 2px solid // If the CTA is the first child, it means it is the only element // in the text block so we don't want the top margin... diff --git a/wp-content/themes/c6/resources/views/partials/footer.blade.php b/wp-content/themes/c6/resources/views/partials/footer.blade.php index da9feba..c90dca9 100644 --- a/wp-content/themes/c6/resources/views/partials/footer.blade.php +++ b/wp-content/themes/c6/resources/views/partials/footer.blade.php @@ -1,5 +1,32 @@ -