first commit

This commit is contained in:
2024-07-15 11:28:08 +02:00
commit f52d538ea5
21891 changed files with 6161164 additions and 0 deletions

View File

@@ -0,0 +1,85 @@
//
// Accordion
//
.elementor-accordion {
text-align: $start;
.elementor-accordion-item {
border: 1px solid $gray-light;
+ .elementor-accordion-item {
border-top: none;
}
}
.elementor-tab-title {
margin: 0;
padding: 15px 20px;
font-weight: bold;
line-height: 1;
cursor: pointer;
outline: none;
.elementor-accordion-icon {
display: inline-block;
width: 1.5em;
&.elementor-accordion-icon- {
&right {
float: right;
text-align: right;
}
&left {
float: left;
text-align: left;
}
}
.elementor-accordion-icon-closed {
display: block;
}
.elementor-accordion-icon-opened {
display: none;
}
}
&.elementor-active {
.elementor-accordion-icon-closed {
display: none;
}
.elementor-accordion-icon-opened {
display: block;
}
}
}
.elementor-tab-content {
display: none;
padding: 15px 20px;
border-top: 1px solid $gray-light;
}
}
// Responsive mode
@media (max-width: $screen-sm-max) {
.elementor-accordion {
.elementor-tab-title {
padding: 12px 15px;
.elementor-accordion-icon {
width: 1.2em;
}
}
.elementor-tab-content {
padding: 7px 15px;
}
}
}

View File

@@ -0,0 +1,68 @@
//
// Alert
//
.elementor-alert {
padding: 15px;
border-left: 5px solid transparent;
position: relative;
text-align: $start;
.elementor-alert-title {
display: block;
font-weight: bold;
}
.elementor-alert-description {
font-size: 13px;
}
button.elementor-alert-dismiss {
position: absolute;
@include end(10px);
top: 10px;
padding: 3px;
font-size: 20px;
line-height: 1;
background: transparent;
color: inherit;
border: none;
cursor: pointer;
}
&.elementor-alert-info {
color: $info-text;
background-color: $info-bg;
border-color: $info-border;
}
&.elementor-alert-success {
color: $success-text;
background-color: $success-bg;
border-color: $success-border;
}
&.elementor-alert-warning {
color: $warning-text;
background-color: $warning-bg;
border-color: $warning-border;
}
&.elementor-alert-danger {
color: $danger-text;
background-color: $danger-bg;
border-color: $danger-border;
}
}
// Responsive mode
@media (max-width: $screen-sm-max) {
.elementor-alert {
padding: 10px;
button.elementor-alert-dismiss {
right: 7px;
top: 7px;
}
}
}

View File

@@ -0,0 +1,6 @@
.elementor-tab-title {
a {
color: inherit;
}
}

View File

@@ -0,0 +1,111 @@
//
// Button
//
.elementor-button {
display: inline-block;
line-height: 1;
background-color: $gray;
font-size: 15px; //size-sm
padding: 12px 24px; //size-sm
border-radius: 3px; //size-sm
color: #fff;
fill: #fff;
text-align: center;
transition: $transition-hover;
&:hover,
&:focus,
&:visited {
color: #fff;
}
&-content-wrapper {
display: flex;
justify-content: center;
}
&-icon {
flex-grow: 0;
order: 5;
svg {
width: 1em;
}
}
&-text {
flex-grow: 1;
order: 10;
display: inline-block;
}
&.elementor-size- {
&xs {
font-size: 13px;
padding: 10px 20px;
border-radius: 2px;
}
&sm {
//default size
}
&md {
font-size: 16px;
padding: 15px 30px;
border-radius: 4px;
}
&lg {
font-size: 18px;
padding: 20px 40px;
border-radius: 5px;
}
&xl {
font-size: 20px;
padding: 25px 50px;
border-radius: 6px;
}
}
.elementor-align-icon- {
&right {
margin-left: 5px;
order: getValueByDirection( 15, 5 );
}
&left {
margin-right: 5px;
order: getValueByDirection( 5, 15 );
}
}
span {
text-decoration: inherit; //fix for conflict with text-decoration & inline-block
}
}
/* TODO: REMOVE THIS EXCEPTION AFTER PRO 2.8 RELEASES */
.elementor-menu-cart__toggle .elementor-button-icon {
order: 15;
}
.elementor-element.elementor-button- {
@include button-types( '.elementor-button' );
}
.elementor-widget-button {
.elementor-button {
.elementor-button- {
@include button-types( '' );
}
}
}

