'label' => __('Top Padding', 'cube'),
'type' => Controls_Manager::SELECT,
'options' => [
- '' => __( 'Défaut', 'cube' ),
- 'pt-0' => '0',
+ '' => __('Aucun (défaut)', 'cube'),
'pt-1v' => '2.5%',
'pt-2v' => '5%',
'pt-3v' => '7.5%',
'label' => __('Bottom Padding', 'cube'),
'type' => Controls_Manager::SELECT,
'options' => [
- '' => __( 'Défaut', 'cube' ),
- 'pb-0' => '0',
+ '' => __('Aucun (défaut)', 'cube'),
'pb-1v' => '2.5%',
'pb-2v' => '5%',
'pb-3v' => '7.5%',
} else {
// No image set, use fallback
$image['url'] = Utils::get_placeholder_image_src();
- $ratio = '100%';
+ $ratio = '80%';
}
echo '<div class="bg-image" style="background-image: url('. $image['url'] .'); background-position: '. $bg_position .'"><div class="bg-image-sizer" style="padding-bottom: '. $ratio .'"></div></div>';
);
*/
+ $this->add_control(
+ 'title_decoration',
+ [
+ 'label' => __('Hide title decoration', 'cube'),
+ 'type' => Controls_Manager::SWITCHER,
+ 'default' => '',
+ 'return_value' => 'text-block-title-no-decoration',
+ 'prefix_class' => '',
+ ]
+ );
+
$this->add_control(
'title_color',
[
// harm and it's more intuitive behaviour...
.elementor-widget-wrap
height: 100%
+ align-content: center
.container,
.elementor-section-boxed > .elementor-container
// Override default spacing between widgets
-// All widgets get the bottom margin, even the last child because normally
-// this is desired and if it's not, we can add the class `mb-0!` to it...
-.elementor-widget-wrap .elementor-widget //:not(:last-child)
+.elementor-widget-wrap .elementor-widget:not(:last-child)
constrain(margin-bottom, $vertical-gutter) // Set margin bottom to standard gutter
// Get rid of default 10px padding around elements
.elementor-element.elementor-button-info .elementor-button
@apply bg-teal
- //&-text
- // @apply z-10 relative
-
- //&-no-hover:before
- // display: none
- //
- //&:hover:before
- // transform: scaleX(1)
- // opacity: 1
-
- //&:before
- // content: ''
- // position: absolute
- // top: 0
- // left: 0
- // width: 100%
- // height: 100%
- // z-index: 1
- // background-color: rgba(#fff, 0.2)
- // transform: scaleX(0)
- // transform-origin: left
- // transition: transform 0.2s ease-out
-
- // Circle hover effect
- //&:hover:before
- // transform: scale(1.1) translateY(-50%)
- // opacity: 1
- //
- //&:before
- // content: ''
- // position: absolute
- // top: 50%
- // left: 0
- // z-index: 1
- // background-color: rgba(#fff, 0.15)
- // width: 100%
- // padding-bottom: 100%
- // border-radius: 50%
- // transform: scale(0) translateY(-50%)
- // transform-origin: top center
- // transition: all 0.2s ease-out
- // opacity: 0
+// Icons inside buttons
+.elementor-button-content-wrapper
+ @apply flex items-center
+
+.elementor-button-icon
+ svg
+ width: auto
+ height: 1em
font-weight: 400
&:not(.plain)
- @apply font-display font-medium mb-2 uppercase
+ @apply font-display font-medium uppercase
+ margin-bottom: 0.5em
h1, .h1
@apply text-3xl
margin-bottom: 0
//--- Default section layout
- &.layout-default.elementor-section-boxed
- > .elementor-container
+ //&.layout-default.elementor-section-boxed
+ // > .elementor-container
//center($content-max-width * 0.8) // 1920px * 0.8 = 1536px
//horizontal-spacing(5vw)
//box-sizing: content-box // So padding doesn't influence max-width
background-repeat: no-repeat
background-position: center
- &-sizer
- // The sizer is only needed when in one column mode.
- // The rest of the time it should just fill the height
- // required by the other column's content...
- +above($breakpoint-columns)
- display: none
+ //&-sizer
+ // // The sizer is only needed when in one column mode.
+ // // The rest of the time it should just fill the height
+ // // required by the other column's content...
+ // +above($breakpoint-columns)
+ // display: none
// Ensure full height on element so the image always covers the full area
.elementor-widget-cube-bg-image, .elementor-widget-container, .bg-image
width: 100%
box-sizing: content-box // So padding doesn't influence max-width
+ &.text-block-align-center
+ horizontal-spacing(5vw, margin) // Can't have asymetrical margins when we want it perfectly centred
+
+below(500px)
horizontal-spacing(5vw, margin)
.text-block-align-center &
padding-bottom: 0.75em
margin-bottom: @padding-bottom
+ margin-left: 0
&:before
top: auto
left: 50%
transform: translateX(-50%)
+ .text-block-title-no-decoration &
+ margin-bottom: 0.5rem
+ padding-bottom: 0
+
+ &:before
+ display: none
+
+below(1150px)
white-space: normal // Avoid strange gaps caused by pre-line breaks wrapping