/* ---------------------------------------------------------------- theme-framework.css Gravity Forms Theme Framework & CSS API For Survey Add-On https://www.gravityforms.com Theme dependencies: - Gravity Forms Theme Reset: gravity-forms-theme-reset.css - Gravity Forms Theme Foundation: gravity-forms-theme-foundation.css - Gravity Forms Theme Foundation for Survey Add-On: theme-foundation.css Gravity Forms is a Rocketgenius project copyright 2008-2023 Rocketgenius Inc. https://www.rocketgenius.com this may not be re-distributed without the express written permission of the author. NOTE: DO NOT EDIT THIS FILE! THIS FILE IS REPLACED DURING AUTO UPGRADE AND ANY CHANGES MADE HERE WILL BE OVERWRITTEN. ---------------------------------------------------------------- */ /* Global API: Handles the top-level global CSS API */ /* ----------------------------------------------------------------------------- * * Global API * * This file is just a clearing-house. * Make partials (start with an underscore) elsewhere for actual code. * * ----------------------------------------------------------------------------- */ /* Fields */ /* Gravity Forms Theme Framework | Survey Add-On | Global CSS API: Fields - Likert */ .gform-theme--framework { --gf-survey-field-likert-row-odd-bg-color: #f2f3f5; } /* Gravity Forms Theme Framework | Survey Add-On | Global CSS API: Fields - Likert */ .gform-theme--framework { --gf-survey-icon-control-rank: url("data:image/svg+xml,%3Csvg width='8' height='14' viewBox='0 0 8 14' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath fill-rule='evenodd' clip-rule='evenodd' d='M4 0C4.26522 5.96046e-08 4.51957 0.105357 4.70711 0.292893L7.70711 3.29289C8.09763 3.68342 8.09763 4.31658 7.70711 4.70711C7.31658 5.09763 6.68342 5.09763 6.29289 4.70711L4 2.41421L1.70711 4.70711C1.31658 5.09763 0.683417 5.09763 0.292893 4.70711C-0.0976311 4.31658 -0.097631 3.68342 0.292893 3.29289L3.29289 0.292893C3.48043 0.105357 3.73478 0 4 0ZM0.292893 9.29289C0.683417 8.90237 1.31658 8.90237 1.70711 9.29289L4 11.5858L6.29289 9.29289C6.68342 8.90237 7.31658 8.90237 7.70711 9.29289C8.09763 9.68342 8.09763 10.3166 7.70711 10.7071L4.70711 13.7071C4.31658 14.0976 3.68342 14.0976 3.29289 13.7071L0.292893 10.7071C-0.0976311 10.3166 -0.0976311 9.68342 0.292893 9.29289Z' fill='%23686E77'/%3E%3C/svg%3E"); /* stylelint-disable-line function-url-quotes */ } /* Fields: Handles Gravity Forms field-level styles */ /* ----------------------------------------------------------------------------- * * Form * Gravity Form Parts * * This file is just a clearing-house. * Make partials (start with an underscore) elsewhere for actual code. * * ----------------------------------------------------------------------------- */ /* NOTE: Within the var() functions below, when two custom properties are specified, the first value is the updated Theme Framework CSS API property and the second value is the deprecated CSS API property. Deprecated version (core): 2.8 End of support version (core): 2.9 Deprecated version (survey): 3.8.1 */ .gform-theme--framework table.gsurvey-likert .gsurvey-likert-choice-label, .gform-theme--framework table.gsurvey-likert .gsurvey-likert-row-label { color: var(--gform-theme-control-label-color-primary); color: var(--gf-ctrl-label-color-primary, var(--gform-theme-control-label-color-primary)); font-family: var(--gform-theme-control-label-font-family-primary); font-family: var(--gf-ctrl-label-font-family-primary, var(--gform-theme-control-label-font-family-primary)); font-size: var(--gform-theme-control-label-font-size-primary); font-size: var(--gf-ctrl-label-font-size-primary, var(--gform-theme-control-label-font-size-primary)); font-style: var(--gform-theme-control-label-font-style-primary); font-style: var(--gf-ctrl-label-font-style-primary, var(--gform-theme-control-label-font-style-primary)); font-weight: var(--gform-theme-control-label-font-weight-primary); font-weight: var(--gf-ctrl-label-font-weight-primary, var(--gform-theme-control-label-font-weight-primary)); letter-spacing: var(--gform-theme-control-label-letter-spacing-primary); letter-spacing: var(--gf-ctrl-label-letter-spacing-primary, var(--gform-theme-control-label-letter-spacing-primary)); line-height: var(--gform-theme-control-label-line-height-primary); line-height: var(--gf-ctrl-label-line-height-primary, var(--gform-theme-control-label-line-height-primary)); } .gform-theme--framework table.gsurvey-likert tbody tr:nth-child(odd) { background-color: var(--gf-survey-field-likert-row-odd-bg-color); } .gform-theme--framework table.gsurvey-likert tbody tr:nth-child(even) { background-color: transparent; } .gform-theme--framework table.gsurvey-likert td:first-child { border-bottom-left-radius: min(var(--gform-theme-control-border-radius), 15px); border-bottom-left-radius: min(var(--gf-radius, var(--gform-theme-control-border-radius)), 15px); border-top-left-radius: min(var(--gform-theme-control-border-radius), 15px); border-top-left-radius: min(var(--gf-radius, var(--gform-theme-control-border-radius)), 15px); } .gform-theme--framework table.gsurvey-likert td:last-child { border-bottom-right-radius: min(var(--gform-theme-control-border-radius), 15px); border-bottom-right-radius: min(var(--gf-radius, var(--gform-theme-control-border-radius)), 15px); border-top-right-radius: min(var(--gform-theme-control-border-radius), 15px); border-top-right-radius: min(var(--gf-radius, var(--gform-theme-control-border-radius)), 15px); } @media only screen and (max-width: 761px), (min-device-width: 768px) and (max-device-width: 1024px) { .gform-theme--framework table.gsurvey-likert tr { border-radius: min(var(--gform-theme-control-border-radius), 15px); border-radius: min(var(--gf-radius, var(--gform-theme-control-border-radius)), 15px); -webkit-padding-after: 4px; padding-block-end: 4px; padding-inline: 12px; } .gform-theme--framework table.gsurvey-likert td::after { color: var(--gform-theme-control-label-color-primary); color: var(--gf-ctrl-label-color-primary, var(--gform-theme-control-label-color-primary)); font-family: var(--gform-theme-control-label-font-family-primary); font-family: var(--gf-ctrl-label-font-family-primary, var(--gform-theme-control-label-font-family-primary)); font-size: var(--gform-theme-control-label-font-size-primary); font-size: var(--gf-ctrl-label-font-size-primary, var(--gform-theme-control-label-font-size-primary)); font-style: var(--gform-theme-control-label-font-style-primary); font-style: var(--gf-ctrl-label-font-style-primary, var(--gform-theme-control-label-font-style-primary)); font-weight: var(--gform-theme-control-label-font-weight-primary); font-weight: var(--gf-ctrl-label-font-weight-primary, var(--gform-theme-control-label-font-weight-primary)); letter-spacing: var(--gform-theme-control-label-letter-spacing-primary); letter-spacing: var(--gf-ctrl-letter-spacing-primary, var(--gform-theme-control-label-letter-spacing-primary)); line-height: var(--gform-theme-control-label-line-height-primary); line-height: var(--gf-ctrl-label-line-height-primary, var(--gform-theme-control-label-line-height-primary)); -webkit-padding-start: 8px; padding-inline-start: 8px; position: relative; top: 2px; } .gform-theme--framework table.gsurvey-likert .gsurvey-likert-row-label { -webkit-padding-after: 4px; padding-block-end: 4px; -webkit-padding-start: 0; padding-inline-start: 0; } } .gform-theme--framework .gsurvey-rank-choice { background-image: var(--gf-survey-icon-control-rank); background-position: 0 center; background-repeat: no-repeat; background-size: 14px 14px; -webkit-padding-start: 27px; padding-inline-start: 27px; } html[dir="rtl"] .gform-theme--framework .gsurvey-rank-choice, body.rtl .gform-theme--framework .gsurvey-rank-choice { background-position: 100% center; } /*# sourceMappingURL=theme-framework.css.map */