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: migration

Browse Source 
Automated change made by a lot of RegEx to change all think that is
possible to automate.

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

Task ID: 2766483

Part-of: odoo/design-themes#580
This commit is contained in:
Romeo Fragomeli
2022-07-04 07:56:18 +00:00
parent ac63e031c0
commit 54cca0eaf6
33 changed files with 128 additions and 128 deletions
Download Patch File Download Diff File Expand all files Collapse all files
theme_common/static/src/old_snippets/s_compact_menu/000.scss
+2 -2
View File
@@ -17,12 +17,12 @@
> .row {
min-height: 150px;
height: auto;
border-left: 3px solid gray('200');
border-left: 3px solid map-get($grays, '200');
> .menublock {
margin: 0 0 0 20px;
padding: 0 20px 0 0;
border-bottom: 1px solid gray('200');
border-bottom: 1px solid map-get($grays, '200');
float: left;
h4 {
font-weight: bold;
theme_common/static/src/old_snippets/s_discount/000.scss
+3 -3
View File
@@ -4,7 +4,7 @@
padding: 30px 0;
border-radius: $s-discount-box-border-radius;
position: relative;
box-shadow: 0px 0px 5px 0px rgba(gray('700'), 0.5);
box-shadow: 0px 0px 5px 0px rgba(map-get($grays, '700'), 0.5);
word-wrap: break-word;
&:before {
@@ -63,7 +63,7 @@
#wrapwrap .s_discount_descr {
text-align: center;
font-size: 13px;
color: gray('800');
color: map-get($grays, '800');
margin-top: 10px;
padding: 20px 25px;
@include s-discount-descr-hook;
@@ -92,7 +92,7 @@
border-radius: 4px;
margin-top: 10px;
background: #f0f0f0;
color: gray('800');
color: map-get($grays, '800');
.code {
padding: 10px 15px;
}
theme_common/static/src/old_snippets/s_event_list/000.scss
+5 -5
View File
@@ -42,13 +42,13 @@
text-align: center;
> li {
float: left;
color: gray('800');
color: map-get($grays, '800');
font-size: 11px;
font-weight: 300;
&:hover {
color: gray('800');
background-color: gray('200');
color: map-get($grays, '800');
background-color: map-get($grays, '200');
}
> a {
@@ -87,7 +87,7 @@
> a {
display: block;
width: 100%;
color: gray('800');
color: map-get($grays, '800');
text-decoration: none;
}
}
@@ -174,7 +174,7 @@
width: 40px;
> ul {
height: 100%;
border-left: 1px solid lighten(gray('200'), 10%);
border-left: 1px solid lighten(map-get($grays, '200'), 10%);
> li {
width: 100%;
height: 33.333%;
theme_common/static/src/old_snippets/s_event_slide/000.scss
+2 -2
View File
@@ -22,8 +22,8 @@
background-color: o-color('epsilon');
}
> .row > div {
border-right: 1px solid gray('200');
border-bottom: 1px solid gray('200');
border-right: 1px solid map-get($grays, '200');
border-bottom: 1px solid map-get($grays, '200');
text-align: left;
h4 {
text-align: center;
theme_common/static/src/old_snippets/s_features_carousel/000.scss
+3 -3
View File
@@ -40,17 +40,17 @@
border-bottom: {
width: $s-features-carousel-border-width;
style: $s-features-carousel-border-style;
color: if(s-features-carousel-border-color != null, $s-features-carousel-border-color, gray('600'));
color: if(s-features-carousel-border-color != null, $s-features-carousel-border-color, map-get($grays, '600'));
}
text-align: center;
padding-bottom: 30px;
}
.carousel-indicators {
border-top: 1px dotted gray('600');
border-top: 1px dotted map-get($grays, '600');
padding-top: 32px;
visibility: $s-features-carousel-indicators-visible;
li {
border: 1px solid gray('200');
border: 1px solid map-get($grays, '200');
}
}
.carousel-indicators .active {
theme_common/static/src/old_snippets/s_full_menu/000.scss
+2 -2
View File
@@ -8,10 +8,10 @@
font-size: 20px;
}
.menu-container > .s_full_menu_content {
border-left: 3px solid gray('200');
border-left: 3px solid map-get($grays, '200');
.row {
.s_full_menu_content_description {
border-bottom: 1px solid gray('200');
border-bottom: 1px solid map-get($grays, '200');
padding-bottom: 15px;
line-height: 1;
span {
theme_common/static/src/old_snippets/s_pricing/000.scss
+2 -2
View File
@@ -1,6 +1,6 @@
#wrapwrap .s_pricing strong {
font-weight: 700;
color: gray('800');
color: map-get($grays, '800');
}
#wrapwrap .s_pricing_footer {
@@ -8,7 +8,7 @@
}
#wrapwrap .s_pricing_box {
box-shadow: 0px 2px 5px 0px rgba(black, 0.1);
border: 1px solid lighten(gray('200'), 10%);
border: 1px solid lighten(map-get($grays, '200'), 10%);
}
#wrapwrap .s_pricing_header {
theme_common/static/src/old_snippets/s_profile/000.scss
+6 -6
View File
@@ -1,18 +1,18 @@
#wrapwrap .s_profile_box {
min-height: 450px;
color: gray('800');
color: map-get($grays, '800');
@include media-breakpoint-down(lg) {
text-align: center;
}
h2 {
color: gray('800');
color: map-get($grays, '800');
}
span.tags
{
background: gray('700');
background: map-get($grays, '700');
border-radius: 2px;
color: white;
padding: 2px 4px;
@@ -21,14 +21,14 @@
}
#wrapwrap .s_profile_box_divider {
border-top: 1px solid lighten(gray('600'), 15%);
border-top: 1px solid lighten(map-get($grays, '600'), 15%);
}
#wrapwrap .s_profile_box_emphasis:hover {
transition: all 0.3s ease-in-out;
background-color: lighten(gray('200'), 10%);
background-color: lighten(map-get($grays, '200'), 10%);
}
#wrapwrap .s_profile .card p, #wrapwrap .s_profile .card h2 {
color: gray('800');
color: map-get($grays, '800');
}
theme_common/static/src/scss/compatibility-saas-10-1.scss
+5 -5
View File
@@ -10,8 +10,8 @@
}
}
.black { @include bg-compatibility-mixin($black, gray('600')); }
.darkgray { @include bg-compatibility-mixin(gray('800'), $white); }
.gray { @include bg-compatibility-mixin(gray('700'), $white); }
.lightgray { @include bg-compatibility-mixin(gray('200'), gray('700')); }
.white { @include bg-compatibility-mixin($white, gray('700')); }
.black { @include bg-compatibility-mixin($black, map-get($grays, '600')); }
.darkgray { @include bg-compatibility-mixin(map-get($grays, '800'), $white); }
.gray { @include bg-compatibility-mixin(map-get($grays, '700'), $white); }
.lightgray { @include bg-compatibility-mixin(map-get($grays, '200'), map-get($grays, '700')); }
.white { @include bg-compatibility-mixin($white, map-get($grays, '700')); }
theme_common/static/src/scss/compatibility-saas-10-2.scss
+10 -10
View File
@@ -3,23 +3,23 @@
// To allow a smooth transition, old classes alias are created here.
// Define new theme variables in case the user changes its theme
$gray-light-light: gray('200');
$gray-light-dark: gray('600');
$gray-dark-light: gray('700');
$gray-dark-dark: gray('900');
$gray-darkest: gray('900');
$gray-light-light: map-get($grays, '200');
$gray-light-dark: map-get($grays, '600');
$gray-dark-light: map-get($grays, '700');
$gray-dark-dark: map-get($grays, '900');
$gray-darkest: map-get($grays, '900');
body .color-black { color: $black; }
body .color-white { color: $white; }
body .color-gray-lighter { color: gray('200'); }
body .color-gray-lighter { color: map-get($grays, '200'); }
body .color-gray-light-light { color: $gray-light-light; }
body .color-gray-light { color: gray('600'); }
body .color-gray-light { color: map-get($grays, '600'); }
body .color-gray-light-dark { color: $gray-light-dark; }
body .color-gray { color: gray('700'); }
body .color-gray { color: map-get($grays, '700'); }
body .color-gray-dark-light { color: $gray-dark-light; }
body .color-gray-dark { color: gray('900'); }
body .color-gray-dark { color: map-get($grays, '900'); }
body .color-gray-dark-dark { color: $gray-dark-dark; }
body .color-gray-darker { color: gray('900'); }
body .color-gray-darker { color: map-get($grays, '900'); }
body .color-gray-darkest { color: $gray-darkest; }
body .color-alpha { color: o-color('alpha'); }
body .color-beta { color: o-color('beta'); }
theme_common/static/src/scss/compatibility-saas-11.4-variables.scss
+1 -1
View File
@@ -4,7 +4,7 @@
li {
width: 12px;
height: 12px;
border-color: gray('900');
border-color: map-get($grays, '900');
margin: 0;
&:hover {
border-color: o-color('alpha');
theme_common/static/src/scss/compatibility-saas-11.4.scss
+19 -19
View File
@@ -317,7 +317,7 @@
#wrapwrap .s_separator_shade hr {
height: 2px;
border-top: 0;
background: gray('700');
background: map-get($grays, '700');
border-radius: 5px;
}
@@ -411,7 +411,7 @@
color: white;
padding-top: 32px;
p {
color: gray('800');
color: map-get($grays, '800');
font-size: 16px;
}
}
@@ -436,7 +436,7 @@
&.quotecarousel {
padding: 0;
}
@include blockquote-layout(#fff, gray('900'));
@include blockquote-layout(#fff, map-get($grays, '900'));
.carousel-indicators {
@include carousel-indicators(5px, -5px);
}
@@ -602,7 +602,7 @@
position: absolute;
content: " ";
width: 3px;
background-color: gray('200');
background-color: map-get($grays, '200');
left: 50%;
margin-left: -1.5px;
}
@@ -787,17 +787,17 @@
#wrapwrap .s_timeline_title {
margin-top: 0;
color: gray('800');
color: map-get($grays, '800');
}
#wrapwrap .s_timeline_info {
margin-top: 0;
color: gray('700');
color: map-get($grays, '700');
}
#wrapwrap .s_timeline_date {
margin-top: 0;
color: gray('800');
color: map-get($grays, '800');
}
$s-timeline-company-color: o-color('alpha') !default;
@@ -808,13 +808,13 @@ $s-timeline-company-color: o-color('alpha') !default;
}
#wrapwrap .s_timeline_heading {
color: gray('800');
color: map-get($grays, '800');
}
#wrapwrap .s_timeline_body > p,
#wrapwrap .s_timeline_body > ul {
margin-bottom: 0;
color: gray('800');
color: map-get($grays, '800');
}
#wrapwrap .s_timeline_body > p + p {
@@ -855,7 +855,7 @@ $s-timeline-company-color: o-color('alpha') !default;
top: 10px;
bottom: 10px;
left: 50%;
background-color: gray('700');
background-color: map-get($grays, '700');
}
li {
@@ -875,7 +875,7 @@ $s-timeline-company-color: o-color('alpha') !default;
.timeline-content-double {
position: relative;
width: 50%;
color: gray('900');
color: map-get($grays, '900');
&:after {
content: '';
position: absolute;
@@ -883,8 +883,8 @@ $s-timeline-company-color: o-color('alpha') !default;
right: 30px;
display: inline-block;
border-top: 5px solid rgba(0, 0, 0, 0);
border-left: 5px solid gray('900');
border-right: 0 solid gray('900');
border-left: 5px solid map-get($grays, '900');
border-right: 0 solid map-get($grays, '900');
border-bottom: 5px solid rgba(0, 0, 0, 0);
}
@@ -922,7 +922,7 @@ $s-timeline-company-color: o-color('alpha') !default;
line-height: 30px;
margin-left: -40px;
background-color: #fff;
color: gray('900');
color: map-get($grays, '900');
font-weight: 700;
text-align: center;
z-index: $zindex-navbar;
@@ -967,7 +967,7 @@ $s-timeline-company-color: o-color('alpha') !default;
}
li {
border-bottom: 1px solid gray('200');
border-bottom: 1px solid map-get($grays, '200');
&:last-child{
border-bottom: 0;
}
@@ -1177,15 +1177,15 @@ $s-timeline-company-color: o-color('alpha') !default;
}
#wrapwrap .s_references_2 {
@include blockquote-layout(gray('200'), gray('900'));
@include blockquote-layout(map-get($grays, '200'), map-get($grays, '900'));
.carousel-indicators {
@include carousel-indicators(-15px, -10px);
}
}
#wrapwrap .s_medias_list {
background-color: if($s-medias-list-bg-color-main != null, $s-medias-list-bg-color-main, gray('200'));
.media {
background-color: if($s-medias-list-bg-color-main != null, $s-medias-list-bg-color-main, map-get($grays, '200'));
.d-flex {
@include media-breakpoint-down(lg) {
height: auto !important;
}
@@ -1200,7 +1200,7 @@ $s-timeline-company-color: o-color('alpha') !default;
}
.media-options {
height: 100%;
background-color: gray('200');
background-color: map-get($grays, '200');
> .row {
margin: 0;
[class*="col-"]{
theme_common/static/src/scss/mixins.scss
+24 -24
View File
@@ -83,14 +83,14 @@
@mixin carousel-control($position, $fa-position, $fa-padding) {
opacity: 1;
text-shadow: none;
color: gray('900');
color: map-get($grays, '900');
font-size: inherit;
width: 5%;
.fa {
top: 50%;
background-color: #fff;
&:hover {
color: theme-color('primary');
color: map-get($theme-colors, 'primary');
}
@include media-breakpoint-down(md) {
top: auto;
@@ -252,17 +252,17 @@
// designed... should we keep this ?
@each $color, $alias in ('success': 'epsilon', 'info': 'gamma', 'warning': 'delta') {
&.btn-#{$color} {
@include button-variant(theme-color($alias), theme-color($alias));
@include button-variant(map-get($theme-colors, $alias), map-get($theme-colors, $alias));
}
&.btn-outline-#{$color} {
@include button-outline-variant(theme-color($alias));
@include button-outline-variant(map-get($theme-colors, $alias));
}
}
&.btn-danger {
@include button-variant(gray('black'), gray('black'));
@include button-variant(map-get($grays, 'black'), map-get($grays, 'black'));
}
&.btn-outline-danger {
@include button-outline-variant(gray('black'), gray('black'));
@include button-outline-variant(map-get($grays, 'black'), map-get($grays, 'black'));
}
}
}
@@ -288,7 +288,7 @@
border-right-width: 0px;
border-radius: 0px;
@if $with-color {
color: gray('700');
color: map-get($grays, '700');
}
&:focus {
@@ -396,13 +396,13 @@
}
@mixin o-theme-cfa-ecommerce-classes(
$nav-link-color: o-color('epsilon'), $nav-link-hover-color: o-color('beta'), $nav-link-hover-bg-color: gray('800'),
$nav-link-color: o-color('epsilon'), $nav-link-hover-color: o-color('beta'), $nav-link-hover-bg-color: map-get($grays, '800'),
$nav-link-active-bg-color: rgba(0, 0, 0, 0), $nav-link-active-color: o-color('epsilon'),
$js-attributes-padding: 0px 15px 15px 15px, $js-attributes-strong-color: o-color('gamma'), $js-attributes-label-color: gray('700'),
$js-attributes-padding: 0px 15px 15px 15px, $js-attributes-strong-color: o-color('gamma'), $js-attributes-label-color: map-get($grays, '700'),
$h6-padding-y: 10px, $h6-font-size: 13px, $h6-text-align: left, $h6-border-top: 0, $h6-border-bottom: 0, $h6-color: o-color('delta'),
$price-font-size: 12px, $product-price-padding: 0, $product-price-align: left, $btn-secondary-padding: 5px 10px,
$right-column-border-bottom: 1px solid gray('700'), $right-column-color: gray('700'), $right-column-font-weight: bold,
$add-cart-bg-color: gray('700'), $add-cart-color: white, $add-cart-width: auto, $price-h4: 25px) {
$right-column-border-bottom: 1px solid map-get($grays, '700'), $right-column-color: map-get($grays, '700'), $right-column-font-weight: bold,
$add-cart-bg-color: map-get($grays, '700'), $add-cart-color: white, $add-cart-width: auto, $price-h4: 25px) {
.breadcrumb {
padding-top: 20px;
@@ -435,10 +435,10 @@
}
.oe_product {
.btn.btn-danger {
@include button-variant(theme-color('danger'), theme-color('danger'));
@include button-variant(map-get($theme-colors, 'danger'), map-get($theme-colors, 'danger'));
}
.text-danger {
color: theme-color('danger') !important;
color: map-get($theme-colors, 'danger') !important;
}
.o_wsale_product_information {
padding: 0px 15px;
@@ -571,7 +571,7 @@
background-color: rgba(0, 0, 0, 0);
}
strong {
color: gray('700');
color: map-get($grays, '700');
}
#cart_products img {
max-width: 100px;
@@ -594,7 +594,7 @@
font-size: 18px;
}
#right_column {
color: gray('700');
color: map-get($grays, '700');
a {
color: red;
}
@@ -701,10 +701,10 @@
@mixin o-theme-chd-bg-gradient-classes() {
.bg_gradient_primary_down {
background-image: linear-gradient( rgba(theme-color('primary'), 0), rgba(theme-color('primary'), 1) ),;
background-image: linear-gradient( rgba(map-get($theme-colors, 'primary'), 0), rgba(map-get($theme-colors, 'primary'), 1) ),;
}
.bg_gradient_primary_up {
background-image: linear-gradient( rgba(theme-color('primary'), 1), rgba(theme-color('primary'), 0) ),;
background-image: linear-gradient( rgba(map-get($theme-colors, 'primary'), 1), rgba(map-get($theme-colors, 'primary'), 0) ),;
}
.bg_gradient_white_down_thumb {
background-image: linear-gradient( rgba(#ccc, 1), rgba(white, 0.5) ),;
@@ -923,7 +923,7 @@
&:before {
content: "";
width: 1px;
background-color: gray('200');
background-color: map-get($grays, '200');
height: 100%;
@include o-position-absolute(0, auto, 0, -10%);
}
@@ -968,7 +968,7 @@
label.css_attribute_color {
opacity: 0.8;
cursor: pointer;
border: 1px solid gray('600');
border: 1px solid map-get($grays, '600');
box-shadow: inset 0 0 0 2px #fff;
border-radius: 2px;
@@ -1126,8 +1126,8 @@
.input-group .form-control {
height: auto;
padding: $padding;
color: gray('900');
@include border-left-radius(20px);
color: map-get($grays, '900');
@include border-start-radius(20px);
+ .input-group-append button {
padding: 6px 20px;
@@ -1138,10 +1138,10 @@
// Ask a question - Button
.btn-group .btn {
padding: 6px 12px;
@include border-right-radius(0);
@include border-end-radius(0);
&.dropdown-toggle {
@include border-left-radius(0);
@include border-right-radius(20px);
@include border-start-radius(0);
@include border-end-radius(20px);
}
}
// Ask a question - Editor icons