Pour tout problème contactez-nous par mail : support@froggit.fr | La FAQ :grey_question: | Rejoignez-nous sur le Chat :speech_balloon:

Skip to content
Snippets Groups Projects
Commit cd6f9532 authored by peter_rabbit's avatar peter_rabbit
Browse files

fix:colors

parent 873e7104
No related branches found
No related tags found
No related merge requests found
Hide whitespace changes
Inline Side-by-side
public/index.html
+ 1
− 0
View file @ cd6f9532
...@@ -3,6 +3,7 @@ ...@@ -3,6 +3,7 @@
<head> <head>
<meta charset="utf-8" /> <meta charset="utf-8" />
<title>Kuadrado Software</title> <title>Kuadrado Software</title>
<meta name="viewport" content="width=device-width, initial-scale=1, minimum-scale=1" />
<link href="../style/style.css" rel="stylesheet" /> <link href="../style/style.css" rel="stylesheet" />
</head> </head>
<body> <body>
......
src/pages/education/education.scss
+ 3
− 3
View file @ cd6f9532
...@@ -74,14 +74,14 @@ ...@@ -74,14 +74,14 @@
flex-wrap: wrap; flex-wrap: wrap;
li.learning-theme { li.learning-theme {
position: relative; position: relative;
box-shadow: 3px 3px 5px 1px #0001; box-shadow: 3px 3px 5px 1px #0003;
display: flex; display: flex;
flex-direction: column; flex-direction: column;
.title { .title {
color: $dark_2; color: $dark_2;
display: block; display: block;
position: absolute; position: absolute;
background-color: white; background-color: #fff9;
padding: 5px 25px; padding: 5px 25px;
} }
img { img {
...@@ -100,7 +100,7 @@ ...@@ -100,7 +100,7 @@
z-index: 1; z-index: 1;
transition: max-height 0.6s; transition: max-height 0.6s;
padding: 20px; padding: 20px;
box-shadow: 0 2px 12px 6px #0001; box-shadow: 0 2px 12px 6px #0003;
overflow: hidden; overflow: hidden;
display: flex; display: flex;
flex-direction: column; flex-direction: column;
......
src/theme.scss
+ 1
− 1
View file @ cd6f9532
$dark_1: #35393c; $dark_1: #35393c;
$dark_2: #3c4144; $dark_2: #3c4144;
$dark_3: #555d61; $dark_3: #555d61;
$light_0: #eef4f8; $light_0: #d8e1e7;
$light_1: #96a5ae; $light_1: #96a5ae;
$light_2: #aabbc8; $light_2: #aabbc8;
$magenta: #ff00ff; $magenta: #ff00ff;
......
style/style.css
+ 5
− 5
View file @ cd6f9532
...@@ -208,7 +208,7 @@ main #page-container #education-page .section-contents .practical-infos { ...@@ -208,7 +208,7 @@ main #page-container #education-page .section-contents .practical-infos {
display: flex; display: flex;
flex-direction: column; flex-direction: column;
gap: 40px; gap: 40px;
background-color: #eef4f8; background-color: #d8e1e7;
padding: 30px; padding: 30px;
} }
main #page-container #education-page .section-contents .practical-infos .info-item { 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 { ...@@ -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 { main #page-container #education-page .section-contents ul.learning-themes li.learning-theme {
position: relative; position: relative;
box-shadow: 3px 3px 5px 1px #0001; box-shadow: 3px 3px 5px 1px #0003;
display: flex; display: flex;
flex-direction: column; flex-direction: column;
} }
...@@ -241,7 +241,7 @@ main #page-container #education-page .section-contents ul.learning-themes li.lea ...@@ -241,7 +241,7 @@ main #page-container #education-page .section-contents ul.learning-themes li.lea
color: #3c4144; color: #3c4144;
display: block; display: block;
position: absolute; position: absolute;
background-color: white; background-color: #fff9;
padding: 5px 25px; padding: 5px 25px;
} }
main #page-container #education-page .section-contents ul.learning-themes li.learning-theme img { 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 ...@@ -260,7 +260,7 @@ main #page-container #education-page .section-contents ul.learning-themes li.lea
z-index: 1; z-index: 1;
transition: max-height 0.6s; transition: max-height 0.6s;
padding: 20px; padding: 20px;
box-shadow: 0 2px 12px 6px #0001; box-shadow: 0 2px 12px 6px #0003;
overflow: hidden; overflow: hidden;
display: flex; display: flex;
flex-direction: column; flex-direction: column;
...@@ -281,7 +281,7 @@ main #page-container #education-page .section-contents ul.learning-themes li.lea ...@@ -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 { main #page-container #education-page .section-contents .infos-inscriptions {
display: flex; display: flex;
gap: 40px; gap: 40px;
background-color: #eef4f8; background-color: #d8e1e7;
padding: 30px; padding: 30px;
} }
main #page-container #education-page .section-contents .infos-inscriptions .groups, main #page-container #education-page .section-contents .infos-inscriptions .groups,
......
0% or .
You are about to add 0 people to the discussion. Proceed with caution.
Finish editing this message first!
Please register or to comment

Froggit est fièrement fabriqué avec amour par Lydra avec des Logiciels Libres et hébergé en France chez Scaleway | Status du service