additional theme cleanup

wp-content/themes/kolarix-q_movies/css/main.scss

@@ -1,23 +1,24 @@
 #main {
     display: flex;
     height: 100%;
+
+    @media screen and (max-width: 768px) {
+        flex-direction: column-reverse;
+    }
 }
 
 // Content
-
 .section {
     flex: 1;
     height: 100%;
 
-    @media screen and (min-width: 991px) {
-
-    }
-
-    .article {
+    article {
         width: 100%;
 
-        @media screen and (min-width: 991px) {
-            height: 100%;
+        &.movies:not(:last-child) {
+            border-bottom: 2px solid #d2691e;
+            margin-bottom: 40px;
+            padding-bottom: 20px;
         }
     }
 }

wp-content/themes/kolarix-q_movies/css/variables.css

@@ -1,6 +1,4 @@
 :root {
-    --primary: rgb(199, 38, 166);
-    --primary__hover: rgba(199, 38, 166, 0.6);
     --dark-blue: hsl(230, 29%, 20%);
     --dark-grey-blue: hsl(230, 11%, 40%);
     --grey-blue: hsl(240, 5.3%, 18.6%);

wp-content/themes/kolarix-q_movies/style.css

@@ -31,15 +31,19 @@ Version: 1.1.0
 #main {
   display: flex;
   height: 100%; }
+  @media screen and (max-width: 768px) {
+    #main {
+      flex-direction: column-reverse; } }
 
 .section {
   flex: 1;
   height: 100%; }
-  .section .article {
+  .section article {
     width: 100%; }
-    @media screen and (min-width: 991px) {
-      .section .article {
-        height: 100%; } }
+    .section article.movies:not(:last-child) {
+      border-bottom: 2px solid #d2691e;
+      margin-bottom: 40px;
+      padding-bottom: 20px; }
 
 .loader-wrapper {
   display: none;
@@ -112,10 +116,10 @@ Version: 1.1.0
 
 .tag {
   font-family: "BarlowCondensed-Bold", sans-serif;
-  background: var(--dark-blue);
+  background: #d2691e;
   color: #ffffff;
   letter-spacing: 0;
-  padding: 5px 10px;
+  padding: 5px 20px;
   border-radius: 20px;
   margin-right: 20px; }
 

wp-content/themes/kolarix-q_movies/style.css.map

@@ -1,6 +1,6 @@
 {
 "version": 3,
-"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",
+"mappings": "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",
 "sources": ["style.scss","css/header.scss","css/main.scss"],
 "names": [],
 "file": "style.css"

wp-content/themes/kolarix-q_movies/style.scss

@@ -24,10 +24,10 @@ Version: 1.1.0
 
 .tag {
     font-family: "BarlowCondensed-Bold", sans-serif;
-    background: var(--dark-blue);
+    background: #d2691e;
     color: #ffffff;
     letter-spacing: 0;
-    padding: 5px 10px;
+    padding: 5px 20px;
     border-radius: 20px;
     margin-right: 20px;
 }