Commit b7d29de7 authored by Rajab Natshah's avatar Rajab Natshah
Browse files

Issue #3172876: Update RFS from ~8.0 to ~9.0 for Varbase Bootstrap Paragraphs

parent e6c7ddff
......@@ -14,9 +14,9 @@
position: relative !important;
display: inline-block !important;
float: left !important;
width: 1.5625rem !important;
height: 1.5625rem !important;
margin: 0.625rem 0.625rem 0.625rem 0 !important;
width: 25px !important;
height: 25px !important;
margin: 10px 10px 10px 0 !important;
padding: 0 !important;
cursor: pointer !important;
white-space: nowrap;
......@@ -28,7 +28,7 @@
.field--name-bp-background .form-type--radio label:after {
position: absolute;
z-index: 1;
top: 0.1875rem;
top: 3px;
right: 0;
bottom: 0;
left: 0;
......@@ -38,7 +38,7 @@
content: "a";
text-align: center;
vertical-align: middle;
font-size: 1.25rem !important;
font-size: 20px !important;
}
.field--name-bp-background .form-type-radio label:hover,
......@@ -55,15 +55,15 @@
.field--name-bp-background .form-type--radio label._none:after {
position: absolute;
z-index: auto;
top: 0.75rem;
top: 12px;
right: 0;
bottom: 0;
left: -0.3125rem;
left: -5px;
display: inline-block;
float: none;
box-sizing: content-box;
width: 2.1875rem;
height: 0.125rem;
width: 35px;
height: 2px;
margin: 0;
padding: 0;
content: "";
......@@ -124,10 +124,10 @@
position: relative !important;
display: inline-block !important;
float: left !important;
min-width: 3.125rem !important;
height: 1.25rem !important;
margin: 0.625rem 0.625rem 0.625rem 0 !important;
padding: 2.5 0 0 !important;
min-width: 50px !important;
height: 20px !important;
margin: 10px 10px 10px 0 !important;
padding: 40px 0 0 !important;
cursor: pointer !important;
transition: opacity 0.3s ease-in-out;
text-align: center;
......@@ -149,7 +149,7 @@
.field--name-field-image-position .form-type--radio label:after {
position: absolute;
z-index: 1;
top: 0.1875rem;
top: 3px;
right: 0;
bottom: 0;
left: 0;
......@@ -159,7 +159,7 @@
content: "";
text-align: center;
vertical-align: middle;
font-size: 1.25rem !important;
font-size: 20px !important;
}
.field--name-bp-width .form-type-radio label:hover,
......@@ -413,7 +413,7 @@
[dir=rtl] .field--name-text-and-image-style .form-type--radio label._none:after,
[dir=rtl] .field--name-field-image-position .form-type-radio label._none:after,
[dir=rtl] .field--name-field-image-position .form-type--radio label._none:after {
right: -0.3125rem;
right: -5px;
left: 0;
}
......@@ -427,7 +427,7 @@
input.paragraph-type-add-modal-button,
input .widget {
padding-left: 0.625rem !important;
padding-left: 10px !important;
}
.paragraphs-collapsed-description {
......@@ -452,5 +452,5 @@ input .widget {
}
.paragraphs-tabs-wrapper .form-item .clearfix {
margin-top: 0.625rem;
margin-top: 10px;
}
// bp background colour field at the admin.
// -----------------------------------------------------------------------------
@import "../../node_modules/rfs/scss"; // RFS ~9.0 mixins.
// -----------------------------------------------------------------------------
.field--name-bp-background {
.form-type-radio,
.form-type--radio {
......@@ -21,10 +17,10 @@
font-size: 0.00001px;
position: relative !important;
display: inline-block !important;
width: 1.5625rem !important;
height: 1.5625rem !important;
width: 25px !important;
height: 25px!important;
float: left !important;
@include margin(0.625rem 0.625rem 0.625rem 0 !important);
margin: 10px 10px 10px 0 !important;
padding : 0 !important;
white-space: nowrap;
......@@ -32,12 +28,12 @@
content: 'a';
display: table;
position: absolute;
top: 0.1875rem;
top: 3px;
left: 0;
right: 0;
right: 0px;
bottom: 0;
z-index: 1;
@include font-size(1.25rem !important);
font-size: 20px !important;
text-align: center;
vertical-align: middle;
width: 100%;
......@@ -58,14 +54,14 @@
box-sizing: content-box;
float: none;
z-index: auto;
width: 2.1875rem;
height: 0.125rem;
width: 35px;
height: 2px;
position: absolute;
content: "";
cursor: pointer !important;
opacity: 1;
top: 0.75rem;
left: -0.3125rem;
top: 12px;
left: -5px;
right: 0;
bottom: 0;
margin: 0;
......@@ -113,11 +109,11 @@
text-align: center;
position: relative !important;
display: inline-block !important;
min-width: 3.125rem !important;
height: 1.25rem !important;
min-width: 50px !important;
height: 20px !important;
float: left !important;
@include margin(0.625rem 0.625rem 0.625rem 0 !important);
@include padding(2.5 0 0 !important);
margin: 10px 10px 10px 0 !important;
padding: 40px 0px 0 !important;
white-space: nowrap;
-webkit-transition: opacity 0.3s ease-in-out;
-moz-transition: opacity 0.3s ease-in-out;
......@@ -127,12 +123,12 @@
content: '';
display: table;
position: absolute;
top: 0.1875rem;
top: 3px;
left: 0;
right: 0;
right: 0px;
bottom: 0;
z-index: 1;
@include font-size(1.25rem !important);
font-size: 20px !important;
text-align: center;
vertical-align: middle;
width: 100%;
......@@ -368,7 +364,7 @@
&._none {
&:after {
left: 0;
right: -0.3125rem;
right: -5px;
}
}
}
......@@ -392,7 +388,7 @@
input {
&.paragraph-type-add-modal-button,
.widget {
@include padding-left(0.625rem !important);
padding-left: 10px !important;
}
}
......@@ -406,7 +402,7 @@ input {
.paragraphs-subform {
.paragraph-type-top {
top: 0;
top: 0px;
}
}
......@@ -425,7 +421,7 @@ input {
.paragraphs-tabs-wrapper {
.form-item {
.clearfix {
@include margin-top(0.625rem);
margin-top: 10px;
}
}
}
Supports Markdown
0% or .
You are about to add 0 people to the discussion. Proceed with caution.
Finish editing this message first!
Please register or to comment