Files
design-themes/theme_common/static/src/old_snippets/s_profile/000.scss
T
Romeo Fragomeli ac63e031c0 [REF] *: BS5: adapt changes in media query mixin
> Media query mixins parameters have changed for a more logical approach

> media-breakpoint-down() uses the breakpoint itself instead of the next
> breakpoint (e.g., media-breakpoint-down(lg) instead of
> media-breakpoint-down(md) targets viewports smaller than lg).
> Similarly, the second parameter in media-breakpoint-between() also
> uses the breakpoint itself instead of the next breakpoint (e.g.,
> media-between(sm, lg) instead of media-breakpoint-between(sm, md)
> targets viewports between sm and lg).

https://getbootstrap.com/docs/5.1/migration/#sass

Task ID: 2766483

Part-of: odoo/design-themes#580
2022-07-07 13:29:20 +02:00

35 lines
645 B
SCSS

#wrapwrap .s_profile_box {
min-height: 450px;
color: gray('800');
@include media-breakpoint-down(lg) {
text-align: center;
}
h2 {
color: gray('800');
}
span.tags
{
background: gray('700');
border-radius: 2px;
color: white;
padding: 2px 4px;
}
}
#wrapwrap .s_profile_box_divider {
border-top: 1px solid lighten(gray('600'), 15%);
}
#wrapwrap .s_profile_box_emphasis:hover {
transition: all 0.3s ease-in-out;
background-color: lighten(gray('200'), 10%);
}
#wrapwrap .s_profile .card p, #wrapwrap .s_profile .card h2 {
color: gray('800');
}