SuiteCRM/SuiteCRM-Core
2
0
Fork 0
mirror of https://github.com/SuiteCRM/SuiteCRM-Core.git synced 2025-08-29 07:50:08 +08:00
Code Issues Projects Packages Activity Actions

Define main, primary and secondary button colors

Browse source 
- Define main, primary and secondary color variables
- Add main, primary and secondary button styling
This commit is contained in:
Clemente Raposo 2021-01-11 17:38:07 +00:00 • committed by Dillon-Brown
parent b6bbbf26ed
commit bf4bce5945
2 changed files with 33 additions and 0 deletions
Download patch file Download diff file Expand all files Collapse all files

7
core/app/themes/suite8/css/abstracts/_variables.scss
View file

@ -52,6 +52,13 @@ $light-purple: #8d74cc;
$wild-willow-green: #c6ca6b;
/* --------- PREDEFINED STYLES ---------- */
$main: $midnight-blue;
$primary: $cool-blue;
$secondary: $nepal-grey;
/* --------- BREAKPOINTS ---------- */
$breakpoint-xxsmall: 12em;

26
core/app/themes/suite8/css/components/_button.scss
View file

@ -15,6 +15,32 @@ button {
display: inline-block;
}
.btn-main {
color: #fff;
background-color: $main;
border-color: $main;
}
.btn-primary {
color: #fff;
background-color: $primary;
border-color: $primary;
}
.btn-secondary {
color: #fff;
background-color: $secondary;
border-color: $secondary;
}
.btn-main:hover,
.btn-primary:hover,
.btn-secondary:hover {
color: $white;
background-color: $bright-orange;
border-color: $bright-orange;
}
.login-button {
background-color: $coral-pink;
letter-spacing: 0.1em;