position des menus

2020-12-02 11:56:05 +01:00
parent 8d56295b20
commit e128b59431
5 changed files with 150 additions and 64 deletions
--- a/styles/menu.css
+++ b/styles/menu.css
@@ -0,0 +1,55 @@
+body {
+	display: flex;
+	flex-direction: column;
+}
+
+/*/////////////////////////*/
+/*MENU*/
+.menu {
+	display: flex;
+	height: 40px;
+}
+.menu > * {
+	margin: auto;
+}
+.link-index {
+	display: flex;
+}
+.menu-link {
+	margin: auto;
+}
+.dot-link {
+	width: 30px;
+	height: 30px;
+	margin: auto;
+	margin-right: 10px;
+	border-radius: 50%;
+}
+.dot-link-asso {
+	background-color: var(--color-purple);
+}
+.dot-link-litterall {
+	background-color: var(--color-green);
+}
+.dot-link-lettredeeda {
+	background-color: var(--color-water);
+}
+
+/*//////////////////////////////*/
+/*IMAGE*/
+#main {
+	position: relative;
+	height: calc(100vh - 40px);
+	width: 100vw;
+}
+img {
+	width: 100%;
+	height: 100%;
+}
+.contain {
+	object-fit: contain;
+}
+.cover {
+	object-fit: cover;
+}
+