whoami7 - Manager
:
/
home
/
dataiclx
/
vielorbe.com
/
wp-content
/
themes
/
glowing
/
assets
/
sass
/
Upload File:
files >> //home/dataiclx/vielorbe.com/wp-content/themes/glowing/assets/sass/_elements.scss
@import "elements/elements"; .g5core-site-header { .toggle-icon { width: 42px; height: 12px; } .toggle-icon > span { height: 0; } .toggle-icon > span:before { top: 6px; } .toggle-icon > span:after { top: -6px; } } .toggle-icon { cursor: pointer; display: inline-block; width: 30px; height: 30px; position: relative; vertical-align: middle; } .toggle-icon > span { bottom: 0; display: block; height: 2px; left: 2px; right: 0; margin: auto; position: absolute; top: 0; -webkit-transition: all 0.3s; -moz-transition: all 0.3s; -ms-transition: all 0.3s; -o-transition: all 0.3s; transition: all 0.3s; background-color: currentColor; } .toggle-icon > span:after, .toggle-icon > span:before { content: ''; height: 2px; left: 0; margin: auto; position: absolute; right: 0; -webkit-transition: top 0.3s ease-in-out, -webkit-transform 0.3s ease-in-out, background 0.3s; -moz-transition: top 0.3s ease-in-out, -moz-transform 0.3s ease-in-out, background 0.3s; transition: top 0.3s ease-in-out, transform 0.3s ease-in-out, background 0.3s; -webkit-transform-origin: 50% 50%; -moz-transform-origin: 50% 50%; -ms-transform-origin: 50% 50%; -o-transform-origin: 50% 50%; transform-origin: 50% 50%; background-color: currentColor; } .toggle-icon > span:before { top: 8px; } .toggle-icon > span:after { top: -8px; } .toggle-icon:hover { color: #e4573d; } .toggle-icon.in > span { background-color: transparent !important; } .toggle-icon.in > span:after, .toggle-icon.in > span:before { -webkit-transition: top 0.3s ease-in-out, -webkit-transform 0.3s 0.5s ease-in-out, background 0.3s; -moz-transition: top 0.3s ease-in-out, -moz-transform 0.3s 0.5s ease-in-out, background 0.3s; transition: top 0.3s ease-in-out, transform 0.3s 0.5s ease-in-out, background 0.3s; top: 0; } .toggle-icon.in > span:after { -webkit-transform: rotate3d(0, 0, 1, -45deg); -moz-transform: rotate3d(0, 0, 1, -45deg); -ms-transform: rotate3d(0, 0, 1, -45deg); -o-transform: rotate3d(0, 0, 1, -45deg); transform: rotate3d(0, 0, 1, -45deg); } .toggle-icon.in > span:before { -webkit-transform: rotate3d(0, 0, 1, 45deg); -moz-transform: rotate3d(0, 0, 1, 45deg); -ms-transform: rotate3d(0, 0, 1, 45deg); -o-transform: rotate3d(0, 0, 1, 45deg); transform: rotate3d(0, 0, 1, 45deg); } .vc-col-no-pt > .vc_column-inner, .vc_row.vc_row.vc-col-no-pt > .vc_column_container > .vc_column-inner, .vc_row.vc_row.vc-col-no-pt > .vc_column_container > .vc_column-inner, .vc_row.vc_row.vc-col-no-pt > .vc_column_container > .vc_column-inner { padding-top: 0; } .col-bg-animation .vc_column-inner, .el-col-bg-animation > .elementor-element-populated { background-position: 0 0; background-repeat: repeat-x; -webkit-animation: animatedBackground 15s linear infinite; animation: animatedBackground 15s linear infinite; } .lable-sale-countdown { font-size: 20px; color: var(--g5-color-primary-foreground); background-color: var(--g5-color-primary); width: 112px; height: 112px; @include d-inline-flex(); @include flex-column(); @include justify-content-center(); @include align-items-center(); @include border-radius(50%); position: absolute; top: 20%; left: 26%; span { font-size: 24px; font-weight: 600; } &.label-postions-01 { left: 17%; top: 23%; } } @keyframes animatedBackground { 0% { background-position: 0 0; } 100% { background-position: 100% 0; } } @media (min-width: 1200px) { .custom-gap-column-75 { margin-left: -37.5px; margin-right: -37.5px; > .vc_column_container { padding: 22.5px !important; } } .custom-product-lg-mg--39 { .g5shop__listing-inner { margin-left: -39px; } } .custom-col-width-1170 > .vc_column-inner > .wpb_wrapper { max-width: 1170px; margin: 0 auto; } .custom-slick-bx-01 { .slick-slide:not(.slick-active) .custom-image-bx-02:before { content: ''; position: absolute; top: 0; right: 0; left: 0; bottom: 0; background-color: #fff; opacity: 0.4; cursor: not-allowed; } .slick-list { padding-left: calc((100% - 1200px) / 2); padding-right: calc((100% - 1200px) / 2); } } .custom-col-01, .custom-col-02 { > .vc_column-inner { max-width: 1920px; margin: 0 auto; } } .custom-row-mw-1920 > .vc_column_container { max-width: 1920px; margin: 0 auto; } } @media (min-width: 992px) { .col-lg-3\/10 { width: 30%; } .col-lg-7\/10 { width: 70%; } .custom-md-right--33 > .vc_column-inner { margin-right: -33%; } .custom-md-right--60 > .vc_column-inner { margin-right: -60%; } .divider-lg-right:before { content: ''; width: 1px; height: 150px; background-color: var(--g5-color-border); position: absolute; left: 0; top: 50%; transform: translateY(-50%); } .custom-before-bg-video > .vc_column-inner { position: relative; &:before { background-color: #EDF1F0; content: ''; width: 65px; max-height: 100%; top: 11%; bottom: 14%; position: absolute; display: block; left: -65px; } } .custom-mw-container > .vc_column-inner { max-width: 600px; margin-left: auto; } .custom-mw-stretched-container > .vc_column-inner { max-width: 720px; margin-left: auto; } } @media (min-width: 768px) { .custom-bg-landing-home { background-image: url(assets/images/templates/bg-landing-home-01.png), url(assets/images/templates/bg-landing-home-02.png); background-position: -35px top, right top; background-repeat: no-repeat, no-repeat; background-size: auto, auto; } } @media (max-width: 1440px) { div.col-xl-mg-left-right-0 > .vc_column-inner { margin-right: 0 !important; margin-left: 0 !important; } div.col-pd-xl-left-right-15 > .vc_column-inner { padding-right: 15px !important; padding-left: 15px !important; } } @media (max-width: 1199px) { div.col-pd-lg-left-right-15 > .vc_column-inner { padding-right: 15px !important; padding-left: 15px !important; } div.col-pd-lg-left-30 > .vc_column-inner { padding-left: 30px !important; } div.col-lg-mg-left-right-0 > .vc_column-inner { margin-right: 0 !important; margin-left: 0 !important; } div.col-lg-mg-left-right-15 > .vc_column-inner { margin-right: 15px !important; margin-left: 15px !important; } div.lg-mg-left-right-0 { margin-right: 0 !important; margin-left: 0 !important; } .lable-sale-countdown { display: none; } } @media (max-width: 991px) { div.custom-md-no-bg-color { background-color: transparent !important; } div.col-md-left-right-15 > .vc_column-inner { margin-right: 15px !important; margin-left: 15px !important; } div.col-pd-md-left-right-15 > .vc_column-inner { padding-right: 15px !important; padding-left: 15px !important; } div.col-md-mg-left-right-0 > .vc_column-inner { margin-right: 0 !important; margin-left: 0 !important; } .col-md-mg-left-right--21 .vc_column-inner { margin-right: -21% !important; margin-left: -21% !important; } .d-flex-md { display: -ms-flexbox !important; display: flex !important; } div.position-bg-md-left { background-position: left !important; } } @media (max-width: 767px) { .vc_row.custom-md-bg-overlay:after { content: ''; position: absolute; right: 0; left: 0; bottom: 0; top: 0; display: block !important; background-color: rgba(0, 0, 0, 0.2); } .layout-section-center-sm { .gel-layout-section:first-child, .gel-layout-section:last-child { flex: 1 1 auto !important; } .gel-layout-section:first-child { @include align-items-end(); } } .custom-vc-col-md-gap-10.vc_row { margin-left: -10px; margin-right: -10px; .vc_column-inner { padding: 0 10px; } } } @media (max-width: 575px) { .custom-xs-width-100.vc_column_container { width: 100%; } div.row-pd-xs-left-right-0 { padding-right: 0 !important; padding-left: 0 !important; } } @media (max-width: 1199px) and (min-width: 992px) { .custom-lg-ml--25 { .vc_column-inner { margin-left: -25%; } } .custom-lg-mr--45 { .vc_column-inner { margin-right: -45%; } } } .btn-hover-border-dark .btn:hover { border-color: var(--g5-color-dark) !important; } .border-0 .btn { border-width: inherit; } .custom-image-bx .vc_single_image-wrapper { @include transition(all .3s); &:hover { @include box-shadow(0 12px 31px 0 rgb(0 0 0 / 15%)); } } .custom-image-bx-02 { .vc_single_image-wrapper img { @include transition(all .3s); @include box-shadow(0 0 10px 0 rgb(0 0 0 / 12%)); @include border-radius(5px); &:hover { @include box-shadow(2px 20px 30px 0 rgb(0 0 0 / 11%)); @include transform(translateY(-15px)); } } } .custom-image-bx-03 > .vc_column-inner > .wpb_wrapper { padding: 15px; @include border-radius(5px); @include transition(all .3s); margin-bottom: 30px; &:hover { @include box-shadow(0px 6px 30px rgba(0, 0, 0, 0.15)); } } .custom-image-bx-04 img { @include border-radius(10px); @include box-shadow(0px 1px 36px rgb(0 0 0 / 17%)); } .custom-image-bg-01 .vc_figure { @include transition(all .3s); @include border-radius(10px); &:hover { background-color: #B4CCC2; } } .custom-col-bx > .vc_column-inner { margin: 0 15px 50px; @include border-radius(5px); @include transition(all .3s); @include box-shadow(0 0 15px 0 rgb(0 0 0 / 10%)); &:hover { @include transform(translateY(-20px)); @include box-shadow(0 7 45px 0 rgb(0 0 0 / 15%)); } } .custom-landing-home { margin-bottom: 50px; .vc_column-inner > .wpb_wrapper { @include border-radius(5px); @include transition(all .3s); @include box-shadow(0 0 15px 0 rgb(0 0 0 / 10%)); height: 100%; &:hover { @include transform(translateY(-20px)); @include box-shadow(0 7 45px 0 rgb(0 0 0 / 15%)); } } .vc_column-inner > .wpb_wrapper { padding: 15px 15px 30px; } .vc_single_image-wrapper { padding: 32px 25px 0; overflow: hidden; background-color: #F2F2F2; @include border-radius(10px); img { border-top-left-radius: 5px; border-top-right-radius: 5px; @include box-shadow(0 4px 27px 0 rgb(0 0 0 / 15%)); } } .btn-block i { font-size: 18px; } } .label-sale-off { width: 61px; height: 26px; background-color: var(--g5-color-primary); border-radius: 3px; display: block; text-align: center; line-height: 26px; color: #fff; position: relative; bottom: -23px; left: 138px; } .custom-col-01, .custom-col-02 { .vc_column-inner > .wpb_wrapper { @include d-flex(); @include justify-content-between(); > div { @include transition(.3s); @include box-shadow(0 4px 10px 0 rgba(0, 0, 0, 0.1)); border-radius: 5px; overflow: hidden; margin: 20px; position: relative; top: 0; &:hover { top: -15px; @include box-shadow(10px 24px 21px 0 rgba(0, 0, 0, 0.1)); } } } } .blend-beauty-in-you { } .blend-beauty-in-you-top, .blend-beauty-in-you-bottom { display: none; } @media (min-width: 1200px) { .blend-beauty-in-you-top, .blend-beauty-in-you-bottom { display: block; left: 50%; @include transform(translateX(-50%)); position: absolute; z-index: 2; } .blend-beauty-in-you-top { top: -90px; max-width: 1630px; } .blend-beauty-in-you-bottom { bottom: -115px; max-width: 1134px; } .blend-beauty-in-image-rotating { position: absolute; bottom: -65px; right: 205px; img { -webkit-animation: rotating 7s linear infinite; animation: rotating 7s linear infinite; } } } .rotating-img img { -webkit-animation: rotating 7s linear infinite; animation: rotating 7s linear infinite; } .img-by-read-life img { position: absolute; top: 22%; left: -50px; } .custom-col-02 .vc_column-inner > .wpb_wrapper { margin-left: -30px; margin-bottom: -95px; } .custom-col-01 .vc_column-inner > .wpb_wrapper { margin-left: -400px; margin-right: -100px; } @media (max-width: 1200px) { .custom-col-02 .vc_column-inner > .wpb_wrapper { margin-bottom: -50px; } .custom-col-02 .vc_column-inner > .wpb_wrapper { margin-right: -100px; margin-left: -100px; } .custom-col-01, .custom-col-02 { .vc_column-inner > .wpb_wrapper > div { margin: 15px; } } } @media (max-width: 991px) { .custom-col-02 .vc_column-inner > .wpb_wrapper { margin-bottom: 0; } .img-by-read-life { display: none; } } @media (max-width: 575px) { .custom-col-01, .custom-col-02 { .vc_column-inner > .wpb_wrapper { @include flex-flow-column(); margin-right: 0; margin-left: 0; } } } @keyframes rotating { 0% { @include transform(rotate(0deg)); } 100% { @include transform(rotate(1turn)); } }
Copyright ©2021 || Defacer Indonesia