NextERP/design-themes
2
0
Fork 0
mirror of https://github.com/odoo/design-themes.git synced 2025-10-07 01:18:52 +07:00
Code Issues Packages Projects Releases Wiki Activity

[REF] *: BS5: adapt changes in media query mixin

Browse Source 
> 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
This commit is contained in:
Romeo Fragomeli
2022-07-04 07:53:56 +00:00
parent 5b04bc356b
commit ac63e031c0
33 changed files with 69 additions and 69 deletions
Download Patch File Download Diff File Expand all files Collapse all files
theme_monglia/static/src/old_snippets/s_banner_parallax/000_variables.scss
+1 -1
View File
@@ -15,7 +15,7 @@ $s-banner-parallax-h1-size: 50px;
padding: 0;
}
@mixin s-banner-parallax-height-hook {
@include media-breakpoint-down(sm) {
@include media-breakpoint-down(md) {
height: 100vh !important;
}
}
theme_monglia/static/src/old_snippets/s_big_icons/000_variables.scss
+3 -3
View File
@@ -3,11 +3,11 @@ $s-big-icon-circle-icon-size: 150px;
$s-big-icon-circle-text-color: $-gray-700;
@mixin s-big-icon-circle-height-hook {
padding-top: 0;
@include media-breakpoint-down(sm) {
@include media-breakpoint-down(md) {
height: 100%;
}
.row {
@include media-breakpoint-down(sm) {
@include media-breakpoint-down(md) {
height: 100%;
}
}
@@ -18,7 +18,7 @@ $s-big-icon-circle-text-color: $-gray-700;
@mixin s-big-icon-circle-fa-hook {
height: 150px;
line-height: 70px;
@include media-breakpoint-down(sm) {
@include media-breakpoint-down(md) {
height: 80px;
}
}
theme_monglia/static/src/old_snippets/s_features_carousel/000_variables.scss
+1 -1
View File
@@ -3,7 +3,7 @@ $s-features-carousel-indicators-visible: visible;
@mixin s-features-carousel-inner-hook {
.carousel-inner .row {
margin: 40px 70px;
@include media-breakpoint-down(sm) {
@include media-breakpoint-down(md) {
margin: 0;
}
}
theme_monglia/static/src/scss/compatibility-saas-11.4-variables.scss
+1 -1
View File
@@ -20,7 +20,7 @@ $s-banner-3-h2-size: 25px;
img {
display: none;
}
@include media-breakpoint-down(sm) {
@include media-breakpoint-down(md) {
top: 100px;
width: 100%;
}
theme_monglia/static/src/snippets/s_numbers/000.scss
+1 -1
View File
@@ -1,7 +1,7 @@
.s_numbers {
.s_number {
font-size: 75px;
@include media-breakpoint-down(sm) {
@include media-breakpoint-down(md) {
font-size: 60px;
}
}