From 59be57fe241a5149bdabd0efdd8d7618b1487be8 Mon Sep 17 00:00:00 2001 From: Anthony Dumas Date: Thu, 26 Dec 2019 18:11:47 +0100 Subject: [PATCH] Beautify --- _sass/dark-theme.scss | 65 ++++++++++++++++++++++--------------------- _sass/main.scss | 28 +++++++++---------- 2 files changed, 47 insertions(+), 46 deletions(-) diff --git a/_sass/dark-theme.scss b/_sass/dark-theme.scss index a380a83..9883a8c 100644 --- a/_sass/dark-theme.scss +++ b/_sass/dark-theme.scss @@ -2,61 +2,62 @@ Dark Theme **/ @media (prefers-color-scheme: dark) { - .dark-theme-only{ - display:inline; - } - .hero{ - background-color:darken(#5c9ead,35%)!important; - color:#ffffff; + .dark-theme-only { + display: inline; } - #photosAndButtons .card-content{ - background-color:darken(#5c9ead,40%)!important; + .hero { + background-color: darken(#5c9ead, 35%) !important; + color: #ffffff; + } + + #photosAndButtons .card-content { + background-color: darken(#5c9ead, 40%) !important; } p.title, - span.title{ - color:#ffffff; + span.title { + color: #ffffff; } - p.subtitle{ - color:#ffffff; + p.subtitle { + color: #ffffff; } - .is-primary - { - background-color:darken(#5c9ead,40%)!important; - } - .tile.is-vertical{ - background-color:unset; + .is-primary { + background-color: darken(#5c9ead, 40%) !important; } - .is-info{ - background-color: darken(#5c9ead,41%)!important; + .tile.is-vertical { + background-color: unset; } - section.hero.is-primary.is-bold{ + .is-info { + background-color: darken(#5c9ead, 41%) !important; + } + + section.hero.is-primary.is-bold { background-image: none; - background-color:darken(#5c9ead,30%)!important; + background-color: darken(#5c9ead, 30%) !important; } - body footer{ - background-color: darken(#5c9ead,42%)!important; + body footer { + background-color: darken(#5c9ead, 42%) !important; } - .button{ - background-color: darken(#5c9ead,41%); - border-color:darken(#5c9ead,30%); + .button { + background-color: darken(#5c9ead, 41%); + border-color: darken(#5c9ead, 30%); border-width: 4px; - color:white; + color: white; } - p{ - color:white; + p { + color: white; } - #photoProfil{ - background-color:darken(#5c9ead,30%); + #photoProfil { + background-color: darken(#5c9ead, 30%); } } \ No newline at end of file diff --git a/_sass/main.scss b/_sass/main.scss index fc6d57e..4e54d09 100644 --- a/_sass/main.scss +++ b/_sass/main.scss @@ -50,12 +50,12 @@ html { background-color: $primary; } -body{ +body { overflow-x: hidden; } -.dark-theme-only{ - display:none; +.dark-theme-only { + display: none; } @import "../node_modules/bulma/bulma"; @@ -110,30 +110,30 @@ section#contact .button { } .displayOnlyOnPrint { - display:none; + display: none; } #buttonsUnderPhoto a { - padding-left: 16px; - padding-bottom:0; + padding-left: 16px; + padding-bottom: 0; } -#photosAndButtons .media-content p + p { - margin-top:-16px; +#photosAndButtons .media-content p+p { + margin-top: -16px; } -.tile p.title{ -font-size: 25px; +.tile p.title { + font-size: 25px; } // -footer small{ - color:$white; +footer small { + color: $white; } // Photo de Profil -#photoProfil{ - background-color:lightgray; +#photoProfil { + background-color: lightgray; } @import "dark-theme"; \ No newline at end of file