diff --git a/src/styles/components/comment.scss b/src/styles/components/comment.scss index 8efbc01..60add66 100644 --- a/src/styles/components/comment.scss +++ b/src/styles/components/comment.scss @@ -37,9 +37,9 @@ } } - solid-conversation.conversation { + sib-conversation.conversation { - .solid-conversation { + .sib-conversation { font-family: Open Sans; [name='conversation-wrapper'] { diff --git a/src/styles/layout/events/events.scss b/src/styles/layout/events/events.scss index 23ab28e..6ec7964 100644 --- a/src/styles/layout/events/events.scss +++ b/src/styles/layout/events/events.scss @@ -9,9 +9,9 @@ solid-event section { font-weight: 400; color: #7A7F85; solid-event { - sib-display div { + solid-display div { max-width: 1110px; - sib-display { + solid-display { margin: 0 0 20px 40px; } } @@ -30,16 +30,16 @@ solid-event section { #listevents, #circle-listevents { [name="name"], - solid-display-link-event .mdi::before { + event-display-link-event .mdi::before { color: #063B5C; } } .event-place-name, .nextevent-startdate, - solid-display-link-event { + event-display-link-event { color: #3A3A3A; } - .sib-event { + .solid-event { font-family: "Facit"; font-weight: 400; .page-title { @@ -58,8 +58,8 @@ solid-event section { padding: 5px 20px; color: #063B5C; } - sib-form { - sib-form-dropdown { + solid-form { + solid-form-dropdown { margin-left: 15px; label div { height: 2.5rem; @@ -90,12 +90,12 @@ solid-event section { width: max-content; height: max-content; } - solid-display-location-events { + event-display-location-events { padding: 5px; } } .eventdetail { - sib-display div { + solid-display div { display: block; } .mdi::before { @@ -124,12 +124,12 @@ solid-event section { font-size: 1.6rem; line-height: 2.6rem; } - solid-display-link-event a { + event-display-link-event a { font-size: 1.6rem; } } .newevent label div, - .newevent sib-form-file div label { + .newevent solid-form-file-label div label { line-height: 2.2rem; text-transform: uppercase; color: var(--form-title); @@ -165,7 +165,7 @@ solid-event section { background-color: #f0f3f6; } -#circle-events solid-event .events sib-form sib-form-dropdown select { +#circle-events solid-event .events solid-form solid-form-dropdown select { background-color: #f0f3f6; } diff --git a/src/styles/layout/job-offers/job-offers.scss b/src/styles/layout/job-offers/job-offers.scss index 80e6b89..b120517 100644 --- a/src/styles/layout/job-offers/job-offers.scss +++ b/src/styles/layout/job-offers/job-offers.scss @@ -180,7 +180,7 @@ solid-job-board { } } - .solid-conversation, + .sib-conversation, .conversation > div { display: flex; flex-direction: column-reverse; diff --git a/src/styles/layout/polls/_polls.scss b/src/styles/layout/polls/_polls.scss index 241f2cd..cb5d72a 100644 --- a/src/styles/layout/polls/_polls.scss +++ b/src/styles/layout/polls/_polls.scss @@ -80,7 +80,7 @@ solid-poll > div { box-shadow: 0px 0px 4px 1px #CACACA; *[name="body"] { /*size of tags of poll card*/ - etuc-display-votetags { + poll-display-votetags { >div { width: 64px; height: 24px; @@ -131,7 +131,7 @@ solid-poll > div { display: flex; flex-direction: row; margin-top: 10px; - solid-display-div [name="dateImage"]::before { + div [name="dateImage"]::before { display: inline-block; font: normal normal normal 24px/1 "Material Design Icons"; content: "\F6AF"; @@ -181,7 +181,7 @@ solid-poll > div { solid-display.topline { >div:first-of-type { *[name="right"] { - etuc-display-votetags { + poll-display-votetags { >div { width: 64px; height: 24px; @@ -203,7 +203,7 @@ solid-poll > div { [name="dateLine"] solid-set-default { display: flex; margin-top: 7px; - solid-display-date { + solid-display-date-div { margin-left: 7px; } } @@ -218,7 +218,7 @@ solid-poll > div { font-size: 16px; } } - solid-display-div [name="dateImage"]::before { + div [name="dateImage"]::before { font-family: "Material Design Icons"; font-weight: 400; content: "\F6AF"; @@ -275,7 +275,6 @@ solid-poll > div { } .poll-votes-form input[type="submit"] { height: 38px; - width: 149px; border-radius: 19px; box-shadow: 0 0 7px 0 rgba(0,0,0,0.15); } @@ -406,7 +405,7 @@ solid-poll > div { margin: 15px 0; padding: 0; } - label > div, solid-form-file-image > div label, solid-form-auto-completion[name="tags"] > label::before { + label > div, solid-form-file-image > div label, solid-form-dropdown-autocompletion[name="tags"] > label::before { margin-bottom: 5px; margin-top: 20px; color: var(--form-title); @@ -446,7 +445,7 @@ solid-poll > div { display: flex; width: 100%; justify-content: space-between; - custom-choix { + poll-custom-choice { width: calc(100% - 45px); solid-form-label-text[name="name"] { margin-bottom: 0; diff --git a/src/styles/layout/resources/resources.scss b/src/styles/layout/resources/resources.scss index 2378154..9510476 100644 --- a/src/styles/layout/resources/resources.scss +++ b/src/styles/layout/resources/resources.scss @@ -5,13 +5,13 @@ font-weight: 400; color: #7A7F85; solid-resource { - sib-display div { + solid-display div { max-width: 1110px; - sib-display { + solid-display { margin: 0 0 20px 40px; } } - .sib-resource { + .solid-resource { font-family: "Facit"; .page-title { font-family: "RefrigeratorDelxW01Bold"; @@ -41,7 +41,7 @@ } .resources { margin-top: -35px; - sib-form { + solid-form { &::before { content: "Research a resource"; font-family: "RefrigeratorDelxW01Bold"; @@ -63,7 +63,7 @@ padding: 10px 30px; color: #063B5C; } - sib-display sib-display { + solid-display solid-display { [name="name"] { font-family: "RefrigeratorDelxW01Bold"; color: #063B5C; @@ -97,7 +97,7 @@ } } .newresource label div, - .newresource sib-form-file div label { + .newresource solid-form-file div label { line-height: 2.2rem; text-transform: uppercase; color: var(--form-title); @@ -108,7 +108,7 @@ .newresource select, .newresource textarea, .newresource input, - .newresource sib-multiple-select .ss-main .ss-multi-selected { + .newresource solid-multiple-select .ss-main .ss-multi-selected { background-color: var(--form-inputs-background); } .newresource input[type="submit"] { @@ -124,7 +124,7 @@ } } @media (max-width: 991px) { - .sib-resource { + .solid-resource { margin-top: 65px; } } @@ -134,7 +134,7 @@ background-color: #f0f3f6; } -#circle-resources .resources sib-form sib-form-dropdown select { +#circle-resources .resources solid-form solid-form-dropdown select { background-color: #f0f3f6; }