View File

@@ -0,0 +1,42 @@
//
// Counter
//
.elementor-counter {
.elementor-counter- {
&number- {
&wrapper {
display: flex;
font-size: 69px;
font-weight: 600;
color: #222222;
line-height: 1;
}
&prefix,
&suffix {
flex-grow: 1;
white-space: pre-wrap;
}
&prefix {
text-align: $end;
}
&suffix {
text-align: $start;
}
}
&title {
text-align: center;
font-size: 19px;
font-weight: 400;
color: #666666;
line-height: 2.5;
}
}
}

View File

@@ -0,0 +1,138 @@
//
// Divider
//
.elementor-widget-divider {
--divider-border-style: none;
--divider-border-width: 1px;
--divider-color: #{$gray-darkest};
--divider-icon-size: 20px;
--divider-element-spacing: 10px;
--divider-pattern-height: 24px;
--divider-pattern-size: 20px;
--divider-pattern-url: none;
--divider-pattern-repeat: repeat-x;
.elementor-divider {
display: flex;
&__text {
font-size: 15px;
line-height: 1;
max-width: 95%;
}
&__element {
margin: 0 var(--divider-element-spacing);
flex-shrink: 0;
}
}
.elementor-icon {
font-size: var(--divider-icon-size);
}
.elementor-divider-separator {
display: flex;
margin: 0;
direction: ltr;
}
&--view {
&-line_text, &-line_icon {
.elementor-divider-separator{
align-items: center;
&:before, &:after {
display: block;
content: '';
border-bottom: 0;
flex-grow: 1;
border-top: var(--divider-border-width) var(--divider-border-style) var(--divider-color);
}
}
}
}
&--element-align {
&-left {
.elementor-divider {
.elementor-divider-separator > .elementor-divider__svg:first-of-type {
flex-grow: 0;
flex-shrink: 100;
}
&-separator:before {
content: none;
}
&__element {
margin-left: 0;
}
}
}
&-right {
.elementor-divider {
.elementor-divider-separator > .elementor-divider__svg:last-of-type {
flex-grow: 0;
flex-shrink: 100;
}
&-separator:after {
content: none;
}
&__element {
margin-right: 0;
}
}
}
}
&:not(.elementor-widget-divider--view-line_text):not(.elementor-widget-divider--view-line_icon) {
.elementor-divider-separator {
border-top: var(--divider-border-width) var(--divider-border-style) var(--divider-color);
}
}
&--separator-type {
&-pattern {
--divider-border-style: none;
&.elementor-widget-divider--view-line .elementor-divider-separator,
&:not([class*=elementor-widget-divider--view]) .elementor-divider-separator, // BC since v3.0.10
&:not(.elementor-widget-divider--view-line) .elementor-divider-separator:before,
&:not(.elementor-widget-divider--view-line) .elementor-divider-separator:after {
width: 100%;
min-height: var(--divider-pattern-height);
-webkit-mask-size: var(--divider-pattern-size) 100%;
mask-size: var(--divider-pattern-size) 100%;
-webkit-mask-repeat: var(--divider-pattern-repeat);
mask-repeat: var(--divider-pattern-repeat);
background-color: var(--divider-color);
-webkit-mask-image: var(--divider-pattern-url);
mask-image: var(--divider-pattern-url);
}
}
}
&--no-spacing {
--divider-pattern-size: auto;
}
&--bg-round {
--divider-pattern-repeat: round;
}
}
.rtl .elementor-widget-divider .elementor-divider__text {
direction: rtl;
}

View File

