From cd6f9532d5c6daa9aa8e8475bc13eea1705db79f Mon Sep 17 00:00:00 2001
From: peter_rabbit <pierrejarriges@gmail.com>
Date: Fri, 15 Jan 2021 16:51:49 +0100
Subject: [PATCH] fix:colors
---
public/index.html | 1 +
src/pages/education/education.scss | 6 +++---
src/theme.scss | 2 +-
style/style.css | 10 +++++-----
4 files changed, 10 insertions(+), 9 deletions(-)
diff --git a/public/index.html b/public/index.html
index 6a66816..913e479 100644
--- a/public/index.html
+++ b/public/index.html
@@ -3,6 +3,7 @@
<head>
<meta charset="utf-8" />
<title>Kuadrado Software</title>
+ <meta name="viewport" content="width=device-width, initial-scale=1, minimum-scale=1" />
<link href="../style/style.css" rel="stylesheet" />
</head>
<body>
diff --git a/src/pages/education/education.scss b/src/pages/education/education.scss
index cf3c92f..da7ef8a 100644
--- a/src/pages/education/education.scss
+++ b/src/pages/education/education.scss
@@ -74,14 +74,14 @@
flex-wrap: wrap;
li.learning-theme {
position: relative;
- box-shadow: 3px 3px 5px 1px #0001;
+ box-shadow: 3px 3px 5px 1px #0003;
display: flex;
flex-direction: column;
.title {
color: $dark_2;
display: block;
position: absolute;
- background-color: white;
+ background-color: #fff9;
padding: 5px 25px;
}
img {
@@ -100,7 +100,7 @@
z-index: 1;
transition: max-height 0.6s;
padding: 20px;
- box-shadow: 0 2px 12px 6px #0001;
+ box-shadow: 0 2px 12px 6px #0003;
overflow: hidden;
display: flex;
flex-direction: column;
diff --git a/src/theme.scss b/src/theme.scss
index 4551e25..eef683c 100644
--- a/src/theme.scss
+++ b/src/theme.scss
@@ -1,7 +1,7 @@
$dark_1: #35393c;
$dark_2: #3c4144;
$dark_3: #555d61;
-$light_0: #eef4f8;
+$light_0: #d8e1e7;
$light_1: #96a5ae;
$light_2: #aabbc8;
$magenta: #ff00ff;
diff --git a/style/style.css b/style/style.css
index 5511c24..0d4d90a 100644
--- a/style/style.css
+++ b/style/style.css
@@ -208,7 +208,7 @@ main #page-container #education-page .section-contents .practical-infos {
display: flex;
flex-direction: column;
gap: 40px;
- background-color: #eef4f8;
+ background-color: #d8e1e7;
padding: 30px;
}
main #page-container #education-page .section-contents .practical-infos .info-item {
@@ -233,7 +233,7 @@ main #page-container #education-page .section-contents ul.learning-themes {
}
main #page-container #education-page .section-contents ul.learning-themes li.learning-theme {
position: relative;
- box-shadow: 3px 3px 5px 1px #0001;
+ box-shadow: 3px 3px 5px 1px #0003;
display: flex;
flex-direction: column;
}
@@ -241,7 +241,7 @@ main #page-container #education-page .section-contents ul.learning-themes li.lea
color: #3c4144;
display: block;
position: absolute;
- background-color: white;
+ background-color: #fff9;
padding: 5px 25px;
}
main #page-container #education-page .section-contents ul.learning-themes li.learning-theme img {
@@ -260,7 +260,7 @@ main #page-container #education-page .section-contents ul.learning-themes li.lea
z-index: 1;
transition: max-height 0.6s;
padding: 20px;
- box-shadow: 0 2px 12px 6px #0001;
+ box-shadow: 0 2px 12px 6px #0003;
overflow: hidden;
display: flex;
flex-direction: column;
@@ -281,7 +281,7 @@ main #page-container #education-page .section-contents ul.learning-themes li.lea
main #page-container #education-page .section-contents .infos-inscriptions {
display: flex;
gap: 40px;
- background-color: #eef4f8;
+ background-color: #d8e1e7;
padding: 30px;
}
main #page-container #education-page .section-contents .infos-inscriptions .groups,
--
GitLab