made search button change colors on click

pull/2/head
Rebecca Hollis 5 years ago
parent 0e742c0aba
commit d5e95db8f3

@ -124,6 +124,21 @@ body {
outline: none;
}
.sb-example-1 .searchbutton:focus {
width: 40px;
height: 50px;
border: 1px solid;
border-color: map-get($theme-colors, boxborder2);
background-color: map-get($theme-colors, searchbuttonfillfocus);
text-align: center;
fill: map-get($theme-colors, searchiconfocus);
border-radius: 0 25px 25px 0;
cursor: pointer;
font-weight: normal;
box-shadow: none;
outline: none;
}
.fixed-top {
outline: none;
}

@ -16,7 +16,9 @@ $theme-colors: (
"searchfont": #9f9c9a,
"sidebarfill": #202023,
"searchbuttonfill": #39393f,
"searchbuttonfillfocus": #3e3e45,
"searchicon": #737373,
"searchiconfocus": #878787,
"sidebartext": #787572,
"sidebarbg": #29292d,
"webcardimagebackground": #707070,

@ -4,7 +4,7 @@ $theme-colors: (
"success": #0B031C,
"info": #f9f9f9,
"warning": #700000,
"navbartext": #080404,
"navbartext": #3f4a5a,
"navbartextfeather": #080404,
"navbartextactive": #080404,
"inactivecard": #ffffff,
@ -18,14 +18,16 @@ $theme-colors: (
"sidebartext": #3f4959,
"sidebarbg": #e5e5e5,
"searchbuttonfill": #f6f6f6,
"searchicon": #545455,
"searchbuttonfillfocus": #f2f2f2,
"searchicon": #3f4959,
"searchiconfocus": #38414f,
"webcardimagebackground": #eeeeee,
"webcardimagebackgroundhover": #f0f0f0,
"headertextcolor": #080404,
"headertextcolorhover": #ffffff,
"paragraphtextcolor": #080404,
"paragraphtextcolorhover": #ffffff,
"themebuttonoutline": #434344,
"themebuttonoutline": #3f4a5a,
"inactiveaccordion": #efefef,
"activeaccordion": #ffffff,
"inactivetextaccordion": #3f4959,

Loading…
Cancel
Save