/home/arranoyd/telegastro/wp-content/themes/dt-the7/css/static-less/shortcodes/buttons.less
/* #Buttons
================================================== */
.dt-form button,
input[type="button"],
input[type="reset"],
input[type="submit"],
.dt-btn,
a.button,
button.button,
#main-slideshow .tp-button,
#main .gform_wrapper .gform_footer input.button,
#main .gform_wrapper .gform_footer input[type="submit"],
.nsu-submit,
form.mc4wp-form input[type="submit"],
div.mc4wp-form button[type="submit"],
.post-password-form input[type="submit"],
.mc4wp-form input[type="submit"],
.tml-submit-wrap input[type="submit"],
.woocommerce-widget-layered-nav-dropdown__submit {
position: relative;
display: inline-block;
border: none;
text-decoration: none;
white-space: nowrap;
&:hover {
text-decoration: none;
}
-webkit-tap-highlight-color: rgba(0, 0, 0, 0);
}
.full-width-btn.dt-btn {
display: block;
text-align: center;
clear: both;
}
#page .btn-margin,
#page .btn-margin:last-child,
#page .dt-contact-form .dt-btn {
margin-right: 10px;
}
#page .btn-margin-left,
#page .btn-margin-left:last-child {
margin-left: 10px;
}
.btn-shortcode {
margin-bottom: 10px;
}
input[type="button"],
input[type="reset"],
input[type="submit"],
button.button,
input.button,
.woocommerce-widget-layered-nav-dropdown__submit {
border: none;
}
#page .btn-link {
padding: 0;
}
.btn-link {
display: inline-block;
text-decoration: none;
white-space: nowrap;
}
/*Material buttons*/
.btn-shadow .dt-btn {
transform: translateZ(0);
}
/*Font icons for button*/
.dt-btn i[class^="fa"],
.btn-link i[class^="fa"],
.dt-btn i[class^="fa"] *,
.btn-link i[class^="fa"] * {
color: inherit;
}
.dt-btn-s i[class^="fa"],
.dt-btn-m i[class^="fa"] {
margin-right: 8px;
}
.dt-btn-l i[class^="fa"] {
margin-right: 9px;
}
.dt-btn-s.ico-right-side i,
.dt-btn-m.ico-right-side i {
margin-right: 0px;
margin-left: 8px;
}
.dt-btn-l.ico-right-side i {
margin-right: 0px;
margin-left: 9px;
}
/* # 3D, Flat Buttons
================================================== */
.dt-btn:not(.btn-light):not(.light-bg-btn):not(.outline-btn):not(.outline-bg-btn),
button.button,
a.button,
.dt-form button,
.widget .dt-form .dt-btn,
input[type="reset"],
.nsu-submit,
.wpcf7-submit,
.dt-wc-btn,
.checkout-button,
#place_order,
input[name="apply_coupon"],
input[name="login"],
button[name="calc_shipping"],
.single_add_to_cart_button.button,
.button.wc-backward,
.woocommerce-Button.button,
.woocommerce-Reviews .submit,
.woocommerce-Button[name="register"],
.track_order input[name="track"],
input#place_order,
input[name="save_address"],
.post-password-form input[type="submit"],
.mc4wp-form input[type="submit"],
div.mc4wp-form button[type="submit"],
.tml-submit-wrap input[type="submit"],
.wpcf7-form input[type="submit"],
input[type="submit"]:not([name="update_cart"]),
.woocommerce-widget-layered-nav-dropdown__submit {
.btn-3d & {
top: 0;
//border-bottom: 2px solid;
//box-shadow: 0px 2px 0px 0px rgba(0,0,0,0.75);
-webkit-transition: none;
transition: none;
}
.btn-flat &,
.btn-3d &,
.btn-shadow & {
&:after {
position: absolute;
display: block;
top: 0;
left: 0;
width: 100%;
height: 100%;
content: "";
-webkit-border-radius: inherit;
border-radius: inherit;
}
}
.btn-flat &,
.btn-3d &,
.btn-shadow & {
&:active:after {
background-color: rgba(0,0,0,0.2);
}
}
}
/* # Light Buttons
================================================== */
.btn-light,
.light-bg-btn,
.btn-link,
.outline-btn {
webkit-transition: background 0.2s ease-out, color 0.2s ease-out, border-color 0.2s ease-out;
transition: background 0.2s ease-out, color 0.2s ease-out, border-color 0.2s ease-out;
}
.outline-bg-btn {
webkit-transition: background 0.2s ease-out, color 0.2s ease-out, border-color 0.2s ease-out;
transition: all 0.2s ease-out;
}
.btn-3d .dt-btn.btn-light:before,
.btn-3d .dt-btn.btn-light:after,
#page .btn-light:after {
display: none;
}
/* #Outline & Outline with background on hover
================================================== */
#page .outline-bg-btn,
#page .outline-btn,
#phantom .outline-bg-btn,
#phantom .outline-btn {
border: 2px solid;
}
/*Custom colors*/
.custom-btn-color .dt-btn > * {
color: inherit !important;
}
.dt-btn,
.dt-btn:not(.btn-light):not(.light-bg-btn):not(.outline-btn),
.btn-link {
&.custom-btn-hover-color:hover > span,
&.custom-btn-hover-color:hover > .text-wrap *,
&.custom-btn-hover-color:hover > i[class^="fa"] {
background: none !important;
color: inherit !important;
}
}
.outline-element-decoration .btn-light:hover {
box-shadow: none;
}
//Default button
.default-btn-shortcode {
text-align: center;
max-width: 100%;
box-sizing: border-box;
white-space:normal;
&.btn-inline-center {
margin-left: auto;
margin-right: auto;
}
&.btn-inline-right {
float: right;
}
}
.btn-align-center {
text-align: center;
}
.btn-align-right {
text-align: right;
}