77 lines
1.5 KiB
SCSS
77 lines
1.5 KiB
SCSS
@import "bootstrap/scss/functions";
|
|
@import "bootstrap/scss/variables";
|
|
@import "../shared/breakpoints";
|
|
|
|
.meeting {
|
|
> h1 {
|
|
font-weight: 500;
|
|
color: $gray-700;
|
|
display: flex;
|
|
justify-content: space-between;
|
|
align-items: center;
|
|
|
|
@at-root .theme-dark & {
|
|
color: $gray-300;
|
|
}
|
|
|
|
@media screen and (max-width: $bs5-break-sm) {
|
|
justify-content: center;
|
|
|
|
> span {
|
|
font-size: .95em;
|
|
}
|
|
}
|
|
|
|
strong {
|
|
font-weight: 700;
|
|
background: linear-gradient(220deg, $blue-500 20%, $purple-500 70%);
|
|
background-clip: text;
|
|
-webkit-background-clip: text;
|
|
-webkit-text-fill-color: transparent;
|
|
box-decoration-break: clone;
|
|
|
|
@at-root .theme-dark & {
|
|
background-image: linear-gradient(220deg, $yellow-200 20%, $orange-400 70%);
|
|
}
|
|
}
|
|
}
|
|
|
|
&-h1-badges {
|
|
display: flex;
|
|
justify-content: end;
|
|
align-items: center;
|
|
|
|
> span {
|
|
font-size: 13px;
|
|
font-weight: 700;
|
|
background-color: $pink-500;
|
|
box-shadow: 0 0 5px 0 rgba($pink-500, .5);
|
|
color: #FFF;
|
|
padding: 5px 8px;
|
|
border-radius: 6px;
|
|
|
|
& + span {
|
|
margin-left: 10px;
|
|
}
|
|
}
|
|
}
|
|
|
|
&-warning {
|
|
background-color: $red-500 !important;
|
|
box-shadow: 0 0 5px 0 rgba($red-500, .5) !important;
|
|
color: #FFF;
|
|
animation: warningBorderFlash 1s ease infinite;
|
|
}
|
|
|
|
> h4 {
|
|
@media screen and (max-width: $bs5-break-sm) {
|
|
text-align: center;
|
|
|
|
> span {
|
|
font-size: .8em;
|
|
text-align: center;
|
|
}
|
|
}
|
|
}
|
|
}
|