@@ -0,0 +1,110 @@
//
// WordPress Gallery
//
.elementor-image-gallery {
.gallery-item {
display: inline-block;
text-align: center;
vertical-align: top;
width: 100%;
max-width: 100%;
margin: 0 auto;
img {
margin: 0 auto;
}
.gallery-caption {
margin: 0;
}
}
@media (min-width: $screen-md-min) {
.gallery-columns- {
&2 .gallery-item {
max-width: 50%;
}
&3 .gallery-item {
max-width: 33.33%;
}
&4 .gallery-item {
max-width: 25%;
}
&5 .gallery-item {
max-width: 20%;
}
&6 .gallery-item {
max-width: 16.666%;
}
&7 .gallery-item {
max-width: 14.28%;
}
&8 .gallery-item {
max-width: 12.5%;
}
&9 .gallery-item {
max-width: 11.11%;
}
&10 .gallery-item {
max-width: 10%;
}
}
}
// Responsive mode
@media (min-width: $screen-sm-min) and (max-width: $screen-sm-max) {
// All selectors needed for some themes and plugins
.gallery.gallery-columns- {
&2,
&3,
&4,
&5,
&6,
&7,
&8,
&9,
&10 {
.gallery-item {
max-width: 50%;
}
}
}
}
@media (max-width: $screen-xs-max) {
// All selectors needed for some themes and plugins
.gallery.gallery-columns- {
&2,
&3,
&4,
&5,
&6,
&7,
&8,
&9,
&10 {
.gallery-item {
max-width: 100%;
}
}
}
}
}

View File

@@ -0,0 +1,14 @@
//
// Google Map
//
.elementor-widget-google_maps {
.elementor-widget-container {
overflow: hidden; // Allow border-radius
}
iframe {
height: 300px;
}
}

View File

@@ -0,0 +1,39 @@
//
// Heading
//
.elementor-heading-title {
padding: 0;
margin: 0;
line-height: 1;
}
// The double selector here is for specificity reasons - to avoid being overridden by default Globals CSS.
.elementor-widget-heading .elementor-heading-title {
&[class*="elementor-size-"] {
> a {
color: inherit;
font-size: inherit;
line-height: inherit;
}
}
&.elementor-size- {
&small {
font-size: 15px;
}
&medium {
font-size: 19px;
}
&large {
font-size: 29px;
}
&xl {
font-size: 39px;
}
&xxl {
font-size: 59px;
}
}
}

View File

@@ -0,0 +1,100 @@
//
// Icon Box
//
.elementor-widget-icon-box {
@media (min-width: $screen-md-min) {
&.elementor-position- {
&left,
&right {
.elementor-icon-box-wrapper {
display: flex;
}
.elementor-icon-box-icon {
display: inline-flex;
flex: 0 0 auto; // Hack for Safari
}
}
&right {
.elementor-icon-box-wrapper {
text-align: $end;
flex-direction: getValueByDirection(row-reverse, row);
}
}
&left {
.elementor-icon-box-wrapper {
text-align: $start;
flex-direction: getValueByDirection(row, row-reverse);
}
}
&top {
.elementor-icon-box-img {
margin: auto;
}
}
}
&.elementor-vertical-align- {
&top {
.elementor-icon-box-wrapper {
align-items: flex-start;
}
}
&middle {
.elementor-icon-box-wrapper {
align-items: center;
}
}
&bottom {
.elementor-icon-box-wrapper {
align-items: flex-end;
}
}
}
}
@media (max-width: $screen-sm-max) {
// TEMP code to override the icon spacing
.elementor-icon-box-icon {
margin-left: auto !important;
margin-right: auto !important;
margin-bottom: 15px;
}
}
.elementor-icon-box-wrapper {
text-align: center;
}
.elementor-icon-box-title {
a {
color: inherit;
}
}
.elementor-icon-box-content {
flex-grow: 1;
}
.elementor-icon-box-description {
margin: 0;
}
}

View File

