diff --git a/css/main-blog.css b/css/main-blog.css
index fe85efe..29a7e54 100644
--- a/css/main-blog.css
+++ b/css/main-blog.css
@@ -24,6 +24,8 @@ a {
.blog-template * {
font-family: "Arvo", serif;
color: #3a3b3b;
+ cursor: default;
+ transition: 0.3s all ease-in;
}
.blog-template img {
border-radius: 5px;
@@ -62,14 +64,12 @@ a {
color: black;
transition: 0.2s all ease-in;
}
-.blog-template nav ul li a:hover {
- font-size: 1.7rem;
-}
.blog-template .latest-blogs-container {
width: 90%;
margin: 0 auto;
background: #adb1af4d;
padding: 20px;
+ border-radius: 5px;
}
.blog-template .latest-blogs-container h2 {
font-size: 2.4rem;
@@ -105,9 +105,6 @@ a {
border-radius: 5px 0 0 0;
}*/
}
-.blog-template .latest-blogs-container .card-blog-item:hover {
- box-shadow: 0 2px 2px rgba(0, 0, 0, 0.3);
-}
.blog-template .latest-blogs-container .card-blog-item .card-info {
display: flex;
flex-direction: column;
@@ -151,7 +148,10 @@ a {
background: #adb1af4d;
padding: 8px;
border-radius: 6px;
- text-align: left;
+ text-align: center;
+ width: 50%;
+ display: flex;
+ justify-content: space-around;
}
.blog-template .current-blog-container .blog-user-info div {
display: flex;
@@ -214,6 +214,9 @@ a {
margin-right: 10px;
border-radius: 50%;
}
+ .blog-template .current-blog-container .blog-user-info {
+ width: 100%;
+ }
.blog-template .current-blog-container .main-blog-image {
width: 80%;
}
diff --git a/css/main-blog.css.map b/css/main-blog.css.map
index 5c86a86..10d1acd 100644
--- a/css/main-blog.css.map
+++ b/css/main-blog.css.map
@@ -1 +1 @@
-{"version":3,"sourceRoot":"","sources":["../scss/template_styles/blog_template/_config-blog.scss","../scss/template_styles/blog_template/_main-content-blog.scss","../scss/template_styles/blog_template/main-blog.scss"],"names":[],"mappings":"AAAA;AACA;EACC;EACA;EACA;;;AAGD;EACC;;;AAGD;ACTA;AACsB;AAEY;AAGlC;AACA;EACC,YAPY;EAQZ;AAWA;AA6CA;AAkEA;;AAxHA;EACC;EACA,OATW;;AAYZ;EACC;;AAID;EACC;EACA,YAtBW;EAuBX;EACA;EACA;EACA;EACA;AAMA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;;AAJA;EACC;;AAeD;EACC;EACA;;AAEA;EACC;;AAEA;EACC;EACA;;AAEA;EACC;;AAQL;EACC;EACA;EACA,YAnEgB;EAoEhB;;AAEA;EACC;;AAGD;EACC;EACA;EACA;EACA;EACA,YAhFU;EAiFV;EACA;AAMA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;;AAJA;EACC;;AA0BD;EACC;EACA;EACA;EACA;;AAEA;EACC;EACA;;AAGD;EDhHH;EACA;ECiHI;;AD/GJ;EACC;EACA;EACA;;AAEA;EACC;EACA;;AC+GF;EACC;EACA;;AAEA;EACC;EACA;EACA;;AAGD;EACC;EACA;;AAGD;EDxID;EACA;ECyIE,YAnJe;EAoJf;EACA;EACA;;AD1IF;EACC;EACA;EACA;;AAEA;EACC;EACA;;ACuIA;EACC;EACA;EACA;;;AAMJ;AACA;AACC;EACA;AACC;AAaA;AA4BA;;EAvCC;IACC;IACA;IACA;;EAEA;IACC;;EAOF;IACC;IACA;IACA;IACA;;EAEA;IACC;;EAGD;IACC;;EAEA;IACC;IACA;IACA;;EAIF;IDjMH;IACA;;EAEA;IACC;IACA;IACA;;EAEA;IACC;IACA;;EC+LA;IACC;;;ACpNJ;;AAAA;AAAA;;AAAA;AAOA;;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;;AAAA","file":"main-blog.css"}
\ No newline at end of file
+{"version":3,"sourceRoot":"","sources":["../scss/template_styles/blog_template/_config-blog.scss","../scss/template_styles/blog_template/_main-content-blog.scss","../scss/template_styles/blog_template/main-blog.scss"],"names":[],"mappings":"AAAA;AACA;EACC;EACA;EACA;;;AAGD;EACC;;;AAGD;ACTA;AACsB;AAEY;AAGlC;AACA;EACC,YAPY;EAQZ;AAaA;AAyCA;AA+DA;;AAnHA;EACC;EACA,OATW;EAUX;EACA;;AAGD;EACC;;AAID;EACC;EACA,YAxBW;EAyBX;EACA;EACA;EACA;EACA;AAMA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;;AAJA;EACC;;AAeD;EACC;EACA;;AAEA;EACC;;AAEA;EACC;EACA;;AAOJ;EACC;EACA;EACA,YAjEgB;EAkEhB;EACA;;AAEA;EACC;;AAGD;EACC;EACA;EACA;EACA;EACA,YA/EU;EAgFV;EACA;AAEA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;;AAuBA;EACC;EACA;EACA;EACA;;AAEA;EACC;EACA;;AAGD;ED3GH;EACA;EC4GI;;AD1GJ;EACC;EACA;EACA;;AAEA;EACC;EACA;;AC0GF;EACC;EACA;;AAEA;EACC;EACA;EACA;;AAGD;EACC;EACA;;AAGD;EDnID;EACA;ECoIE,YA9Ie;EA+If;EACA;EACA;EACA;EACA;EACA;;ADxIF;EACC;EACA;EACA;;AAEA;EACC;EACA;;ACqIA;EACC;EACA;EACA;;;AAMJ;AACA;AACC;EACA;AACC;AAaA;AA4BA;;EAvCC;IACC;IACA;IACA;;EAEA;IACC;;EAOF;IACC;IACA;IACA;IACA;;EAEA;IACC;;EAGD;IACC;;EAEA;IACC;IACA;IACA;;EAIF;ID/LH;IACA;;EAEA;IACC;IACA;IACA;;EAEA;IACC;IACA;;EC6LA;IACC;;EAGD;IACC;;;ACtNJ;;AAAA;AAAA;;AAAA;AAOA;;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;;AAAA","file":"main-blog.css"}
\ No newline at end of file
diff --git a/css/main-lp.css b/css/main-lp.css
index efc2e6a..20a8161 100644
--- a/css/main-lp.css
+++ b/css/main-lp.css
@@ -9,6 +9,10 @@
/* PRICES SECTION */
/* TESTIMONIALS SECTION */
}
+.landing-page-template * {
+ transition: 0.3s all ease-in;
+ cursor: default;
+}
.landing-page-template nav {
width: 100%;
background: #5c5c5c;
@@ -32,10 +36,6 @@
}
.landing-page-template nav div ul li a {
color: white;
- transition: 0.2s all ease-in;
-}
-.landing-page-template nav div ul li a:hover {
- font-size: 1.8rem;
}
.landing-page-template header {
background: #a37eba;
@@ -67,13 +67,8 @@
padding: 10px 15px;
border-radius: 5px;
color: white;
- box-shadow: 0px 2px 2px black;
- transition: 0.2s all ease-in;
align-self: flex-start;
}
-.landing-page-template header .header-info a:hover {
- background: #2e2e2e;
-}
.landing-page-template .features-container {
background: #e8e8e8;
color: #2e2e2e;
@@ -154,13 +149,8 @@
padding: 10px 15px;
border-radius: 5px;
color: white;
- box-shadow: 0px 2px 2px black;
- transition: 0.2s all ease-in;
margin-bottom: 20px;
}
-.landing-page-template .innovation-container .content a:hover {
- background: #2e2e2e;
-}
.landing-page-template .prices-container {
background: #e8e8e8;
color: #2e2e2e;
@@ -216,11 +206,6 @@
padding: 10px 15px;
border-radius: 5px;
color: white;
- box-shadow: 0px 2px 2px black;
- transition: 0.2s all ease-in;
-}
-.landing-page-template .prices-container .content .prices-content ul li a:hover {
- background: #2e2e2e;
}
.landing-page-template .testimonials-container {
background: #a37eba;
diff --git a/css/main-lp.css.map b/css/main-lp.css.map
index 46f6b34..6e3df80 100644
--- a/css/main-lp.css.map
+++ b/css/main-lp.css.map
@@ -1 +1 @@
-{"version":3,"sourceRoot":"","sources":["../scss/template_styles/landing_page_template/_main-content-lp.scss","../scss/template_styles/landing_page_template/main-lp.scss"],"names":[],"mappings":"AAAA;AAkCA;AAMA;AACA;AACC;AAoCA;AAoCA;AAsCA;AA4BA;AAmDA;;AA5LA;EACC;EACA,YATgB;EAUhB;;AAEA;EACC;EACA;EACA;EACA;EACA;;AAEA;EACC;;AAGD;EACC;;AAEA;EACC;;AAEA;EACC;EACA;;AAEA;EACC;;AASN;EACC,YA3CuB;EA4CvB;;AAEA;EACC;EACA;EACA;EACA;EACA;EACA;;AAGD;EACC;EACA;;AAGD;EACC;EACA;EACA;EACA;;AAEA;EACC;;AAGD;EAzGF,YAkCiB;EAjCjB;EACA;EACA;EACA;EACA;EAsGG;;AApGH;EACC,YA4BW;;AA6EZ;EACC,YAjFW;EAkFX,OA/EW;;AAiFX;EACC;EACA;EACA;EACA;;AAEA;EA9GF;EACA;EACA;EACA,OAoBY;;AAlBZ;EACC;EACA;EACA;EACA;EACA,YAWgB;;AARjB;EACC;EACA;;AAmGC;EACC;EACA;EACA;;AAIC;AAAA;EACC;;AAEA;AAAA;EACC;;AAKH;EACC;;AAOJ;EACC,YArHuB;;AAuHvB;EACC;EACA;EACA;EACA;EACA;EACA;EACA;;AAEA;EAtJF;EACA;EACA;EACA,OAoJuC;;AAlJvC;EACC;EACA;EACA;EACA;EACA,YAUW;;AAPZ;EACC;EACA;;AA2IC;EACC;;AAGD;EA3KF,YAkCiB;EAjCjB;EACA;EACA;EACA;EACA;EAwKG;;AAtKH;EACC,YA4BW;;AA+IZ;EACC,YAnJW;EAoJX,OAjJW;;AAmJX;EACC;EACA;EACA;EACA;EACA;EACA;;AAEA;EAlLF;EACA;EACA;EACA,OAoBY;;AAlBZ;EACC;EACA;EACA;EACA;EACA,YAWgB;;AARjB;EACC;EACA;;AAwKE;EACC;EACA;EACA;EACA;;AAEA;EACC;EACA;EACA;EACA;;AAEA;EACC;;AAEA;EACC;;AAIF;EACC;;AAGD;EA5NL,YAkCiB;EAjCjB;EACA;EACA;EACA;EACA;;AAEA;EACC,YA4BW;;AAkMZ;EACC,YApMuB;EAqMvB;;AAEA;EACC;EACA;EACA;EACA;EACA;;AAEA;EApOF;EACA;EACA;EACA,OAkOuC;;AAhOvC;EACC;EACA;EACA;EACA;EACA,YAUW;;AAPZ;EACC;EACA;;AAyNC;EACC;EACA;EACA;EACA;EACA;;AAEA;EACC;EACA;;AAGD;EACC;;AAGD;EACC;EACA;EACA;;AAGD;EACC;EACA;EACA;;;AAOL;AACA;AACC;EACA;AACC;AAsBA;AAYA;;EAhCC;IACC;;EAEA;IACC;IACA;IACA;IACA;;EAEA;IACC;IACA,YAlQO;IAmQP;IACA;IACA;;EAQH;IACC;IACA;;EAEA;IACC;;EAOF;AAAA;IAEC;;;AAMJ;AACC;EACA;AACC;;EAEC;IACC;;EAEA;AAAA;IAEC;IACA;;EAEA;AAAA;IACC;;EAEA;AAAA;IACC;IACA;;EAGD;AAAA;IACC;;;AC3VP;;AAAA;AAAA;;AAAA;AAOA;;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;;AAAA","file":"main-lp.css"}
\ No newline at end of file
+{"version":3,"sourceRoot":"","sources":["../scss/template_styles/landing_page_template/_main-content-lp.scss","../scss/template_styles/landing_page_template/main-lp.scss"],"names":[],"mappings":"AAAA;AA4BA;AAMA;AACA;AAMC;AA+BA;AAoCA;AAsCA;AA4BA;AAmDA;;AA7LA;EACC;EACA;;AAID;EACC;EACA,YAdgB;EAehB;;AAEA;EACC;EACA;EACA;EACA;EACA;;AAEA;EACC;;AAGD;EACC;;AAEA;EACC;;AAEA;EACC;;AAQL;EACC,YA3CuB;EA4CvB;;AAEA;EACC;EACA;EACA;EACA;EACA;EACA;;AAGD;EACC;EACA;;AAGD;EACC;EACA;EACA;EACA;;AAEA;EACC;;AAGD;EAnGF,YA4BiB;EA3BjB;EACA;EACA;EAkGG;;AAMH;EACC,YAjFW;EAkFX,OA/EW;;AAiFX;EACC;EACA;EACA;EACA;;AAEA;EA9GF;EACA;EACA;EACA,OAoBY;;AAlBZ;EACC;EACA;EACA;EACA;EACA,YAWgB;;AARjB;EACC;EACA;;AAmGC;EACC;EACA;EACA;;AAIC;AAAA;EACC;;AAEA;AAAA;EACC;;AAKH;EACC;;AAOJ;EACC,YArHuB;;AAuHvB;EACC;EACA;EACA;EACA;EACA;EACA;EACA;;AAEA;EAtJF;EACA;EACA;EACA,OAoJuC;;AAlJvC;EACC;EACA;EACA;EACA;EACA,YAUW;;AAPZ;EACC;EACA;;AA2IC;EACC;;AAGD;EArKF,YA4BiB;EA3BjB;EACA;EACA;EAoKG;;AAMH;EACC,YAnJW;EAoJX,OAjJW;;AAmJX;EACC;EACA;EACA;EACA;EACA;EACA;;AAEA;EAlLF;EACA;EACA;EACA,OAoBY;;AAlBZ;EACC;EACA;EACA;EACA;EACA,YAWgB;;AARjB;EACC;EACA;;AAwKE;EACC;EACA;EACA;EACA;;AAEA;EACC;EACA;EACA;EACA;;AAEA;EACC;;AAEA;EACC;;AAIF;EACC;;AAGD;EAtNL,YA4BiB;EA3BjB;EACA;EACA;;AA6NA;EACC,YApMuB;EAqMvB;;AAEA;EACC;EACA;EACA;EACA;EACA;;AAEA;EApOF;EACA;EACA;EACA,OAkOuC;;AAhOvC;EACC;EACA;EACA;EACA;EACA,YAUW;;AAPZ;EACC;EACA;;AAyNC;EACC;EACA;EACA;EACA;EACA;;AAEA;EACC;EACA;;AAGD;EACC;;AAGD;EACC;EACA;EACA;;AAGD;EACC;EACA;EACA;;;AAOL;AACA;AACC;EACA;AACC;AAsBA;AAYA;;EAhCC;IACC;;EAEA;IACC;IACA;IACA;IACA;;EAEA;IACC;IACA,YAlQO;IAmQP;IACA;IACA;;EAQH;IACC;IACA;;EAEA;IACC;;EAOF;AAAA;IAEC;;;AAMJ;AACC;EACA;AACC;;EAEC;IACC;;EAEA;AAAA;IAEC;IACA;;EAEA;AAAA;IACC;;EAEA;AAAA;IACC;IACA;;EAGD;AAAA;IACC;;;ACrVP;;AAAA;AAAA;;AAAA;AAOA;;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;;AAAA","file":"main-lp.css"}
\ No newline at end of file
diff --git a/index.html b/index.html
index 2c6e294..825853b 100644
--- a/index.html
+++ b/index.html
@@ -77,8 +77,18 @@ Schemy
diff --git a/js/main.js b/js/main.js
index db85d09..eaf9758 100644
--- a/js/main.js
+++ b/js/main.js
@@ -65,7 +65,7 @@ const dataController = (() => {
},
{
name: "latest-blogs-color",
- index: 4,
+ index: 1,
type: "color",
},
{
@@ -111,22 +111,22 @@ const dataController = (() => {
},
{
name: "header-background",
- index: 3,
+ index: 2,
type: "bg",
},
{
name: "header-color",
- index: 4,
+ index: 1,
type: "color",
},
{
name: "features-background",
- index: 5,
+ index: 1,
type: "bg",
},
{
name: "features-color",
- index: 1,
+ index: 5,
type: "color",
hr: {
index: 1,
@@ -139,7 +139,7 @@ const dataController = (() => {
},
{
name: "innovations-color",
- index: 3,
+ index: 1,
type: "color",
hr: {
index: 1,
@@ -147,7 +147,7 @@ const dataController = (() => {
},
{
name: "prices-background",
- index: 4,
+ index: 1,
type: "bg",
},
{
@@ -160,12 +160,12 @@ const dataController = (() => {
},
{
name: "testimonials-background",
- index: 1,
+ index: 2,
type: "bg",
},
{
name: "testimonials-color",
- index: 2,
+ index: 1,
type: "color",
hr: {
index: 1,
@@ -185,7 +185,7 @@ const dataController = (() => {
const data = {
currentTemplate: "blog",
- currentColors: ["#E6AF2E", "#A3320B", "#6B0504", "#000000", "#ffffff"],
+ currentColors: ["#7d5a5a", "#f3e1e1", "#f1d1d1", "#000000", "#ffffff"],
};
return {
@@ -225,11 +225,12 @@ const UIController = (() => {
closeAboutBtn: "closeAbout",
mobileElementsList: "mobileElementsList",
allElementsList: ".allElement",
+ scrollE: ".template-container div",
+ scrollColorE: ".color-selector-container",
};
const changeColors = (index, colorsArr, elements, info) => {
let stylesText = "";
- console.log(elements);
elements.forEach((e, i) => {
switch (info.type) {
case "bg":
@@ -277,7 +278,9 @@ const UIController = (() => {
obj.bottom
}; margin-top: ${obj["margin-top"]}; border-radius: ${
obj["border-radius"]
- }; background: ${colorsArr[index - 1]}; }`;
+ }; background: ${
+ colorsArr[index - 1]
+ }; transition: 0.3s all ease-in;}`;
} else if (i === 1) {
obj = info.styles[1][0];
obj2 = info.styles[1][1];
@@ -287,14 +290,18 @@ const UIController = (() => {
obj.top
}; left: ${obj.left}; border-radius: ${
obj["border-radius"]
- }; background: ${colorsArr[index - 1]};}`;
+ }; background: ${
+ colorsArr[index - 1]
+ }; transition: 0.3s all ease-in;}`;
stylesText += ` ${obj2.selector} { content: ""; position: ${
obj2.position
}; width: ${obj2.width}; height: ${obj2.height}; top: ${
obj2.top
}; left: ${obj2.left}; border-radius: ${
obj2["border-radius"]
- }; background: ${colorsArr[index - 1]};}`;
+ }; background: ${
+ colorsArr[index - 1]
+ }; transition: 0.3s all ease-in;}`;
let sheet = document.createElement("style");
sheet.innerHTML = stylesText;
document.body.appendChild(sheet);
@@ -376,9 +383,15 @@ const UIController = (() => {
const elementsArr = Array.from(
document.querySelectorAll("." + elementInfo.name)
);
-
+ console.log(e, setIndex, colors);
changeColors(currentIndex, colors, elementsArr, elementInfo);
},
+ updateElementsColor: (dataObj, templatesObj) => {
+ templatesObj[dataObj.currentTemplate].domElements.forEach((e) => {
+ let allElements = Array.from(document.querySelectorAll("." + e.name));
+ changeColors(e.index, dataObj.currentColors, allElements, e);
+ });
+ },
};
})();
@@ -390,14 +403,18 @@ const controller = ((UI, DATA) => {
/* ADD DOM EVENTS */
const addEvents = () => {
- document
- .getElementById(DOM.currentTemplateE)
- .addEventListener("change", (e) => {
- allData.currentTemplate = e.target.value;
- UI.changeTemplate(allData.currentTemplate, temp);
- UI.addDOMElements(temp[allData.currentTemplate].domElements);
- UI.setIndexE(temp[allData.currentTemplate].domElements);
- });
+ const templateContainerE = document.getElementById(DOM.currentTemplateE);
+
+ templateContainerE.addEventListener("change", (e) => {
+ allData.currentTemplate = e.target.value;
+ UI.changeTemplate(allData.currentTemplate, temp);
+ UI.addDOMElements(temp[allData.currentTemplate].domElements);
+ UI.setIndexE(temp[allData.currentTemplate].domElements);
+ UI.updateElementsColor(allData, temp);
+ scrollEvent();
+ });
+
+ scrollEvent();
const colInputs = UI.getColorInputs();
@@ -406,6 +423,7 @@ const controller = ((UI, DATA) => {
if (UI.validHex(input.target.value)) {
allData.currentColors[input.target.id] = input.target.value;
UI.changeColors(allData.currentColors);
+ UI.updateElementsColor(allData, temp);
}
});
});
@@ -433,6 +451,23 @@ const controller = ((UI, DATA) => {
});
};
+ const scrollEvent = () => {
+ let scrollTimeout;
+ const templateE = document.getElementById(DOM.currentTemplateE);
+ const colorsE = document.querySelector(DOM.scrollColorE);
+
+ document.querySelector(DOM.scrollE).addEventListener("wheel", () => {
+ templateE.style.opacity = "0.3";
+ colorsE.style.opacity = "0.3";
+ this.clearTimeout(scrollTimeout);
+
+ scrollTimeout = setTimeout(() => {
+ templateE.style.opacity = "1";
+ colorsE.style.opacity = "1";
+ }, 400);
+ });
+ };
+
return {
init: () => {
console.log("App has started...");
@@ -443,6 +478,7 @@ const controller = ((UI, DATA) => {
addEvents();
UI.changeColors(allData.currentColors);
UI.setIndexE(temp[allData.currentTemplate].domElements);
+ UI.updateElementsColor(allData, temp);
},
};
})(UIController, dataController);
diff --git a/scss/template_styles/blog_template/_config-blog.scss b/scss/template_styles/blog_template/_config-blog.scss
index f4116f0..8fa7dde 100644
--- a/scss/template_styles/blog_template/_config-blog.scss
+++ b/scss/template_styles/blog_template/_config-blog.scss
@@ -24,5 +24,4 @@ a {
border-radius: 50%;
}
}
-
-}
\ No newline at end of file
+}
diff --git a/scss/template_styles/blog_template/_main-content-blog.scss b/scss/template_styles/blog_template/_main-content-blog.scss
index d4809a8..0b199e7 100644
--- a/scss/template_styles/blog_template/_main-content-blog.scss
+++ b/scss/template_styles/blog_template/_main-content-blog.scss
@@ -14,6 +14,8 @@ $black-text: #3a3b3b;
* {
font-family: "Arvo", serif;
color: $black-text;
+ cursor: default;
+ transition: 0.3s all ease-in;
}
img {
@@ -56,10 +58,6 @@ $black-text: #3a3b3b;
a {
color: black;
transition: 0.2s all ease-in;
-
- &:hover {
- font-size: 1.7rem;
- }
}
}
}
@@ -71,6 +69,7 @@ $black-text: #3a3b3b;
margin: 0 auto;
background: $secondary-color;
padding: 20px;
+ border-radius: 5px;
h2 {
font-size: 2.4rem;
@@ -85,10 +84,6 @@ $black-text: #3a3b3b;
width: 60%;
border-radius: 5px;
- &:hover {
- box-shadow: 0 2px 2px rgba(0, 0, 0, 0.3);
- }
-
/*
&::before {
content: "";
@@ -152,7 +147,10 @@ $black-text: #3a3b3b;
background: $secondary-color;
padding: 8px;
border-radius: 6px;
- text-align: left;
+ text-align: center;
+ width: 50%;
+ display: flex;
+ justify-content: space-around;
}
.blog-text-container {
@@ -212,6 +210,10 @@ $black-text: #3a3b3b;
/* CURRENT BLOG STYLES */
.current-blog-container {
+ .blog-user-info {
+ width: 100%;
+ }
+
.main-blog-image {
width: 80%;
}
diff --git a/scss/template_styles/landing_page_template/_main-content-lp.scss b/scss/template_styles/landing_page_template/_main-content-lp.scss
index 4961ed0..f6a3d09 100644
--- a/scss/template_styles/landing_page_template/_main-content-lp.scss
+++ b/scss/template_styles/landing_page_template/_main-content-lp.scss
@@ -4,12 +4,6 @@
padding: 10px 15px;
border-radius: 5px;
color: white;
- box-shadow: 0px 2px 2px black;
- transition: 0.2s all ease-in;
-
- &:hover {
- background: $black-text;
- }
}
@mixin title-content($hr-color, $text-color) {
@@ -40,6 +34,11 @@ $black-text: #2e2e2e;
/* LANDING PAGE TEMPLATE STYLES */
.landing-page-template {
+ * {
+ transition: 0.3s all ease-in;
+ cursor: default;
+ }
+
/* NAVBAR STYLES */
nav {
width: 100%;
@@ -65,11 +64,6 @@ $black-text: #2e2e2e;
a {
color: white;
- transition: 0.2s all ease-in;
-
- &:hover {
- font-size: 1.8rem;
- }
}
}
}