diff --git a/wp-content/themes/kolarix-q_movies/.sass-cache/4656c52eedc90bcb70fbb4ba06da9e6a7f671ce1/header.scssc b/wp-content/themes/kolarix-q_movies/.sass-cache/4656c52eedc90bcb70fbb4ba06da9e6a7f671ce1/header.scssc index 38a5b07..776bb58 100644 Binary files a/wp-content/themes/kolarix-q_movies/.sass-cache/4656c52eedc90bcb70fbb4ba06da9e6a7f671ce1/header.scssc and b/wp-content/themes/kolarix-q_movies/.sass-cache/4656c52eedc90bcb70fbb4ba06da9e6a7f671ce1/header.scssc differ diff --git a/wp-content/themes/kolarix-q_movies/.sass-cache/4656c52eedc90bcb70fbb4ba06da9e6a7f671ce1/main.scssc b/wp-content/themes/kolarix-q_movies/.sass-cache/4656c52eedc90bcb70fbb4ba06da9e6a7f671ce1/main.scssc index 8d78d71..822f235 100644 Binary files a/wp-content/themes/kolarix-q_movies/.sass-cache/4656c52eedc90bcb70fbb4ba06da9e6a7f671ce1/main.scssc and b/wp-content/themes/kolarix-q_movies/.sass-cache/4656c52eedc90bcb70fbb4ba06da9e6a7f671ce1/main.scssc differ diff --git a/wp-content/themes/kolarix-q_movies/.sass-cache/dbe02a1a42b287c54d53299a737338a67637f610/style.scssc b/wp-content/themes/kolarix-q_movies/.sass-cache/dbe02a1a42b287c54d53299a737338a67637f610/style.scssc index 3991934..e4560a0 100644 Binary files a/wp-content/themes/kolarix-q_movies/.sass-cache/dbe02a1a42b287c54d53299a737338a67637f610/style.scssc and b/wp-content/themes/kolarix-q_movies/.sass-cache/dbe02a1a42b287c54d53299a737338a67637f610/style.scssc differ diff --git a/wp-content/themes/kolarix-q_movies/css/header.scss b/wp-content/themes/kolarix-q_movies/css/header.scss index 2e49511..a01857f 100644 --- a/wp-content/themes/kolarix-q_movies/css/header.scss +++ b/wp-content/themes/kolarix-q_movies/css/header.scss @@ -4,14 +4,8 @@ &-wrapper { position: relative; - display: -webkit-box; - display: -ms-flexbox; display: flex; - -webkit-box-pack: justify; - -ms-flex-pack: justify; justify-content: space-between; - -webkit-box-align: center; - -ms-flex-align: center; align-items: center; } } @@ -31,95 +25,4 @@ &:hover { text-decoration: none; } -} - -.menu { - @media screen and (max-width: 990px) { - display: none; - position: absolute; - top: calc(var(--gap) * 2); - left: var(--gap); - width: calc(100% - var(--gap) * 2); - background: #ffffff; - padding: var(--gap); - text-align: center; - border-radius: 5px; - -webkit-box-shadow: 0 5px 10px 2px rgba(0, 0, 0, 0.2); - box-shadow: 0 5px 10px 2px rgba(0, 0, 0, 0.2); - } - - &-item { - display: block; - - @media screen and (min-width: 991px) { - display: inline-block; - } - - &:not(:last-child) { - @media screen and (max-width: 990px) { - margin-bottom: var(--gap); - } - - @media screen and (min-width: 991px) { - margin-right: var(--gap); - } - } - - &:last-child { - @media screen and (max-width: 990px) { - padding-top: var(--gap); - border-top: 1px solid var(--primary__hover); - } - - @media screen and (min-width: 991px) { - &:before { - content: '●'; - color: var(--primary__hover); - padding-right: var(--gap); - } - } - - a { - color: var(--primary); - padding: 10px 20px; - border: 2px solid var(--primary); - - &:hover { - text-decoration: none; - background: var(--primary); - color: #ffffff; - } - } - } - - a { - font-family: "BarlowCondensed-Bold", sans-serif; - letter-spacing: 2px; - } - } -} - -.mobile-nav { - width: 32px; - height: 32px; - background-image: url("images/icon-hamburger.svg"); - background-position: center; - background-repeat: no-repeat; - background-size: contain; - cursor: pointer; - -webkit-transition: background-image 0.3s ease; - -o-transition: background-image 0.3s ease; - transition: background-image 0.3s ease; - - &.active { - background-image: url("images/icon-close.svg"); - background-size: contain; - -webkit-transition: background-image 0.3s ease; - -o-transition: background-image 0.3s ease; - transition: background-image 0.3s ease; - } - - @media screen and (min-width: 991px) { - display: none; - } } \ No newline at end of file diff --git a/wp-content/themes/kolarix-q_movies/css/main.scss b/wp-content/themes/kolarix-q_movies/css/main.scss index fae70bc..7137f91 100644 --- a/wp-content/themes/kolarix-q_movies/css/main.scss +++ b/wp-content/themes/kolarix-q_movies/css/main.scss @@ -1,10 +1,12 @@ #main { + display: flex; height: 100%; } // Content .section { + flex: 1; height: 100%; @media screen and (min-width: 991px) { @@ -17,114 +19,88 @@ @media screen and (min-width: 991px) { height: 100%; } + } +} - &.content { - h1 { - @media screen and (min-width: 991px) { - display: flex; - align-items: center; - height: 100%; - max-height: calc(50% - 50px); - } - } - .wp-block-pullquote { - padding-bottom: 20px; - margin-right: var(--gap); - } - - .table-availability { - margin-bottom: 30px; - - caption { - font-size: 24px; - } - } +.loader-wrapper { + display: none; + position: absolute; + top: 0; + width: 100%; + height: 100%; + background: rgba(0, 0, 0, 0.3); + + .loader { + position: relative; + top: calc(50% - 25px); + width: 50px; + height: 50px; + margin: 0 auto; + background: #ffffff; + border-radius: 50%; + animation: roll 1s ease-in-out infinite alternate; + + &::after{ + content: ''; + position: absolute; + inset: 5px; + border-radius: 50%; + border: 5px solid; + border-color: #ff3d00 transparent; } } +} + +@keyframes roll { + 0% { + transform: translateX(-150%) rotate(0deg) ; + } + 100% { + transform: translateX(150%) rotate(360deg); + } +} + +.login { + &-wrapper { + position: relative; + text-align: center; + } - .media { - display: -webkit-box; - display: -ms-flexbox; - display: flex; + &-form { + max-width: 300px; + margin: 0 auto; - @media screen and (max-width: 990px) { - margin-top: 60px; + .input { + width: 100%; + margin-top: 5px; } + } + + .row { + margin-bottom: 20px; + } - .availability-checker { - position: relative; - - @media screen and (min-width: 991px) { - margin-left: var(--gap); - letter-spacing: 2px; - } - - .wp-tag { - position: absolute; - top: 0; - left: 0; - } - - h2 { - padding: var(--gap) 0; - - @media screen and (min-width: 991px) { - display: flex; - align-items: center; - padding: 0; - height: 100%; - max-height: calc(50% - 50px); - } - } - - .checker-demo { - text-align: center; - - .primary { - margin-right: 10px; - - @media screen and (max-width: 990px) { - padding: 10px 15px; - } - } - - .sm-grey { - display: inline-block; - } - } - - .wp-block-image { - margin: 30px auto 0; - - img { - margin: 0 auto; - } - } - - @media screen and (min-width: 768px) and (max-width: 990px) { - > *:not(figure) { - max-width: calc(50% - 30px); - width: 100%; - } - - > .wp-block-image { - float: right; - margin-top: -25%; - } - } + .button { + padding: 10px 20px; + background: #d2691e; + + &:hover { + background: #d2691e80; } } } +.button-logout { + display: none; + margin: 0 auto; +} + + // Footer .footer { padding: var(--gap) 0; margin-top: 30px; - background: #fff; - - @media screen and (min-width: 991px) { - - } + background: #ffffff; &-credits { text-align: center; diff --git a/wp-content/themes/kolarix-q_movies/css/min_reset.css b/wp-content/themes/kolarix-q_movies/css/min_reset.css index a03cea0..4eb43df 100644 --- a/wp-content/themes/kolarix-q_movies/css/min_reset.css +++ b/wp-content/themes/kolarix-q_movies/css/min_reset.css @@ -25,12 +25,7 @@ html { body { position: relative; - display: -webkit-box; - display: -ms-flexbox; display: flex; - -webkit-box-orient: vertical; - -webkit-box-direction: normal; - -ms-flex-direction: column; flex-direction: column; text-rendering: optimizeSpeed; -webkit-font-smoothing: antialiased; @@ -127,4 +122,26 @@ button:hover { [hidden] { display: none !important; +} + +input, +input:focus { + font-family: "BarlowCondensed", sans-serif; + font-size: var(--font-size__base); + padding: 10px 20px; + border: 1px solid #000000; + outline: none; + transition: all 0.4s ease; +} + +input:hover { + box-shadow: 0 0 2px 0 #000000; + transition: all 0.4s ease; +} + +label { + font-family: "BarlowCondensed-Bold", sans-serif; + font-size: var(--font-size__base); + letter-spacing: 2px; + margin-bottom: 5px; } \ No newline at end of file diff --git a/wp-content/themes/kolarix-q_movies/favicon.ico b/wp-content/themes/kolarix-q_movies/favicon.ico new file mode 100755 index 0000000..8cf6855 Binary files /dev/null and b/wp-content/themes/kolarix-q_movies/favicon.ico differ diff --git a/wp-content/themes/kolarix-q_movies/front-page.php b/wp-content/themes/kolarix-q_movies/front-page.php index a2aadd3..8a03adb 100644 --- a/wp-content/themes/kolarix-q_movies/front-page.php +++ b/wp-content/themes/kolarix-q_movies/front-page.php @@ -1,11 +1,6 @@ - -
-
+
'movies' ); $movies = new WP_Query( $args ); @@ -30,5 +25,24 @@ endif; ?>
+
\ No newline at end of file diff --git a/wp-content/themes/kolarix-q_movies/header.php b/wp-content/themes/kolarix-q_movies/header.php index f7f3e4f..340b036 100644 --- a/wp-content/themes/kolarix-q_movies/header.php +++ b/wp-content/themes/kolarix-q_movies/header.php @@ -10,12 +10,5 @@
QMovies -
\ No newline at end of file diff --git a/wp-content/themes/kolarix-q_movies/js/theme.js b/wp-content/themes/kolarix-q_movies/js/theme.js index 284a302..b3d40c2 100644 --- a/wp-content/themes/kolarix-q_movies/js/theme.js +++ b/wp-content/themes/kolarix-q_movies/js/theme.js @@ -1,58 +1,68 @@ (function( $ ) { 'use strict'; - // Active header on scroll (970 Design - task 3) - const header = $('.header'); + // QSS Login + let form = $('.login-form'), + loader = $('.loader-wrapper'), + message = $('.message'), + logout = $('.button-logout'), + token = sessionStorage.getItem('token'); - $(window).scroll(function() { - let scroll = window.pageYOffset; + // Check if token exists + if (token) { + form.hide(); + message.html('You are still logged in successfully, Q person!'); + logout.fadeIn(); + } - if (scroll > 100) { - header.addClass('active'); - } else { - header.removeClass('active'); - } - }); - - // Mobile navigation toggle - $(document).ready(function($) { - let toggleMobileNav = function() { - let menu = $('.menu'), - mobileNav = $('.mobile-nav'), - menuOpen = false; + form.submit(function(e) { + e.preventDefault(); + let email = $('#email').val(), + password = $('#password').val(); - // Check if .mobile-nav is visible - if (mobileNav.is(':visible')) { - mobileNav.click(function() { - if (!menuOpen) { - menu.slideDown(); - menuOpen = true; - mobileNav.addClass('active'); - } else { - menu.slideUp(); - menuOpen = false; - mobileNav.removeClass('active'); - } - }); + // validate user input + if (!email || !password) { + console.error('Email and password are required.'); + message.html('Please enter your email and password.'); + return; + } - $(document).click(function(event) { - if (!$(event.target).closest(menu).length && !$(event.target).closest(mobileNav).length && mobileNav.is(':visible')) { - if (menuOpen) { - menu.slideUp(); - menuOpen = false; - mobileNav.removeClass('active'); - } - } - }); - } else { - menu.show(); - mobileNav.off("click"); - $(document).off("click", "**"); + $.ajax({ + url: 'https://symfony-skeleton.q-tests.com/api/v2/token', + type: 'POST', + data: JSON.stringify({ email: email, password: password }), + dataType: 'json', + contentType: 'application/json', + beforeSend: function(){ + loader.fadeIn(); + }, + success: function(response) { + // store token in session for one day + let token = response.token, + expiresAt = new Date().getTime() + (24 * 60 * 60 * 1000); + sessionStorage.setItem('token', token); + sessionStorage.setItem('expiresAt', expiresAt); + loader.fadeOut(); + form.hide(); + message.html('Logged in successful, welcome Q person!'); + logout.fadeIn(); + }, + error: function(xhr, status, error) { + console.error(error); + loader.fadeOut(); + message.html('Connection failed, try different credentials.'); } - }; + }); + }); - toggleMobileNav(); - $(window).resize(toggleMobileNav); + logout.click(function() { + sessionStorage.removeItem('token'); + message.html('You have been logged out.'); + logout.hide(); + form.fadeIn(); + setTimeout(function() { + message.html(''); + }, 3000); }); })( jQuery ); diff --git a/wp-content/themes/kolarix-q_movies/style.css b/wp-content/themes/kolarix-q_movies/style.css index 7f3df3e..f98281a 100644 --- a/wp-content/themes/kolarix-q_movies/style.css +++ b/wp-content/themes/kolarix-q_movies/style.css @@ -1,4 +1,3 @@ -@charset "UTF-8"; /* Theme Name: Kolarix - Q Movies Author: Kolarix @@ -12,14 +11,8 @@ Version: 1.1.0 z-index: 1; } .header-wrapper { position: relative; - display: -webkit-box; - display: -ms-flexbox; display: flex; - -webkit-box-pack: justify; - -ms-flex-pack: justify; justify-content: space-between; - -webkit-box-align: center; - -ms-flex-align: center; align-items: center; } .logo-wrapper { @@ -35,146 +28,73 @@ Version: 1.1.0 .logo-wrapper:hover { text-decoration: none; } -@media screen and (max-width: 990px) { - .menu { - display: none; - position: absolute; - top: calc(var(--gap) * 2); - left: var(--gap); - width: calc(100% - var(--gap) * 2); - background: #ffffff; - padding: var(--gap); - text-align: center; - border-radius: 5px; - -webkit-box-shadow: 0 5px 10px 2px rgba(0, 0, 0, 0.2); - box-shadow: 0 5px 10px 2px rgba(0, 0, 0, 0.2); } } -.menu-item { - display: block; } - @media screen and (min-width: 991px) { - .menu-item { - display: inline-block; } } - @media screen and (max-width: 990px) { - .menu-item:not(:last-child) { - margin-bottom: var(--gap); } } - @media screen and (min-width: 991px) { - .menu-item:not(:last-child) { - margin-right: var(--gap); } } - @media screen and (max-width: 990px) { - .menu-item:last-child { - padding-top: var(--gap); - border-top: 1px solid var(--primary__hover); } } - @media screen and (min-width: 991px) { - .menu-item:last-child:before { - content: '●'; - color: var(--primary__hover); - padding-right: var(--gap); } } - .menu-item:last-child a { - color: var(--primary); - padding: 10px 20px; - border: 2px solid var(--primary); } - .menu-item:last-child a:hover { - text-decoration: none; - background: var(--primary); - color: #ffffff; } - .menu-item a { - font-family: "BarlowCondensed-Bold", sans-serif; - letter-spacing: 2px; } - -.mobile-nav { - width: 32px; - height: 32px; - background-image: url("images/icon-hamburger.svg"); - background-position: center; - background-repeat: no-repeat; - background-size: contain; - cursor: pointer; - -webkit-transition: background-image 0.3s ease; - -o-transition: background-image 0.3s ease; - transition: background-image 0.3s ease; } - .mobile-nav.active { - background-image: url("images/icon-close.svg"); - background-size: contain; - -webkit-transition: background-image 0.3s ease; - -o-transition: background-image 0.3s ease; - transition: background-image 0.3s ease; } - @media screen and (min-width: 991px) { - .mobile-nav { - display: none; } } - #main { + display: flex; height: 100%; } .section { + flex: 1; height: 100%; } .section .article { width: 100%; } @media screen and (min-width: 991px) { .section .article { height: 100%; } } - @media screen and (min-width: 991px) { - .section .article.content h1 { - display: flex; - align-items: center; - height: 100%; - max-height: calc(50% - 50px); } } - .section .article.content .wp-block-pullquote { - padding-bottom: 20px; - margin-right: var(--gap); } - .section .article.content .table-availability { - margin-bottom: 30px; } - .section .article.content .table-availability caption { - font-size: 24px; } - .section .media { - display: -webkit-box; - display: -ms-flexbox; - display: flex; } - @media screen and (max-width: 990px) { - .section .media { - margin-top: 60px; } } - .section .media .availability-checker { - position: relative; } - @media screen and (min-width: 991px) { - .section .media .availability-checker { - margin-left: var(--gap); - letter-spacing: 2px; } } - .section .media .availability-checker .wp-tag { - position: absolute; - top: 0; - left: 0; } - .section .media .availability-checker h2 { - padding: var(--gap) 0; } - @media screen and (min-width: 991px) { - .section .media .availability-checker h2 { - display: flex; - align-items: center; - padding: 0; - height: 100%; - max-height: calc(50% - 50px); } } - .section .media .availability-checker .checker-demo { - text-align: center; } - .section .media .availability-checker .checker-demo .primary { - margin-right: 10px; } - @media screen and (max-width: 990px) { - .section .media .availability-checker .checker-demo .primary { - padding: 10px 15px; } } - .section .media .availability-checker .checker-demo .sm-grey { - display: inline-block; } - .section .media .availability-checker .wp-block-image { - margin: 30px auto 0; } - .section .media .availability-checker .wp-block-image img { - margin: 0 auto; } - @media screen and (min-width: 768px) and (max-width: 990px) { - .section .media .availability-checker > *:not(figure) { - max-width: calc(50% - 30px); - width: 100%; } - .section .media .availability-checker > .wp-block-image { - float: right; - margin-top: -25%; } } + +.loader-wrapper { + display: none; + position: absolute; + top: 0; + width: 100%; + height: 100%; + background: rgba(0, 0, 0, 0.3); } + .loader-wrapper .loader { + position: relative; + top: calc(50% - 25px); + width: 50px; + height: 50px; + margin: 0 auto; + background: #ffffff; + border-radius: 50%; + animation: roll 1s ease-in-out infinite alternate; } + .loader-wrapper .loader::after { + content: ''; + position: absolute; + inset: 5px; + border-radius: 50%; + border: 5px solid; + border-color: #ff3d00 transparent; } + +@keyframes roll { + 0% { + transform: translateX(-150%) rotate(0deg); } + 100% { + transform: translateX(150%) rotate(360deg); } } +.login-wrapper { + position: relative; + text-align: center; } +.login-form { + max-width: 300px; + margin: 0 auto; } + .login-form .input { + width: 100%; + margin-top: 5px; } +.login .row { + margin-bottom: 20px; } +.login .button { + padding: 10px 20px; + background: #d2691e; } + .login .button:hover { + background: #d2691e80; } + +.button-logout { + display: none; + margin: 0 auto; } .footer { padding: var(--gap) 0; margin-top: 30px; - background: #fff; } + background: #ffffff; } .footer-credits { text-align: center; } .footer-credits p + p { @@ -199,23 +119,16 @@ Version: 1.1.0 border-radius: 20px; margin-right: 20px; } -.primary { - -webkit-text-fill-color: #ffffff; - color: #ffffff; - background-color: var(--primary); - padding: 20px; } - .primary:hover { - background-color: var(--primary__hover); } - body:after { content: ''; position: absolute; top: 0; right: 0; width: 50%; - height: 100%; + height: calc(100% - 180px); z-index: -1; background: var(--light-grey-blue); - border-top-left-radius: 100px; } + border-top-left-radius: 100px; + border-bottom-left-radius: 100px; } /*# sourceMappingURL=style.css.map */ diff --git a/wp-content/themes/kolarix-q_movies/style.css.map b/wp-content/themes/kolarix-q_movies/style.css.map index 572e8c5..57d9a74 100644 --- a/wp-content/themes/kolarix-q_movies/style.css.map +++ b/wp-content/themes/kolarix-q_movies/style.css.map @@ -1,6 +1,6 @@ { "version": 3, -"mappings": "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", +"mappings": "AAAA;;;;EAIE;AAEM,8BAAmB;AACnB,8BAAmB;AAGnB,+BAAoB;ACV5B,OAAQ;EACJ,OAAO,EAAE,YAAY;EACrB,OAAO,EAAE,CAAC;EAEV,eAAU;IACN,QAAQ,EAAE,QAAQ;IAClB,OAAO,EAAE,IAAI;IACb,eAAe,EAAE,aAAa;IAC9B,WAAW,EAAE,MAAM;;AAI3B,aAAc;EACV,SAAS,EAAE,IAAI;EACf,cAAc,EAAE,IAAI;AAEpB;;;;;;OAMG;EAEH,mBAAQ;IACJ,eAAe,EAAE,IAAI;;ACzB7B,KAAM;EACF,OAAO,EAAE,IAAI;EACb,MAAM,EAAE,IAAI;;AAKhB,QAAS;EACL,IAAI,EAAE,CAAC;EACP,MAAM,EAAE,IAAI;EAMZ,iBAAS;IACL,KAAK,EAAE,IAAI;IAEX,oCAAqC;MAHzC,iBAAS;QAID,MAAM,EAAE,IAAI;;AAKxB,eAAgB;EACZ,OAAO,EAAE,IAAI;EACb,QAAQ,EAAE,QAAQ;EAClB,GAAG,EAAE,CAAC;EACN,KAAK,EAAE,IAAI;EACX,MAAM,EAAE,IAAI;EACZ,UAAU,EAAE,kBAAkB;EAE9B,uBAAQ;IACJ,QAAQ,EAAE,QAAQ;IAClB,GAAG,EAAE,gBAAgB;IACrB,KAAK,EAAE,IAAI;IACX,MAAM,EAAE,IAAI;IACZ,MAAM,EAAE,MAAM;IACd,UAAU,EAAE,OAAO;IACnB,aAAa,EAAE,GAAG;IAClB,SAAS,EAAE,sCAAsC;IAEjD,8BAAQ;MACJ,OAAO,EAAE,EAAE;MACX,QAAQ,EAAE,QAAQ;MAClB,KAAK,EAAE,GAAG;MACV,aAAa,EAAE,GAAG;MAClB,MAAM,EAAE,SAAS;MACjB,YAAY,EAAE,mBAAmB;;AAK7C,eAOC;EANG,EAAG;IACC,SAAS,EAAE,8BAA+B;EAE9C,IAAK;IACD,SAAS,EAAG,+BAA+B;AAK/C,cAAU;EACN,QAAQ,EAAE,QAAQ;EAClB,UAAU,EAAE,MAAM;AAGtB,WAAO;EACH,SAAS,EAAE,KAAK;EAChB,MAAM,EAAE,MAAM;EAEd,kBAAO;IACH,KAAK,EAAE,IAAI;IACX,UAAU,EAAE,GAAG;AAIvB,WAAK;EACD,aAAa,EAAE,IAAI;AAGvB,cAAQ;EACJ,OAAO,EAAE,SAAS;EAClB,UAAU,EAAE,OAAO;EAEnB,oBAAQ;IACJ,UAAU,EAAE,SAAS;;AAKjC,cAAe;EACX,OAAO,EAAE,IAAI;EACb,MAAM,EAAE,MAAM;;AAKlB,OAAQ;EACJ,OAAO,EAAE,YAAY;EACrB,UAAU,EAAE,IAAI;EAChB,UAAU,EAAE,OAAO;EAEnB,eAAU;IACN,UAAU,EAAE,MAAM;IAElB,qBAAM;MACF,UAAU,EAAE,GAAG;;AFhG3B,QAAS;EACL,KAAK,EAAE,IAAI;EACX,SAAS,EAAE,MAAM;EACjB,MAAM,EAAE,MAAM;EACd,OAAO,EAAE,YAAY;;AAGzB,QAAS;EACL,KAAK,EAAE,gBAAgB;EACvB,cAAc,EAAE,GAAG;;AAGvB,IAAK;EACD,WAAW,EAAE,kCAAkC;EAC/C,UAAU,EAAE,gBAAgB;EAC5B,KAAK,EAAE,OAAO;EACd,cAAc,EAAE,CAAC;EACjB,OAAO,EAAE,QAAQ;EACjB,aAAa,EAAE,IAAI;EACnB,YAAY,EAAE,IAAI;;AAGtB,UAAW;EACP,OAAO,EAAE,EAAE;EACX,QAAQ,EAAE,QAAQ;EAClB,GAAG,EAAE,CAAC;EACN,KAAK,EAAE,CAAC;EACR,KAAK,EAAE,GAAG;EACV,MAAM,EAAE,kBAAkB;EAC1B,OAAO,EAAE,EAAE;EACX,UAAU,EAAE,sBAAsB;EAClC,sBAAsB,EAAE,KAAK;EAC7B,yBAAyB,EAAE,KAAK", "sources": ["style.scss","css/header.scss","css/main.scss"], "names": [], "file": "style.css" diff --git a/wp-content/themes/kolarix-q_movies/style.scss b/wp-content/themes/kolarix-q_movies/style.scss index 95a2e2b..85a5d39 100644 --- a/wp-content/themes/kolarix-q_movies/style.scss +++ b/wp-content/themes/kolarix-q_movies/style.scss @@ -32,26 +32,16 @@ Version: 1.1.0 margin-right: 20px; } -.primary { - -webkit-text-fill-color: #ffffff; - color: #ffffff; - background-color: var(--primary); - padding: 20px; - - &:hover { - background-color: var(--primary__hover); - } -} - body:after { content: ''; position: absolute; top: 0; right: 0; width: 50%; - height: 100%; + height: calc(100% - 180px); z-index: -1; background: var(--light-grey-blue); border-top-left-radius: 100px; + border-bottom-left-radius: 100px; }