@@ -0,0 +1,295 @@
//
// Icon List
//
.elementor-widget {
&.elementor-icon-list--layout-inline {
.elementor-widget-container {
overflow: hidden;
}
}
.elementor-icon-list-items.elementor-inline-items {
margin-right: -8px;
margin-left: -8px;
.elementor-icon-list-item {
margin-right: 8px;
margin-left: 8px;
&:after {
width: auto;
left: auto;
right: auto;
position: relative;
height: 100%;
top: 50%;
transform: translateY(-50%);
border-top: 0;
border-bottom: 0;
border-right: 0;
border-left-width: 1px;
border-style: solid;
@include end(-8px);
}
}
}
.elementor-icon-list-items {
list-style-type: none;
margin: 0;
padding: 0;
}
.elementor-icon-list-item {
margin: 0;
padding: 0;
position: relative;
&:after {
position: absolute;
bottom: 0;
width: 100%;
}
&, a {
display: flex;
align-items: flex-start;
}
}
.elementor-icon-list-icon + .elementor-icon-list-text {
align-self: center;
@include padding-start(5px);
}
.elementor-icon-list-icon {
flex-shrink: 0;
i {
width: 1.25em;
}
svg {
width: 1em;
}
}
&.elementor-list-item-link-full_width {
a {
width: 100%;
}
}
&.elementor-align-center {
.elementor-icon-list-item {
&, a {
justify-content: center;
}
&:after {
margin: auto;
}
}
.elementor-inline-items {
justify-content: center;
}
}
&.elementor-align-left {
.elementor-icon-list-item {
&, a {
justify-content: getValueByDirection(flex-start, flex-end);
text-align: left;
}
}
.elementor-inline-items {
justify-content: getValueByDirection(flex-start, flex-end);
}
}
&.elementor-align-right {
.elementor-icon-list-item {
&, a {
justify-content: getValueByDirection(flex-end, flex-start);
text-align: right;
}
}
.elementor-icon-list-items {
justify-content: getValueByDirection(flex-end, flex-start);
}
}
&:not(.elementor-align-right) {
.elementor-icon-list-item {
&:after {
@include start(0);
}
}
}
&:not(.elementor-align-left) {
.elementor-icon-list-item {
&:after {
@include end(0);
}
}
}
@media (max-width: $screen-md-max) {
&.elementor-tablet-align-center {
.elementor-icon-list-items {
justify-content: center;
}
.elementor-icon-list-item {
&, a {
justify-content: center;
}
&:after {
margin: auto;
}
}
}
&.elementor-tablet-align-left {
.elementor-icon-list-items {
justify-content: getValueByDirection( flex-start, flex-end );
}
.elementor-icon-list-item {
&, a {
justify-content: getValueByDirection( flex-start, flex-end );
text-align: left;
}
}
}
&.elementor-tablet-align-right {
.elementor-icon-list-items {
justify-content: getValueByDirection( flex-end, flex-start );
}
.elementor-icon-list-item {
&, a {
justify-content: getValueByDirection( flex-end, flex-start );
text-align: right;
}
}
}
&:not(.elementor-tablet-align-right) {
.elementor-icon-list-item {
&:after {
@include start(0);
}
}
}
&:not(.elementor-tablet-align-left) {
.elementor-icon-list-item {
&:after {
@include end(0);
}
}
}
}
@media (max-width: $screen-sm-max) {
&.elementor-mobile-align-center {
.elementor-icon-list-items {
justify-content: center;
}
.elementor-icon-list-item {
&, a {
justify-content: center;
}
&:after {
margin: auto;
}
}
}
&.elementor-mobile-align-left {
.elementor-icon-list-items {
justify-content: getValueByDirection( flex-start, flex-end );
}
.elementor-icon-list-item {
&, a {
justify-content: getValueByDirection( flex-start, flex-end );
text-align: left;
}
}
}
&.elementor-mobile-align-right {
.elementor-icon-list-items {
justify-content: getValueByDirection( flex-end, flex-start );
}
.elementor-icon-list-item {
&, a {
justify-content: getValueByDirection( flex-end, flex-start );
text-align: right;
}
}
}
&:not(.elementor-mobile-align-right) {
.elementor-icon-list-item {
&:after {
@include start(0);
}
}
}
&:not(.elementor-mobile-align-left) {
.elementor-icon-list-item {
&:after {
@include end(0);
}
}
}
}
}

View File

@@ -0,0 +1,66 @@
//
// Icon
//
// For the all elements with icon options
.elementor-icon {
display: inline-block;
line-height: 1;
transition: $transition-hover;
color: $gray;
font-size: 50px;
text-align: center;
&:hover {
color: $gray;
}
i, svg {
width: 1em;
height: 1em;
position: relative;
display: block;
&:before {
position: absolute;
left: 50%;
transform: translateX(-50%);
}
}
i.fad {
width: initial;
}
}
.elementor-view-stacked {
.elementor-icon {
padding: .5em;
background-color: $gray;
color: #fff;
fill: #fff;
}
}
.elementor-view-framed {
.elementor-icon {
padding: .5em;
color: $gray;
border: 3px solid $gray;
background-color: transparent;
}
}
.elementor-shape {
&-circle {
.elementor-icon {
border-radius: 50%;
}
}
}

View File

