3 Custom BS buttons

3 Custom-made button colors using Bootstrap.
Because I suck at graphics, I always need to use other peoples beautiful graphics.
Those were made using https://www.bootstrapbuttons.com/. exactly what I was looking for.

Called them ANmaBlue2023, ANmagenta2023 and ANmaGreen2023

CodeFunctionName
What is this?

Public

Tested

Imported
<a href="#" class="btn btn-ANmaBlue2023" >ANmaBlue2023 Button </a >
.btn-ANmaBlue2023 {
color: #fff;
background-color: #197E9E;
border-color: #197E9E;
}
.btn-ANmaBlue2023:hover, .btn-ANmaBlue2023:active {
color: #fff;
background-color: #006080;
border-color: #006080;
}
.btn-ANmaBlue2023.focus, .btn-ANmaBlue2023:focus {
color: #fff;
background-color: #006080;
border-color: #006080;
box-shadow: 0 0 0 0.2rem rgb(25 126 158 / 50%);
}

<a href="#" class="btn btn-ANmagenta2023" >ANmagenta2023 Button </a >
.btn-ANmagenta2023 {
color: #fff;
background-color: #AC2873;
border-color: #AC2873;
}
.btn-ANmagenta2023:hover, .btn-ANmagenta2023:active {
color: #fff;
background-color: #8e0a55;
border-color: #8e0a55;
}
.btn-ANmagenta2023.focus, .btn-ANmagenta2023:focus {
color: #fff;
background-color: #8e0a55;
border-color: #8e0a55;
box-shadow: 0 0 0 0.2rem rgb(172 40 115 / 50%);
}

<a href="#" class="btn btn-ANmaGreen2023" >ANmaGreen2023 Button </a >
.btn-ANmaGreen2023 {
color: #fff;
background-color: #1F7953;
border-color: #1F7953;
}
.btn-ANmaGreen2023:hover, .btn-ANmaGreen2023:active {
color: #fff;
background-color: #015b35;
border-color: #015b35;
}
.btn-ANmaGreen2023.focus, .btn-ANmaGreen2023:focus {
color: #fff;
background-color: #015b35;
border-color: #015b35;
box-shadow: 0 0 0 0.2rem rgb(31 121 83 / 50%);
}



Views 120

Downloads 34

CodeID
DB ID