From 7cfea37b1e490791b1df09aa87825fc4270b3682 Mon Sep 17 00:00:00 2001 From: gaelle morin Date: Thu, 2 Jul 2020 12:23:02 +0200 Subject: [PATCH] feature: notification - typo --- src/styles/base/header.scss | 6 ++ src/styles/base/main.scss | 115 ++++++++++++++++++++++++++++++++++++ 2 files changed, 121 insertions(+) diff --git a/src/styles/base/header.scss b/src/styles/base/header.scss index 8ba3366..8365842 100644 --- a/src/styles/base/header.scss +++ b/src/styles/base/header.scss @@ -167,6 +167,12 @@ solid-notifications { } .solid-notification__content { + font-family: Open Sans, sans-serif; + + .solid-notification__title { + font-size: 1.3rem; + font-weight: 600; + } .solid-notification__summary { color: var(--color-notification-summary); diff --git a/src/styles/base/main.scss b/src/styles/base/main.scss index 23a12a6..c5b5ff9 100644 --- a/src/styles/base/main.scss +++ b/src/styles/base/main.scss @@ -279,6 +279,121 @@ h5 { width: 15vw; } +.project-edit-logo { + display: flex; + height: 8.5vh; + margin-top: 20px; + margin-bottom: 30px; + + form { + display: flex; + } + + hubl-user-avatar { + width: 104px; + } + + input[type='submit'] { + @extend .button, + .text-bold, + .text-uppercase, + .button-primary, + .bordered; + align-self: center; + } +} + +.form-picture { + + form { + display: block; + text-align: center; + margin-bottom: 2.6rem; + padding-top: 1.8rem; + + @include breakpoint(lg) { + display: flex; + width: 100%; + } + + hubl-user-avatar { + display: inline-block; + max-width: 100%; + max-height: 16.5vh; + + @include breakpoint(lg) { + margin-left: 20px; + max-height: 8.5vh; + max-width: none; + width: calc(35vw - 20px); + } + + >object, + >img { + display: block; + max-height: 16.5vh !important; + + @include breakpoint(lg) { + max-height: 8.5vh !important; + } + } + } + + input { + @extend .button, + .text-bold, + .text-uppercase, + .button-primary, + .bordered; + margin: 10px 0; + width: 100%; + + @include breakpoint(lg) { + margin: auto 0 auto 2.2rem; + width: auto; + } + } + } +} + + +.p_relative { + position: relative; +} + +.is-inline-1200 { + + @include breakpoint(lg) { + flex-direction: row; + } +} + +.flex_vertical-center { + align-items: center; +} + +.flex_column { + flex-direction: column; +} + +.pull-left-1200 { + + @include breakpoint(lg) { + float: left; + } +} + +.profile-avatar { + height: 243px; + width: 243px; + margin-left: 2rem; +} + +solid-picture { + +} + + .content-box { @include window-style-modal(); flex-direction: column;