@@ -0,0 +1,98 @@
//
// Image Box
//
.elementor-widget-image-box {
.elementor-image-box-content {
width: 100%; // Hack for Chrome in flex mode
}
@media (min-width: $screen-md-min) {
&.elementor-position- {
&left, &right {
.elementor-image-box-wrapper {
display: flex;
}
}
&right {
.elementor-image-box-wrapper {
text-align: $end;
flex-direction: getValueByDirection(row-reverse, row);
}
}
&left {
.elementor-image-box-wrapper {
text-align: $start;
flex-direction: getValueByDirection(row, row-reverse);
}
}
&top {
.elementor-image-box-img {
margin: auto;
}
}
}
&.elementor-vertical-align- {
&top {
.elementor-image-box-wrapper {
align-items: flex-start;
}
}
&middle {
.elementor-image-box-wrapper {
align-items: center;
}
}
&bottom {
.elementor-image-box-wrapper {
align-items: flex-end;
}
}
}
}
@media (max-width: $screen-sm-max) {
// TEMP code to override the image spacing
.elementor-image-box-img {
margin-left: auto !important;
margin-right: auto !important;
margin-bottom: 15px;
}
}
.elementor-image-box-img {
display: inline-block; // For alignment content
}
.elementor-image-box-title {
a {
color: inherit;
}
}
.elementor-image-box-wrapper {
text-align: center;
}
.elementor-image-box-description {
margin: 0;
}
}

View File

@@ -0,0 +1,20 @@
//
// Image Carousel
//
.elementor-widget-image-carousel {
.swiper-container {
position: static; // Allow navigation arrows to stay outside
.swiper-slide {
figure {
line-height: inherit;
}
}
}
.swiper-slide {
text-align: center;
}
}

View File

@@ -0,0 +1,22 @@
//
// Image Gallery
//
.elementor-image-gallery {
figure {
img {
display: block;
}
figcaption {
width: 100%;
}
}
.gallery-spacing-custom & {
.gallery-icon {
padding: 0; // Reset Style for some themes
}
}
}

View File

@@ -0,0 +1,19 @@
//
// Image
//
.elementor-widget-image {
text-align: center;
a {
display: inline-block; //For alignment image with link - Changed to 'inline-block' instead of 'block' to handle with this issue https://github.com/elementor/elementor/issues/5897
img[src$=".svg"] {
width: 48px; //Fix SVG image src, issue: https://github.com/elementor/elementor/issues/5987
}
}
img {
vertical-align: middle;
display: inline-block;
}
}

View File

@@ -0,0 +1,3 @@
body.elementor-page .elementor-widget-menu-anchor { // Hard selector to override the default rule
margin-bottom: 0;
}

View File

@@ -0,0 +1,81 @@
//
// Progress Bar
//
.elementor-widget-progress {
text-align: $start;
}
.elementor-progress-wrapper {
position: relative;
background-color: $progress-bg;
color: $progress-text;
height: 100%;
border-radius: 2px;
}
.elementor-progress-bar {
display: flex;
background-color: $gray;
width: 0;
font-size: 11px;
height: 30px;
line-height: 30px;
border-radius: 2px;
transition: width 1s ease-in-out;
}
.elementor-progress-text {
flex-grow: 1;
@include ellipsis;
@include padding-start(15px);
}
.elementor-progress-percentage {
@include padding-end(15px);
}
.elementor-widget-progress {
.elementor-progress-wrapper {
&.progress-info {
.elementor-progress-bar {
background-color: $info;
}
}
&.progress-success {
.elementor-progress-bar {
background-color: $success;
}
}
&.progress-warning {
.elementor-progress-bar {
background-color: $warning;
}
}
&.progress-danger {
.elementor-progress-bar {
background-color: $danger;
}
}
}
}
.elementor-progress .elementor-title {
display: block;
}
// Responsive mode
@media (max-width: $screen-sm-max) {
.elementor-progress-text {
@include padding-start(10px);
}
}

View File

