NextERP/design-themes
2
0
Fork 0
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_common/static/src/old_snippets/s_progress/000.scss
+4 -4
View File
@@ -2,7 +2,7 @@
> div > .row > div {
border-left-width: 1px;
border-left-style: solid;
@include media-breakpoint-down(sm) {
@include media-breakpoint-down(md) {
border-bottom-width: 1px;
border-bottom-style: solid;
border-left-width: 0;
@@ -27,7 +27,7 @@
padding: 10px;
text-align: center;
min-height: 230px;
@include media-breakpoint-down(sm) {
@include media-breakpoint-down(md) {
min-height: 50px;
}
@@ -56,14 +56,14 @@
height: 25px;
text-align: right;
width: 100%;
@include media-breakpoint-down(sm) {
@include media-breakpoint-down(md) {
display: none;
}
}
.progress-content {
padding: 10px 25px;
min-height: 230px;
@include media-breakpoint-down(sm) {
@include media-breakpoint-down(md) {
min-height: 50px;
}
h1 {