2016-11-16 15:35:25 -05:00
|
|
|
%button-standard {
|
2018-09-03 14:44:09 +02:00
|
|
|
width: 90%;
|
2016-10-07 02:10:30 -04:00
|
|
|
max-width: 300px;
|
|
|
|
|
margin-left: auto;
|
|
|
|
|
margin-right: auto;
|
|
|
|
|
display: block;
|
|
|
|
|
}
|
|
|
|
|
|
|
|
|
|
.button,
|
|
|
|
|
.onboarding .button {
|
|
|
|
|
&.button-primary {
|
2017-02-23 16:46:41 -05:00
|
|
|
@include button-style($v-button-primary-bg, $v-button-primary-border, $v-button-primary-active-bg, $v-button-primary-active-border, $v-button-primary-color);
|
|
|
|
|
@include button-clear($v-button-primary-bg);
|
|
|
|
|
@include button-outline($v-button-primary-bg);
|
2016-10-07 02:10:30 -04:00
|
|
|
}
|
|
|
|
|
&.button-primary,
|
2016-10-12 16:46:44 -03:00
|
|
|
&.button-secondary,
|
2016-10-17 10:59:40 -03:00
|
|
|
&.button-light,
|
2018-07-09 18:22:11 +02:00
|
|
|
&.button-white,
|
|
|
|
|
&.button-green,
|
2016-10-12 16:46:44 -03:00
|
|
|
&.button-assertive {
|
2016-10-07 02:10:30 -04:00
|
|
|
&.button-standard {
|
|
|
|
|
@extend %button-standard;
|
2016-10-11 16:36:01 -04:00
|
|
|
& + .button-standard {
|
|
|
|
|
margin-top: 1rem;
|
|
|
|
|
}
|
2016-10-07 02:10:30 -04:00
|
|
|
}
|
|
|
|
|
}
|
|
|
|
|
}
|
|
|
|
|
.onboarding .button {
|
|
|
|
|
&.button-secondary {
|
2017-02-23 16:46:41 -05:00
|
|
|
@include button-style($v-onboarding-button-secondary-bg, $v-onboarding-button-secondary-border, $v-onboarding-button-secondary-active-bg, $v-onboarding-button-secondary-active-border, $v-onboarding-button-secondary-color);
|
|
|
|
|
@include button-clear($v-onboarding-button-secondary-color);
|
|
|
|
|
@include button-outline($v-onboarding-button-secondary-color);
|
2016-10-07 02:10:30 -04:00
|
|
|
}
|
|
|
|
|
}
|
|
|
|
|
|
2018-07-09 18:22:11 +02:00
|
|
|
@mixin button-shadow() {
|
|
|
|
|
box-shadow: 0 2px 11px 0 #C1C1C1;;
|
|
|
|
|
}
|
|
|
|
|
|
2016-10-07 02:10:30 -04:00
|
|
|
.button {
|
|
|
|
|
&.button-secondary {
|
2017-02-23 16:46:41 -05:00
|
|
|
@include button-style($v-button-secondary-bg, $v-button-secondary-border, $v-button-secondary-active-bg, $v-button-secondary-active-border, $v-button-secondary-color);
|
|
|
|
|
@include button-clear($v-button-secondary-color);
|
|
|
|
|
@include button-outline($v-button-secondary-color);
|
2016-10-07 02:10:30 -04:00
|
|
|
}
|
|
|
|
|
}
|
2017-12-28 15:08:58 +00:00
|
|
|
|
|
|
|
|
.button-sendmax {
|
2017-12-31 18:10:51 +00:00
|
|
|
font-size: 0.7em !important;
|
|
|
|
|
display: inline !important;
|
2017-12-28 15:08:58 +00:00
|
|
|
}
|
2018-03-24 10:10:22 +09:00
|
|
|
|
|
|
|
|
.button {
|
2018-07-09 18:22:11 +02:00
|
|
|
border-radius: 6px;
|
2018-03-24 10:10:22 +09:00
|
|
|
&.button-full {
|
2018-07-31 17:40:58 +02:00
|
|
|
border-radius: 0;
|
2018-03-24 10:10:22 +09:00
|
|
|
display: block;
|
|
|
|
|
}
|
2018-07-09 18:22:11 +02:00
|
|
|
&-green {
|
|
|
|
|
@include button-style(#719561, #FFF, #606060, #FFF, #FFF);
|
|
|
|
|
@include button-clear(#FFF);
|
|
|
|
|
@include button-outline(#C1C1C1);
|
|
|
|
|
border: 0px;
|
|
|
|
|
@include button-shadow();
|
|
|
|
|
}
|
|
|
|
|
&-white {
|
|
|
|
|
@include button-style(#FFF, #C1C1C1, #C1C1C1, #FFF, #606060);
|
|
|
|
|
@include button-clear(#FFF);
|
|
|
|
|
@include button-outline(#C1C1C1);
|
|
|
|
|
@include button-shadow();
|
|
|
|
|
&.activated {
|
|
|
|
|
color: #FFF;
|
|
|
|
|
}
|
2018-07-17 15:15:37 +02:00
|
|
|
&-outline {
|
2018-08-09 17:14:05 +02:00
|
|
|
@include button-style(transparent, #FFFFFF, #FFFFFF, #FFFFFF, #FFFFFF);
|
2018-07-17 15:15:37 +02:00
|
|
|
@include button-outline(#FFFFFF);
|
|
|
|
|
background: none;
|
|
|
|
|
box-shadow: none;
|
|
|
|
|
}
|
|
|
|
|
}
|
|
|
|
|
&-grey-outline {
|
|
|
|
|
@include button-style(transparent, #727272, #FAFAFA, #727272, #727272);
|
|
|
|
|
@include button-outline(#727272);
|
|
|
|
|
background: none;
|
|
|
|
|
box-shadow: none;
|
2018-07-09 18:22:11 +02:00
|
|
|
}
|
2018-03-24 10:10:22 +09:00
|
|
|
}
|