@@ -0,0 +1,143 @@
//
// Social Icons
//
$icon-size: var(--icon-size, 25px);
$icon-padding: var(--icon-padding, 0.5em);
$icon-total-size: calc(#{$icon-size} + (2 * #{$icon-padding}));
.elementor-widget-social-icons {
/*TODO: This Grid-0 needs to be removed after PRO is Updated */
&.elementor-grid-0, &.elementor-grid-tablet-0, &.elementor-grid-mobile-0 {
.elementor-widget-container {
line-height: 1;
font-size: 0;
}
}
&:not(.elementor-grid-0):not(.elementor-grid-tablet-0):not(.elementor-grid-mobile-0) {
.elementor-grid {
display: inline-grid;
}
}
.elementor-grid {
grid-column-gap: var(--grid-column-gap, 5px);
grid-row-gap: var(--grid-row-gap, 5px);
grid-template-columns: var(--grid-template-columns);
justify-content: var(--justify-content, center);
justify-items: var(--justify-content, center);
}
}
// This is for specificity, to avoid being overridden by Theme Style Link Typography.
.elementor-icon.elementor-social-icon {
font-size: $icon-size;
line-height: $icon-size;
width: $icon-total-size;
height: $icon-total-size;
}
.elementor-social-icon {
display: inline-flex;
background-color: $gray;
align-items: center;
justify-content: center;
text-align: center;
cursor: pointer;
i {
color: white;
}
&:last-child {
margin: 0;
}
&:hover {
opacity: .9;
color: white; //for override .elementor-icon class
}
&- {
&android { background-color: $android; }
&apple { background-color: $apple; }
&behance { background-color: $behance; }
&bitbucket { background-color: $bitbucket; }
&codepen { background-color: $codepen; }
&delicious { background-color: $delicious; }
&deviantart { background-color: $deviantart; }
&digg { background-color: $digg; }
&dribbble { background-color: $dribbble; }
&elementor { background-color: $elementor; }
&envelope { background-color: $envelope; }
&facebook, &facebook-f { background-color: $facebook; }
&flickr { background-color: $flickr; }
&foursquare { background-color: $foursquare; }
&freecodecamp, &free-code-camp { background-color: $freecodecamp; }
&github { background-color: $github; }
&gitlab { background-color: $gitlab; }
&globe { background-color: $gray; }
&google-plus, &google-plus-g { background-color: $google-plus; }
&houzz { background-color: $houzz; }
&instagram { background-color: $instagram; }
&jsfiddle { background-color: $jsfiddle; }
&link { background-color: $gray; }
&linkedin, &linkedin-in { background-color: $linkedin; }
&medium { background-color: $medium; }
&meetup { background-color: $meetup; }
&mixcloud { background-color: $mixcloud }
&odnoklassniki { background-color: $odnoklassniki; }
&pinterest { background-color: $pinterest; }
&product-hunt { background-color: $product-hunt; }
&reddit { background-color: $reddit; }
&rss { background-color: $rss; }
&shopping-cart { background-color: $shopping-cart; }
&skype { background-color: $skype; }
&slideshare { background-color: $slideshare; }
&snapchat { background-color: $snapchat; }
&soundcloud { background-color: $soundcloud; }
&spotify { background-color: $spotify; }
&stack-overflow { background-color: $stack-overflow; }
&steam { background-color: $steam; }
&stumbleupon { background-color: $stumbleupon; }
&telegram { background-color: $telegram; }
&thumb-tack { background-color: $thumbtack; }
&tripadvisor { background-color: $tripadvisor; }
&tumblr { background-color: $tumblr; }
&twitch { background-color: $twitch; }
&twitter { background-color: $twitter; }
&viber { background-color: $viber; }
&vimeo { background-color: $vimeo; }
&vk { background-color: $vk; }
&weibo { background-color: $weibo; }
&weixin { background-color: $weixin; }
&whatsapp { background-color: $whatsapp; }
&wordpress { background-color: $wordpress; }
&xing { background-color: $xing; }
&yelp { background-color: $yelp; }
&youtube { background-color: $youtube; }
&500px { background-color: $five-h-px; }
}
}
.elementor-shape-rounded {
.elementor-icon {
&.elementor-social-icon {
border-radius: 10%;
}
}
}
.elementor-shape-circle {
.elementor-icon {
&.elementor-social-icon {
border-radius: 50%;
}
}
}

View File

@@ -0,0 +1,113 @@
.elementor-star-rating {
color: $gray-mouse;
font-family: eicons;
display: inline-block;
i {
display: inline-block;
position: relative;
font-style: normal;
cursor: default;
&:before {
content: '\e934';
display: block;
font-size: inherit;
font-family: inherit;
position: absolute;
overflow: hidden;
color: $orange;
top: 0;
@include start(0);
}
}
.elementor-star-empty:before {
content: none;
}
@for $i from 1 through 9 {
.elementor-star-#{$i} {
&:before {
width: $i * 10%
}
}
}
&__wrapper {
display: flex;
align-items: center;
}
&__title {
@include margin-end(10px);
}
}
@mixin star-rating-align($device) {
.elementor-star-rating {
&#{$device} {
&--align {
&-right {
.elementor-star-rating__wrapper {
text-align: right;
justify-content: getValueByDirection( flex-end, flex-start );
}
}
&-left {
.elementor-star-rating__wrapper {
text-align: left;
justify-content: getValueByDirection( flex-start, flex-end );
}
}
&-center {
.elementor-star-rating__wrapper {
text-align: center;
justify-content: center;
}
}
&-justify {
.elementor-star-rating__title {
@include margin-end( auto );
}
}
}
}
}
}
@include star-rating-align('');
@media (max-width: $screen-md-max) {
@include star-rating-align(-tablet);
}
@media (max-width: $screen-sm-max) {
@include star-rating-align(-mobile);
}
.last-star{
letter-spacing: 0;
}
.elementor--star-style-star_unicode {
.elementor-star-rating {
font-family: 'Arial', 'Helvetica', sans-serif;
i:not(.elementor-star-empty):before {
content: '\002605';
}
}
}

