mirror of
https://github.com/odoo/design-themes.git
synced 2025-10-07 01:18:52 +07:00
Romeo Fragomeli
ac63e031c0
> 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
51 lines
1.2 KiB
SCSS
51 lines
1.2 KiB
SCSS
$s-banner-3-carosel-control-color: rgba(0, 0, 0, 0);
|
|
$s-banner-3-padding: 15px;
|
|
$s-banner-3-fa-color: white; // FIXME alpha
|
|
$s-banner-3-carousel-height: 100vh;
|
|
$s-banner-3-text-shadow: none;
|
|
$s-banner-3-hero-bg-color: #000;
|
|
$s-banner-3-indicators-visible: visible;
|
|
$s-banner-3-h1-size: 45px;
|
|
$s-banner-3-h2-size: 25px;
|
|
|
|
@mixin s-banner-3-row-hook {
|
|
background-color: rgba(255, 255, 255, 0.5);
|
|
border: 1px solid o-color('alpha');
|
|
height: 200px;
|
|
width: 400px;
|
|
position: relative;
|
|
top: 50%;
|
|
transform: translateY(-50%);
|
|
float: left;
|
|
img {
|
|
display: none;
|
|
}
|
|
@include media-breakpoint-down(md) {
|
|
top: 100px;
|
|
width: 100%;
|
|
}
|
|
}
|
|
@mixin s-banner-3-col-center-hook {
|
|
text-align: center;
|
|
width: 100%;
|
|
}
|
|
@mixin s-banner-3-carousel-control-hook {
|
|
display: none;
|
|
}
|
|
|
|
$s-big-picture-text-padding: 0;
|
|
$s-big-picture-text-align: center;
|
|
@mixin s-big-picture-text-hero-hook {
|
|
border-bottom: 1px solid o-color('epsilon');
|
|
margin: 0 20%;
|
|
}
|
|
|
|
$s-text-big-picture-padding: 0;
|
|
$s-text-big-picture-text-align: center;
|
|
@mixin s-text-big-picture-hero-hook {
|
|
border-bottom: 1px solid o-color('epsilon');
|
|
margin: 0 20%;
|
|
}
|
|
|
|
$s-timeline-company-color: $-gray-700;
|