_button.scss
4 years ago
_checkbox.scss
4 years ago
_currencyswitcher.scss
4 years ago
_donate-now.scss
4 years ago
_donation-amount.scss
4 years ago
_donation-summary.scss
4 years ago
_errors-notices.scss
4 years ago
_ffm.scss
4 years ago
_fn.scss
4 years ago
_funds.scss
4 years ago
_grid.scss
4 years ago
_header.scss
4 years ago
_icons.scss
4 years ago
_label.scss
4 years ago
_legacy-consumer.scss
4 years ago
_page.scss
4 years ago
_payment-details.scss
4 years ago
_personal-info.scss
4 years ago
_radio.scss
4 years ago
_receipt.scss
4 years ago
_reset.scss
4 years ago
_section.scss
4 years ago
_stripe-checkout-modal.scss
4 years ago
_terms.scss
4 years ago
_text-input.scss
4 years ago
_tooltip.scss
4 years ago
_tributes.scss
4 years ago
_variables.scss
4 years ago
form.scss
4 years ago
variables.php
4 years ago
_fn.scss
13 lines
| 1 | @use 'sass:math'; |
| 2 | @use 'variables'; |
| 3 | |
| 4 | // @see https://css-tricks.com/linearly-scale-font-size-with-css-clamp-based-on-the-viewport/ |
| 5 | @function scaleBetween($minFontSize, $maxFontSize) { |
| 6 | $maxWidth: variables.$containerMaxWidth; |
| 7 | $minWidth: variables.$desktopMinWidth; |
| 8 | $slope: math.div(($maxFontSize - $minFontSize), ($maxWidth - $minWidth)); |
| 9 | $yAxisIntersection: -$minWidth * $slope + $minFontSize; |
| 10 | |
| 11 | @return clamp($minFontSize, $yAxisIntersection + ($slope * 100vw), $maxFontSize); |
| 12 | } |
| 13 |