From 40b401478c4b8dde30a511767cbba6dfe234a6af Mon Sep 17 00:00:00 2001 From: =?UTF-8?q?Ferit=20Yi=C4=9Fit=20BALABAN?= Date: Tue, 19 Jul 2022 19:54:28 +0300 Subject: [PATCH] Update dev server --- resources/styles/main.css | 30 ++++++++++++++---------------- 1 file changed, 14 insertions(+), 16 deletions(-) diff --git a/resources/styles/main.css b/resources/styles/main.css index 1782246..e432eff 100644 --- a/resources/styles/main.css +++ b/resources/styles/main.css @@ -258,7 +258,7 @@ table { } td { - padding: 1em; + padding: 1vw; border: solid 1px black; } @@ -267,7 +267,7 @@ td { flex-direction: row; background: linear-gradient(to left, #1d60b5, #3b8fff); } -.documents a { +.documents .document { margin: 0 5vw 0 0; padding: 1vh 1vw; flex: 1; @@ -276,51 +276,48 @@ td { text-align: center; border-radius: 20px; } -.documents a:last-of-type { +.documents .document:last-of-type { margin: 0; } -.documents a:hover { +.documents .document:hover { background-color: rgba(255, 255, 255, 0.75); transition: 250ms cubic-bezier(0.4, 0, 1, 1); } -.documents a:hover img { +.documents .document:hover img { filter: brightness(0) saturate(100%) invert(15%) sepia(90%) saturate(2506%) hue-rotate(220deg) brightness(96%) contrast(90%); } -.documents a:hover h1 { +.documents .document:hover h1 { color: #1d409d; } -.documents a img { +.documents .document img { margin: 0 0 2.5vh 0; height: 100px; } -.documents a h1 { +.documents .document h1 { color: white; font: 600 18px Montserrat, sans-serif; } @media screen and (max-width: 1515px) { - .documents a { + .documents .document { display: inline-flex; align-items: center; margin: 0 0 4.5vh 0; } - .documents a:last-of-type { + .documents .document:last-of-type { margin: 0; } - .documents a img { + .documents .document img { margin: 0 2.5vw 0 0; } - .documents a h1 { + .documents .document h1 { text-align: left; } } @media screen and (max-width: 420px) { - .documents a img { + .documents .document img { width: 50px; margin: 0 2vw 0 0; } - .documents a h1 { - font: 500 12px Montserrat, sans-serif; - } } @media screen and (max-width: 1515px) { .documents { @@ -611,6 +608,7 @@ html, body { padding: 0; background-color: #364040; scroll-behavior: smooth; + font-family: sans-serif; } .content-spacing {