View File

@@ -0,0 +1,221 @@
//
// Tabs
//
.elementor-widget-tabs {
&.elementor-tabs-view-vertical {
.elementor-tabs-wrapper {
width: 25%;
flex-shrink: 0;
}
.elementor-tab-desktop-title {
&.elementor-active {
@include border-end-property(style, none);
&:before,
&:after {
height: 999em;
width: 0;
@include end(0);
@include border-end-property(style, solid);
}
&:before {
top: 0;
transform: translateY(-100%);
}
&:after {
top: 100%;
}
}
}
}
&.elementor-tabs-view-horizontal {
.elementor-tab-desktop-title {
display: table-cell;
&.elementor-active {
border-bottom-style: none;
&:before,
&:after {
bottom: 0;
height: 0;
width: 999em;
border-bottom-style: solid;
}
&:before {
right: 100%;
}
&:after {
left: 100%;
}
}
}
}
.elementor-tab-title,
.elementor-tab-title:before,
.elementor-tab-title:after,
.elementor-tab-content,
.elementor-tabs-content-wrapper {
border: 1px none $gray-light;
}
.elementor-tabs {
text-align: $start;
}
.elementor-tabs-wrapper {
overflow: hidden;
}
.elementor-tab-title {
cursor: pointer;
outline: var(--focus-outline, none);
}
.elementor-tab-desktop-title {
position: relative;
padding: 20px 25px;
font-weight: bold;
line-height: 1;
border: solid transparent;
&.elementor-active {
border-color: $gray-light;
&:before,
&:after {
display: block;
content: '';
position: absolute;
}
}
}
.elementor-tab-mobile-title {
padding: 10px 10px;
cursor: pointer;
}
.elementor-tab-content {
padding: 20px;
display: none;
}
}
// Responsive mode
@media (max-width: $screen-sm-max) {
.elementor-tabs {
.elementor-tab-title,
.elementor-tab-content {
border-style: solid;
border-bottom-style: none;
}
.elementor-tabs-wrapper {
display: none;
}
.elementor-tabs-content-wrapper {
border-bottom-style: solid;
}
.elementor-tab-content {
padding: 10px;
}
}
}
@media (min-width: $screen-md-min) {
.elementor-widget-tabs {
&.elementor-tabs-view-vertical {
.elementor-tabs {
display: flex;
}
.elementor-tabs-wrapper {
flex-direction: column;
}
.elementor-tabs-content-wrapper {
flex-grow: 1;
border-style: solid;
@include border-start-property(style, none);
}
}
}
.elementor-widget-tabs {
&.elementor-tabs-view-horizontal {
.elementor-tab-content {
border-style: solid;
border-top-style: none;
}
}
&.elementor-tabs-alignment- {
&center,
&end,
&stretch {
.elementor-tabs-wrapper {
display: flex;
}
}
&center {
.elementor-tabs-wrapper {
justify-content: center;
}
}
&end {
.elementor-tabs-wrapper {
justify-content: flex-end;
}
}
&stretch.elementor-tabs-view-horizontal {
.elementor-tab-title {
width: 100%;
}
}
&stretch.elementor-tabs-view-vertical {
.elementor-tab-title {
height: 100%;
}
}
}
}
.elementor-tabs {
.elementor-tab-mobile-title {
display: none;
}
}
}

