Merged in feature/from-pantheon (pull request #16)
code from pantheon * code from pantheon
This commit is contained in:
Tony Volpe
File diff suppressed because it is too large
Load Diff
@@ -0,0 +1,62 @@
|
||||
.wp-block-wpsp-faq-child.wpsp-faq-child__outer-wrap .wpsp-faq-item:focus,
|
||||
.wp-block-wpsp-faq-child.wpsp-faq-child__outer-wrap .wpsp-faq-item:active {
|
||||
outline: thin dotted;
|
||||
}
|
||||
|
||||
.wp-block-wpsp-faq-child .wpsp-faq-questions-button {
|
||||
display: flex;
|
||||
align-items: center;
|
||||
width: 100%;
|
||||
}
|
||||
|
||||
.wp-block-wpsp-faq-child .wpsp-faq-questions-button .wpsp-faq-icon-wrap {
|
||||
display: inline-block;
|
||||
vertical-align: middle;
|
||||
}
|
||||
|
||||
.wp-block-wpsp-faq-child .wpsp-faq-questions-button .wpsp-question {
|
||||
width: 100%;
|
||||
margin-top: 0;
|
||||
margin-bottom: 0;
|
||||
}
|
||||
|
||||
.wp-block-wpsp-faq-child .wpsp-icon svg,
|
||||
.wp-block-wpsp-faq-child .wpsp-icon-active svg {
|
||||
width: 15px;
|
||||
height: 15px;
|
||||
font-size: 15px;
|
||||
}
|
||||
|
||||
.wp-block-wpsp-faq-child .wpsp-faq-content span {
|
||||
display: inline-block;
|
||||
}
|
||||
|
||||
.wp-block-wpsp-faq-child .wpsp-faq-content p {
|
||||
margin: 0;
|
||||
}
|
||||
|
||||
.wp-block-wpsp-faq-child.wpsp-faq-child__outer-wrap .wpsp-faq-item .wpsp-icon-active,
|
||||
.wp-block-wpsp-faq-child.wpsp-faq-child__outer-wrap .wpsp-faq-item.wpsp-faq-item-active .wpsp-icon {
|
||||
display: none;
|
||||
width: 0;
|
||||
padding: 0;
|
||||
height: 0;
|
||||
margin: 0;
|
||||
}
|
||||
|
||||
.wp-block-wpsp-faq-child.wpsp-faq-child__outer-wrap .wpsp-faq-item .wpsp-icon,
|
||||
.wp-block-wpsp-faq-child.wpsp-faq-child__outer-wrap .wpsp-faq-item.wpsp-faq-item-active .wpsp-icon-active {
|
||||
display: inline-block;
|
||||
width: auto;
|
||||
height: auto;
|
||||
}
|
||||
|
||||
.wpsp-faq-layout-grid .wpsp-faq-child__outer-wrap .wpsp-faq-item .wpsp-icon,
|
||||
.wpsp-faq-layout-grid .wpsp-faq-child__outer-wrap .wpsp-faq-item.wpsp-faq-item-active .wpsp-icon-active {
|
||||
display: none;
|
||||
}
|
||||
|
||||
.wpsp-faq-layout-grid .wpsp-faq-child__outer-wrap .wpsp-faq-item span.wpsp-icon-active.wpsp-faq-icon-wrap,
|
||||
.wpsp-faq-layout-grid .wpsp-faq-child__outer-wrap .wpsp-faq-item.wpsp-faq-item-active .wpsp-icon-active {
|
||||
display: none;
|
||||
}
|
||||
@@ -0,0 +1,9 @@
|
||||
.wp-block-wpsp-faq.wpsp-faq-layout-accordion .wpsp-faq-child__outer-wrap .wpsp-faq-questions-button {
|
||||
cursor: pointer;
|
||||
}
|
||||
|
||||
.wpsp-faq-layout-grid.wpsp-faq-equal-height .wpsp-faq__wrap .wpsp-faq-child__outer-wrap,
|
||||
.wpsp-faq-layout-grid.wpsp-faq-equal-height .wpsp-faq__wrap .wpsp-faq-child__wrapper,
|
||||
.wpsp-faq-layout-grid.wpsp-faq-equal-height .wpsp-faq__wrap .wpsp-faq-item {
|
||||
height: 100%;
|
||||
}
|
||||
@@ -0,0 +1,454 @@
|
||||
.wpsp-editor-bg-image-control .components-button {
|
||||
vertical-align: middle;
|
||||
margin-left: 10px;
|
||||
}
|
||||
|
||||
.wpsp-editor-bg-image-control .components-button:last-child {
|
||||
margin-left: 10px;
|
||||
}
|
||||
|
||||
.wpsp-ifb-icon-wrap,
|
||||
.wpsp-ifb-icon-wrap * {
|
||||
-webkit-transition: all 0.2s;
|
||||
-o-transition: all 0.2s;
|
||||
transition: all 0.2s;
|
||||
}
|
||||
|
||||
.wpsp-ifb-icon-wrap .wpsp-ifb-icon,
|
||||
.wpsp-ifb-content {
|
||||
display: inline-block;
|
||||
}
|
||||
|
||||
.wpsp-ifb-icon svg {
|
||||
width: inherit;
|
||||
height: inherit;
|
||||
vertical-align: middle;
|
||||
fill: #333;
|
||||
}
|
||||
|
||||
.wpsp-howto-child-icon-above-title .wpsp-ifb-left-right-wrap {
|
||||
text-align: center;
|
||||
}
|
||||
|
||||
a.wpsp-howto-child-cta-link span {
|
||||
font-size: inherit;
|
||||
}
|
||||
|
||||
.wpsp-ifb-cta.wpsp-howto-child-cta-link-style:empty {
|
||||
display: none;
|
||||
}
|
||||
|
||||
a.wpsp-howto-child-cta-link,
|
||||
.entry .entry-content a.wpsp-howto-child-cta-link,
|
||||
a.wpsp-howto-child-link-wrap,
|
||||
.entry .entry-content a.wpsp-howto-child-link-wrap {
|
||||
text-decoration: none;
|
||||
}
|
||||
|
||||
a.wpsp-howto-child-cta-link:hover,
|
||||
.entry .entry-content a.wpsp-howto-child-cta-link:hover,
|
||||
a.wpsp-howto-child-link-wrap:hover,
|
||||
.entry .entry-content a.wpsp-howto-child-link-wrap:hover .entry .entry-content a.wpsp-howto-child-cta-link:hover {
|
||||
color: inherit;
|
||||
}
|
||||
|
||||
.wpsp-howto-child-icon-left-title.wpsp-howto-child-image-valign-middle .wpsp-ifb-title-wrap,
|
||||
.wpsp-howto-child-icon-right-title.wpsp-howto-child-image-valign-middle .wpsp-ifb-title-wrap,
|
||||
.wpsp-howto-child-image-valign-middle .wpsp-ifb-imgicon-wrap,
|
||||
.wpsp-howto-child-icon-left.wpsp-howto-child-image-valign-middle .wpsp-ifb-content,
|
||||
.wpsp-howto-child-icon-right.wpsp-howto-child-image-valign-middle .wpsp-ifb-content {
|
||||
-ms-flex-item-align: center;
|
||||
-webkit-align-self: center;
|
||||
align-self: center;
|
||||
}
|
||||
|
||||
.wpsp-howto-child-left {
|
||||
text-align: left;
|
||||
-webkit-box-pack: start;
|
||||
-ms-flex-pack: start;
|
||||
-webkit-justify-content: flex-start;
|
||||
-moz-box-pack: start;
|
||||
justify-content: flex-start;
|
||||
}
|
||||
|
||||
.wpsp-howto-child-center {
|
||||
text-align: center;
|
||||
-webkit-box-pack: center;
|
||||
-ms-flex-pack: center;
|
||||
-webkit-justify-content: center;
|
||||
-moz-box-pack: center;
|
||||
justify-content: center;
|
||||
}
|
||||
|
||||
.wpsp-howto-child-right {
|
||||
text-align: right;
|
||||
-webkit-box-pack: end;
|
||||
-ms-flex-pack: end;
|
||||
-webkit-justify-content: flex-end;
|
||||
-moz-box-pack: end;
|
||||
justify-content: flex-end;
|
||||
}
|
||||
|
||||
.wpsp-ifb-left-right-wrap {
|
||||
width: 100%;
|
||||
word-break: break-word;
|
||||
z-index: 1;
|
||||
}
|
||||
|
||||
.wpsp-howto-child-icon-above-title .wpsp-ifb-left-right-wrap,
|
||||
.wpsp-howto-child-icon-below-title .wpsp-ifb-left-right-wrap {
|
||||
display: block;
|
||||
min-width: 100%;
|
||||
width: 100%;
|
||||
}
|
||||
|
||||
.wpsp-howto-child-icon-left-title .wpsp-ifb-icon-wrap,
|
||||
.wpsp-howto-child-icon-left .wpsp-ifb-icon-wrap {
|
||||
margin-right: 10px;
|
||||
}
|
||||
|
||||
.wpsp-howto-child-icon-right-title .wpsp-ifb-icon-wrap,
|
||||
.wpsp-howto-child-icon-right .wpsp-ifb-icon-wrap {
|
||||
margin-left: 10px;
|
||||
}
|
||||
|
||||
/* stylelint-disable declaration-block-no-duplicate-properties */
|
||||
.wpsp-howto-child-icon-left .wpsp-ifb-left-right-wrap,
|
||||
.wpsp-howto-child-icon-right .wpsp-ifb-left-right-wrap,
|
||||
.wpsp-howto-child-icon-left-title .wpsp-ifb-left-title-image,
|
||||
.wpsp-howto-child-icon-right-title .wpsp-ifb-right-title-image {
|
||||
display: -webkit-box;
|
||||
display: -ms-flexbox;
|
||||
-js-display: flex;
|
||||
display: -webkit-flex;
|
||||
display: -moz-box;
|
||||
display: flex;
|
||||
}
|
||||
|
||||
.wpsp-howto-child-icon-right .wpsp-ifb-left-right-wrap,
|
||||
.wpsp-howto-child-icon-right-title .wpsp-ifb-right-title-image {
|
||||
-webkit-box-pack: end;
|
||||
-ms-flex-pack: end;
|
||||
-webkit-justify-content: flex-end;
|
||||
-moz-box-pack: end;
|
||||
justify-content: flex-end;
|
||||
}
|
||||
|
||||
.wpsp-ifb-icon-wrap .wpsp-ifb-icon span {
|
||||
font-style: initial;
|
||||
height: auto;
|
||||
width: auto;
|
||||
}
|
||||
|
||||
.wpsp-ifb-imgicon-wrap .wpsp-ifb-image-content {
|
||||
display: inline-block;
|
||||
line-height: 0;
|
||||
position: relative;
|
||||
max-width: 100%;
|
||||
}
|
||||
|
||||
.wpsp-ifb-imgicon-wrap .wpsp-ifb-image-content img {
|
||||
display: inline;
|
||||
height: auto !important;
|
||||
max-width: 100%;
|
||||
width: auto;
|
||||
-webkit-box-sizing: content-box;
|
||||
-moz-box-sizing: content-box;
|
||||
box-sizing: content-box;
|
||||
-webkit-border-radius: inherit;
|
||||
border-radius: inherit;
|
||||
}
|
||||
|
||||
.wpsp-ifb-imgicon-wrap .wpsp-image-crop-circle img {
|
||||
-webkit-border-radius: 100%;
|
||||
border-radius: 100%;
|
||||
}
|
||||
|
||||
.wpsp-ifb-imgicon-wrap .wpsp-image-crop-square img {
|
||||
-webkit-border-radius: 0;
|
||||
border-radius: 0;
|
||||
}
|
||||
|
||||
.wpsp-howto-child-module-link {
|
||||
position: absolute;
|
||||
width: 100%;
|
||||
height: 100%;
|
||||
left: 0;
|
||||
top: 0;
|
||||
bottom: 0;
|
||||
right: 0;
|
||||
z-index: 4;
|
||||
}
|
||||
|
||||
.wpsp-edit-mode .wpsp-howto-child-module-link {
|
||||
z-index: 2;
|
||||
}
|
||||
|
||||
.wpsp-howto-child-link-icon-after {
|
||||
margin-left: 5px;
|
||||
margin-right: 0;
|
||||
}
|
||||
|
||||
.wpsp-howto-child-link-icon-before {
|
||||
margin-left: 0;
|
||||
margin-right: 5px;
|
||||
}
|
||||
|
||||
.wpsp-howto-child-link-icon {
|
||||
-webkit-transition: all 200ms linear;
|
||||
transition: all 200ms linear;
|
||||
}
|
||||
|
||||
.wpsp-howto-child {
|
||||
position: relative;
|
||||
}
|
||||
|
||||
.wpsp-ifb-separator {
|
||||
width: 30%;
|
||||
border-top-width: 2px;
|
||||
border-top-color: #333;
|
||||
border-top-style: solid;
|
||||
display: inline-block;
|
||||
margin: 0;
|
||||
}
|
||||
|
||||
.wpsp-ifb-separator-parent {
|
||||
line-height: 0;
|
||||
margin-left: 0;
|
||||
margin-right: 0;
|
||||
margin-bottom: 10px;
|
||||
}
|
||||
|
||||
.wpsp-ifb-cta-button {
|
||||
display: inline-block;
|
||||
line-height: 1;
|
||||
background-color: #818a91;
|
||||
color: #fff;
|
||||
text-align: center;
|
||||
}
|
||||
|
||||
.wpsp-ifb-button-wrapper .wp-block-button__link svg {
|
||||
fill: currentColor;
|
||||
}
|
||||
|
||||
.wpsp-ifb-cta a {
|
||||
-webkit-box-shadow: none;
|
||||
box-shadow: none;
|
||||
text-decoration: none;
|
||||
}
|
||||
|
||||
.wpsp-ifb-title-wrap {
|
||||
width: 100%;
|
||||
}
|
||||
|
||||
.wpsp-ifb-title-wrap .wpsp-ifb-title,
|
||||
.wpsp-ifb-title-wrap {
|
||||
padding: 0;
|
||||
margin: 0;
|
||||
display: block;
|
||||
}
|
||||
|
||||
.wpsp-how-to__content-wrap.wpsp-howto-child {
|
||||
position: relative;
|
||||
}
|
||||
|
||||
.wpsp-ifb-icon span {
|
||||
font-size: 40px;
|
||||
height: 40px;
|
||||
color: #333;
|
||||
width: 40px;
|
||||
}
|
||||
|
||||
.wpsp-ifb-content {
|
||||
width: 100%;
|
||||
}
|
||||
|
||||
.wpsp-how-to__content-wrap.wpsp-howto-child,
|
||||
.wpsp-ifb-content,
|
||||
.wpsp-ifb-title-wrap,
|
||||
svg.dashicon.dashicons-upload {
|
||||
z-index: 1;
|
||||
}
|
||||
|
||||
.wpsp-howto-child-cta-link {
|
||||
cursor: pointer;
|
||||
}
|
||||
|
||||
a.wpsp-howto-child-link-wrap {
|
||||
color: inherit;
|
||||
}
|
||||
|
||||
.wpsp-ifb-content p:empty {
|
||||
display: none;
|
||||
}
|
||||
|
||||
.wpsp-howto-child .wpsp-ifb-icon,
|
||||
.wpsp-howto-child .wpsp-ifb-image-content img {
|
||||
display: inline-block;
|
||||
box-sizing: content-box;
|
||||
}
|
||||
|
||||
.wpsp-ifb-align-icon-after {
|
||||
margin-left: 5px;
|
||||
}
|
||||
|
||||
.wpsp-ifb-align-icon-before {
|
||||
margin-right: 5px;
|
||||
}
|
||||
|
||||
span.wpsp-ifb-button-icon.wpsp-ifb-align-icon-after {
|
||||
float: right;
|
||||
}
|
||||
|
||||
.wpsp-ifb-button-icon {
|
||||
height: 15px;
|
||||
width: 15px;
|
||||
font-size: 15px;
|
||||
vertical-align: middle;
|
||||
}
|
||||
|
||||
.wpsp-ifb-text-icon {
|
||||
height: 15px;
|
||||
width: 15px;
|
||||
font-size: 15px;
|
||||
line-height: 15px;
|
||||
vertical-align: middle;
|
||||
display: inline-block;
|
||||
}
|
||||
|
||||
.wpsp-ifb-button-icon svg,
|
||||
.wpsp-ifb-text-icon svg {
|
||||
height: inherit;
|
||||
width: inherit;
|
||||
display: inline-block;
|
||||
}
|
||||
|
||||
.block-editor-page #wpwrap .wpsp-howto-child-cta-link svg,
|
||||
.wpsp-howto-child-cta-link svg {
|
||||
font-style: normal;
|
||||
}
|
||||
|
||||
.wpsp-howto-child__outer-wrap {
|
||||
position: relative;
|
||||
margin-top: 25px;
|
||||
}
|
||||
|
||||
a.wpsp-how-to__link-to-all {
|
||||
height: 100%;
|
||||
width: 100%;
|
||||
top: 0;
|
||||
left: 0;
|
||||
position: absolute;
|
||||
z-index: 3;
|
||||
-webkit-box-shadow: none;
|
||||
box-shadow: none;
|
||||
text-decoration: none;
|
||||
}
|
||||
|
||||
@media only screen and (max-width: 976px) {
|
||||
|
||||
.wpsp-howto-child-stacked-tablet .wpsp-ifb-left-right-wrap .wpsp-ifb-imgicon-wrap {
|
||||
padding: 0;
|
||||
margin-bottom: 20px;
|
||||
}
|
||||
|
||||
.wpsp-howto-child-stacked-tablet.wpsp-reverse-order-tablet .wpsp-ifb-left-right-wrap {
|
||||
display: -webkit-inline-box;
|
||||
display: -ms-inline-flexbox;
|
||||
-js-display: inline-flex;
|
||||
display: -webkit-inline-flex;
|
||||
display: -moz-inline-box;
|
||||
display: inline-flex;
|
||||
-webkit-box-orient: vertical;
|
||||
-webkit-box-direction: reverse;
|
||||
-ms-flex-direction: column-reverse;
|
||||
-webkit-flex-direction: column-reverse;
|
||||
-moz-box-orient: vertical;
|
||||
-moz-box-direction: reverse;
|
||||
flex-direction: column-reverse;
|
||||
}
|
||||
|
||||
.wpsp-howto-child.wpsp-howto-child-stacked-tablet .wpsp-ifb-left-right-wrap .wpsp-ifb-content,
|
||||
.wpsp-howto-child.wpsp-howto-child-stacked-tablet .wpsp-ifb-left-right-wrap .wpsp-ifb-imgicon-wrap {
|
||||
display: block;
|
||||
width: 100%;
|
||||
text-align: center;
|
||||
}
|
||||
|
||||
.wpsp-howto-child.wpsp-howto-child-stacked-tablet .wpsp-ifb-left-right-wrap .wpsp-ifb-imgicon-wrap {
|
||||
margin-left: 0;
|
||||
margin-right: 0;
|
||||
}
|
||||
|
||||
.wpsp-howto-child-stacked-tablet .wpsp-ifb-left-right-wrap {
|
||||
display: inline-block;
|
||||
}
|
||||
|
||||
.wpsp-howto-child-icon-left-title.wpsp-howto-child-stacked-tablet .wpsp-ifb-imgicon-wrap,
|
||||
.wpsp-howto-child-icon-left.wpsp-howto-child-stacked-tablet .wpsp-ifb-imgicon-wrap {
|
||||
margin-right: 0;
|
||||
}
|
||||
|
||||
.wpsp-howto-child-icon-right-title.wpsp-howto-child-stacked-tablet .wpsp-ifb-imgicon-wrap,
|
||||
.wpsp-howto-child-icon-right.wpsp-howto-child-stacked-tablet .wpsp-ifb-imgicon-wrap {
|
||||
margin-left: 0;
|
||||
}
|
||||
|
||||
.wpsp-howto-child-icon-left-title .wpsp-ifb-separator-parent {
|
||||
margin: 10px 0;
|
||||
}
|
||||
}
|
||||
|
||||
@media screen and (max-width: 767px) {
|
||||
|
||||
.wpsp-howto-child-stacked-mobile .wpsp-ifb-left-right-wrap .wpsp-ifb-imgicon-wrap {
|
||||
padding: 0;
|
||||
margin-bottom: 20px;
|
||||
}
|
||||
|
||||
.wpsp-howto-child-stacked-mobile.wpsp-reverse-order-mobile .wpsp-ifb-left-right-wrap {
|
||||
display: -webkit-inline-box;
|
||||
display: -ms-inline-flexbox;
|
||||
-js-display: inline-flex;
|
||||
display: -webkit-inline-flex;
|
||||
display: -moz-inline-box;
|
||||
display: inline-flex;
|
||||
-webkit-box-orient: vertical;
|
||||
-webkit-box-direction: reverse;
|
||||
-ms-flex-direction: column-reverse;
|
||||
-webkit-flex-direction: column-reverse;
|
||||
-moz-box-orient: vertical;
|
||||
-moz-box-direction: reverse;
|
||||
flex-direction: column-reverse;
|
||||
}
|
||||
|
||||
.wpsp-howto-child.wpsp-howto-child-stacked-mobile .wpsp-ifb-left-right-wrap .wpsp-ifb-content,
|
||||
.wpsp-howto-child.wpsp-howto-child-stacked-mobile .wpsp-ifb-left-right-wrap .wpsp-ifb-imgicon-wrap {
|
||||
display: block;
|
||||
width: 100%;
|
||||
text-align: center;
|
||||
}
|
||||
|
||||
.wpsp-howto-child.wpsp-howto-child-stacked-mobile .wpsp-ifb-left-right-wrap .wpsp-ifb-imgicon-wrap {
|
||||
margin-left: 0;
|
||||
margin-right: 0;
|
||||
}
|
||||
|
||||
.wpsp-howto-child-stacked-mobile .wpsp-ifb-left-right-wrap {
|
||||
display: inline-block;
|
||||
}
|
||||
|
||||
.wpsp-howto-child-icon-left-title.wpsp-howto-child-stacked-mobile .wpsp-ifb-imgicon-wrap,
|
||||
.wpsp-howto-child-icon-left.wpsp-howto-child-stacked-mobile .wpsp-ifb-imgicon-wrap {
|
||||
margin-right: 0;
|
||||
}
|
||||
|
||||
.wpsp-howto-child-icon-right-title.wpsp-howto-child-stacked-mobile .wpsp-ifb-imgicon-wrap,
|
||||
.wpsp-howto-child-icon-right.wpsp-howto-child-stacked-mobile .wpsp-ifb-imgicon-wrap {
|
||||
margin-left: 0;
|
||||
}
|
||||
|
||||
.wpsp-howto-child-icon-left-title .wpsp-ifb-separator-parent {
|
||||
margin: 10px 0;
|
||||
}
|
||||
}
|
||||
@@ -0,0 +1,28 @@
|
||||
.wpsp-howto__cost-wrap {
|
||||
display: block;
|
||||
}
|
||||
|
||||
.wpsp-howto__cost-wrap .wpsp-howto-estcost-text,
|
||||
.wpsp-howto__cost-wrap .wpsp-howto-estcost-value,
|
||||
.wpsp-howto__cost-wrap .wpsp-howto-estcost-type {
|
||||
display: inline-flex;
|
||||
}
|
||||
|
||||
.wpsp-howto__time-wrap {
|
||||
display: block;
|
||||
}
|
||||
|
||||
.wpsp-howto__time-wrap .wpsp-howto-timeNeeded-text,
|
||||
.wpsp-howto__time-wrap .wpsp-howto-timeNeeded-value,
|
||||
.wpsp-howto__time-wrap .wpsp-howto-timeINmin-text {
|
||||
display: inline-flex;
|
||||
}
|
||||
|
||||
.wpsp-howto__time-wrap .wpsp-howto-timeINmin-text {
|
||||
margin-left: 5px;
|
||||
}
|
||||
|
||||
.wpsp-how-to-main-wrap .wpsp-tools__wrap,
|
||||
.wpsp-how-to-main-wrap .wpsp-how-to-materials {
|
||||
margin-bottom: 20px;
|
||||
}
|
||||
Reference in New Issue
Block a user