/home/arranoyd/telegastro/wp-content/plugins/user-registration/assets/css/components/_button.scss
.user-registration,
.ur-form-container {
button,
.button {
transition: all 0.25s ease 0s;
box-shadow: 0 1px 3px transparentize($color_gray_three, 0.85);
+ button,
+ .button {
margin-left: 6px;
}
&.button-icon {
width: 32px;
padding: 0;
text-align: center;
.dashicons {
line-height: 0.9;
vertical-align: middle;
}
svg {
display: block;
margin: 0 auto;
}
}
&.button-icon-round {
border-radius: 50%;
}
&.is-active {
background: $primary_color;
color: $white;
border-color: $primary_color;
&:hover,
&:active,
&:focus {
background: $primary_color;
color: $white;
border-color: $primary_color;
}
}
.ur-spinner {
width: 16px;
height: 16px;
margin-left: 6px;
margin-bottom: 2px;
display: inline-block;
vertical-align: middle;
}
}
.button-primary {
background: $primary_color;
border-color: $primary_color;
box-shadow: 0 1px 0 $primary_color;
text-shadow: none;
&:hover,
&:active,
&:focus {
background: $primary_dark;
border-color: $primary_dark;
box-shadow: 0 1px 0 $primary_dark;
}
&:disabled {
color: lighten($primary_color, 30%) !important;
background: lighten($primary_color, 10%) !important;
border-color: lighten($primary_color, 10%) !important;
}
}
.button-secondary {
color: $gray_base;
background: $color_gray_four;
border-color: $color_gray_four;
box-shadow: 0 1px 0 $color_gray_four;
&:hover,
&:active,
&:focus {
color: $gray_base;
background: $color_gray_three;
border-color: $color_gray_three;
}
}
.button-tertiary {
background: $white;
color: $gray_base;
border: 1px solid $border-color;
&:hover,
&:active,
&:focus {
background: $color_gray_five;
border-color: $border-color;
}
}
.button-danger {
color: $white;
background: $red;
border-color: $red;
box-shadow: 0 1px 0 $red;
&:hover,
&:active,
&:focus {
color: $white;
background: adjust-color($red, $saturation: -15%, $lightness: -8% );
border-color: adjust-color($red, $saturation: -15%, $lightness: -8% );
box-shadow: 0 1px 0 adjust-color($red, $saturation: -15%, $lightness: -8% );
}
}
// .publishing-action {
// button,
// input[type='button'],
// input[type='submit'],
// .button {
// margin-right: 5px;
// }
// }
}
.user-registration-button-group {
position: relative;
display: inline-flex;
vertical-align: middle;
> button,
.button {
&:not(:first-child) {
margin-left: -1px;
border-top-left-radius: 0;
border-bottom-left-radius: 0;
}
}
> button,
.button {
&:not(:last-child) {
border-top-right-radius: 0;
border-bottom-right-radius: 0;
}
}
button,
.button {
margin-right: 0 !important;
}
}
.ur-registered-item.ui-draggable-dragging {
padding: 10px 10px;
line-height: 20px;
background: $primary_color;
color: $white;
text-align: center;
margin-bottom: 7px;
word-break: break-word;
white-space: normal;
width: 200px !important;
z-index: 9;
span {
font-size: 14px;
line-height: 20px;
width: auto;
height: auto;
margin-right: 3px;
}
}
.select2-container {
.ur-select-all-countries-button {
margin: 6px 3px 4px 6px;
}
.ur-unselect-all-countries-button {
margin: 6px 3px 4px;
}
}