View File

@@ -0,0 +1,83 @@
//
// testimonial
//
.elementor-testimonial-wrapper {
overflow: hidden;
text-align: center;
.elementor-testimonial-content {
font-size: 1.3em;
margin-bottom: 20px;
}
.elementor-testimonial-name {
line-height: 1.5;
color: inherit;
display: block;
}
.elementor-testimonial-job {
font-size: 0.85em;
color: inherit;
display: block;
}
&.elementor-testimonial-text-align- {
&left {
text-align: left;
}
&right {
text-align: right;
}
}
.elementor-testimonial-meta {
width: 100%;
line-height: 1;
&-inner {
display: inline-block;
}
.elementor-testimonial-details,
.elementor-testimonial-image {
display: table-cell;
vertical-align: middle;
}
.elementor-testimonial-image {
img {
width: 60px;
height: 60px;
border-radius: 50%;
object-fit: cover;
max-width: none;
}
}
&.elementor-testimonial-image-position-aside {
.elementor-testimonial-image {
@include padding-end(15px);
}
.elementor-testimonial-details {
text-align: $start;
}
}
&.elementor-testimonial-image-position-top {
.elementor-testimonial-details,
.elementor-testimonial-image {
display: block;
}
.elementor-testimonial-image {
margin-bottom: 20px;
}
}
}
}

View File

@@ -0,0 +1,48 @@
.elementor-widget-text-editor {
&.elementor-drop-cap {
&-view- {
&stacked {
.elementor-drop-cap {
background-color: $gray;
color: #fff;
}
}
&framed {
.elementor-drop-cap {
color: $gray;
border: 3px solid;
background-color: transparent;
}
}
}
}
&:not(.elementor-drop-cap-view-default) {
.elementor-drop-cap {
margin-top: 8px;
&-letter {
width: 1em;
height: 1em;
}
}
}
.elementor-drop-cap {
float: $start;
text-align: center;
line-height: 1;
font-size: 50px;
&-letter {
display: inline-block;
}
}
}

View File

@@ -0,0 +1,74 @@
//
// Toggle
//
.elementor-toggle {
text-align: $start;
.elementor-tab-title {
font-weight: bold;
line-height: 1;
margin: 0;
padding: 15px;
border-bottom: 1px solid $gray-light;
cursor: pointer;
outline: none;
.elementor-toggle-icon {
display: inline-block;
width: 1em;
&.elementor-toggle-icon- {
&right {
float: right;
text-align: right;
}
&left {
float: left;
text-align: left;
}
}
.elementor-toggle-icon-closed {
display: block;
}
.elementor-toggle-icon-opened {
display: none;
}
}
&.elementor-active {
border-bottom: none;
.elementor-toggle-icon-closed {
display: none;
}
.elementor-toggle-icon-opened {
display: block;
}
}
}
.elementor-tab-content {
padding: 15px;
border-bottom: 1px solid $gray-light;
display: none;
}
}
// Responsive mode
@media (max-width: $screen-sm-max) {
.elementor-toggle {
.elementor-tab-title {
padding: 12px;
}
.elementor-tab-content {
padding: 12px 10px;
}
}
}

View File

@@ -0,0 +1,49 @@
//
// Video
//
.elementor-widget-video {
.elementor-widget-container {
overflow: hidden;
transform: translate3d(0, 0, 0); // Allow border-radius in Safari
}
.elementor-open-inline {
.elementor-custom-embed-image-overlay {
position: absolute;
top: 0;
left: 0;
width: 100%;
height: 100%;
background-size: cover;
background-position: 50%;
}
}
.elementor-custom-embed-image-overlay {
cursor: pointer;
text-align: center;
&:hover {
.elementor-custom-embed-play {
i {
opacity: 1;
}
}
}
img {
display: block;
width: 100%;
}
}
.e-hosted-video {
.elementor-video {
object-fit: cover;
}
}
}