Update Fillout CSS

This commit is contained in:
Gus Ruben 2025-08-04 11:38:56 -04:00
parent 0196a1f759
commit 0888100c16

View file

@ -40,7 +40,7 @@ h1, h2, h3, h4, h5, h6 {
/* Button styling - matching the "get free stickers" button */
[data-cy="button-component"] {
display: inline-block;
display: inline-flex;
padding: 8px 16px;
background-color: #E472AB;
border: none;
@ -61,6 +61,7 @@ h1, h2, h3, h4, h5, h6 {
[data-cy="button-component"]:hover {
box-shadow: 0 2px 0 0 #A65A80;
transform: translateY(-2px);
background-color: #E472AB !important;
}
[data-cy="button-component"]:active {
@ -136,8 +137,27 @@ a {
color: #548abb;
}
/* the "- Or -" divider */
.text-sm > span.px-2 {
background-color: #FFFBDF !important;
}
/* make the 'Thank You' text use the header font */
.fillout-field-thank-you > div > div > div:not(.mt-\[3px\]) p {
font-family: 'Expensify New Kansas', ui-serif, serif !important;
font-style: italic;
}
/* make the checkbox text clickable */
div:has(> div > [role="checkbox"]) p {
cursor: pointer !important;
}
/* 'sign in with google' button */
[data-cy="button-component"] .text-blue-500 {
color: white !important;
}
.fillout-field-send-response > div {
background: #fffef2;
}