Skip to content

Instantly share code, notes, and snippets.

Created June 28, 2023 17:44
  • Star 0 You must be signed in to star a gist
  • Fork 0 You must be signed in to fork a gist
Star You must be signed in to star a gist
What would you like to do?
Example stylesheet for use within Anvil - completely control the brand and style of your Anvil Webforms and Etch Packets.
@import url(';600;700&display=swap');
.forge-flow {
font-family: 'Open Sans', sans-serif;
background-color: #fff;
#page-title {
margin-bottom: 30px;
#page-title::after {
display: none;
.form-group .ant-form-item-label {
padding-bottom: 8px;
.form-group label > span {
color: #7B858E;
font-size: 14px;
font-weight: 600;
.form-group input {
border: 1px solid #DCDDE2;
border-radius: 5px;
font-size: 14px;
padding: 10px 15px;
}[disabled] .button-circle {
background: transparent !important;
.forge-flow > div:last-child {
background: #f8f8f8;
box-shadow: none;
body .ant-input:hover,
body .ant-input:focus,
body .ant-input:active,
body .ant-form-item-has-error .ant-input:hover,
body .ant-form-item-has-error .ant-input:active,
body .ant-form-item-has-error .ant-input:focus {
border-right-width: 1px !important;
.form-group input:focus {
border: 1px solid #4a4dcd;
background-color: #F5F7FE;
.ant-btn {
border-radius: 5px;
.ant-btn.ant-btn-cta:active {
background: #3740F5;
color: white;
.ant-btn.ant-btn-link:active {
color: #3740F5;
Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment