/*
 * Meshki v3.0.0 (https://borderliner.github.io/Meshki/)
 * Copyright 2016-2024 Mohammadreza Hajianpour <hajianpour.mr@gmail.com>
 *
 * Licensed under the Apache License, Version 2.0 (the "License");
 * you may not use this file except in compliance with the License.
 * You may obtain a copy of the License at
 *
 *    http://www.apache.org/licenses/LICENSE-2.0
 *
 * Unless required by applicable law or agreed to in writing, software
 * distributed under the License is distributed on an "AS IS" BASIS,
 * WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.
 * See the License for the specific language governing permissions and
 * limitations under the License.
 */
@import '../../utils/module';
@import '../../base/colors';
@import 'colors';

// Yellow button
@include button-mixin('.yellow') {
  border: 2px $x-button-color-yellow solid !important;
  color: $x-button-color-yellow !important;
}

// Yellow button's hover
@include button-mixin('.yellow:hover') {
  background-color: $x-button-color-yellow !important;
  border-color: $x-button-color-yellow !important;
  color: $meshki-black !important;
}

// Yellow button's active
@include button-mixin('.yellow:active') {
  background-color: $x-button-color-yellow-active !important;
  border-color: $x-button-color-yellow-active !important;
  color: $meshki-black !important;
}

// Crimson button
@include button-mixin('.crimson') {
  border: 2px $x-button-color-crimson solid !important;
  color: $x-button-color-crimson !important;
}

// Crimson button's hover
@include button-mixin('.crimson:hover') {
  background-color: $x-button-color-crimson !important;
  border-color: $x-button-color-crimson !important;
  color: $text-color !important;
}

// Crimson button's active
@include button-mixin('.crimson:active') {
  background-color: $x-button-color-crimson-active !important;
  border-color: $x-button-color-crimson-active !important;
  color: $text-color !important;
}

// Purple button
@include button-mixin('.purple') {
  border: 2px $x-button-color-purple solid !important;
  color: $x-button-color-purple !important;
}

// Purple button's hover
@include button-mixin('.purple:hover') {
  background-color: $x-button-color-purple !important;
  border-color: $x-button-color-purple !important;
  color: $text-color !important;
}

// Purple button's active
@include button-mixin('.purple:active') {
  background-color: $x-button-color-purple-active !important;
  border-color: $x-button-color-purple-active !important;
  color: $text-color !important;
}

// Lime button
@include button-mixin('.lime') {
  border: 2px $x-button-color-lime solid !important;
  color: $x-button-color-lime !important;
}

// Lime button's hover
@include button-mixin('.lime:hover') {
  background-color: $x-button-color-lime !important;
  border-color: $x-button-color-lime !important;
  color: $meshki-black !important;
}

// Lime button's active
@include button-mixin('.lime:active') {
  background-color: $x-button-color-lime-active !important;
  border-color: $x-button-color-lime-active !important;
  color: $meshki-black !important;
}

// Brown button
@include button-mixin('.brown') {
  border: 2px $x-button-color-brown solid !important;
  color: $x-button-color-brown !important;
}

// Brown button's hover
@include button-mixin('.brown:hover') {
  background-color: $x-button-color-brown !important;
  border-color: $x-button-color-brown !important;
  color: $text-color !important;
}

// Brown button's active
@include button-mixin('.brown:active') {
  background-color: $x-button-color-brown-active !important;
  border-color: $x-button-color-brown-active !important;
  color: $text-color !important;
}

// Space button
@include button-mixin('.space') {
  border: 2px $x-button-color-space solid !important;
  color: $x-button-color-space !important;
}

// Space button's hover
@include button-mixin('.space:hover') {
  background-color: $x-button-color-space !important;
  border-color: $x-button-color-space !important;
  color: $text-color !important;
}

// Space button's active
@include button-mixin('.space:active') {
  background-color: $x-button-color-space-active !important;
  border-color: $x-button-color-space-active !important;
  color: $text-color !important;
}

// Rose button
@include button-mixin('.rose') {
  border: 2px $x-button-color-rose solid !important;
  color: $x-button-color-rose !important;
}

// Rose button's hover
@include button-mixin('.rose:hover') {
  background-color: $x-button-color-rose !important;
  border-color: $x-button-color-rose !important;
  color: $text-color !important;
}

// Rose button's active
@include button-mixin('.rose:active') {
  background-color: $x-button-color-rose-active !important;
  border-color: $x-button-color-rose-active !important;
  color: $text-color !important;
}

// Cyan button
@include button-mixin('.cyan') {
  border: 2px $x-button-color-cyan solid !important;
  color: $x-button-color-cyan !important;
}

// Cyan button's hover
@include button-mixin('.cyan:hover') {
  background-color: $x-button-color-cyan !important;
  border-color: $x-button-color-cyan !important;
  color: $meshki-black !important;
}

// Cyan button's active
@include button-mixin('.cyan:active') {
  background-color: $x-button-color-cyan-active !important;
  border-color: $x-button-color-cyan-active !important;
  color: $meshki-black !important;
}
