nocodesupplyco

const config = input.config ({
    title: 'Airtable <> Webflow sync',
    description: 'An example script that could be used to send or update records from Airtable to Webflow',
    items: [
        input.config.text ('apiKey', {
            label: 'Webflow API Key',
            description: 'note: anyone with access to this base can see your API key'
        }),
        input.config.text('webflowSiteID',{
            label:'Webflow Site ID',

nocodesupplyco

/* Static values */
font-size: clamp(1rem, 2.5vw, 2rem); 
width: clamp(20rem, 30vw, 70rem);

/* Calculated values */
width: clamp(100px, calc(30% / 2rem + 10px), 900px);

nocodesupplyco

@media (prefers-color-scheme: dark) {
 --lightness: 90%;
 --text-1: hsl(200 10% var(--lightness));
}

/*Other uses:*/
@media (prefers-contrast: high) {...}
@media (prefers-reduce-transparency: reduce) {...}
@media (forced-colors: high) {...}
@media (light-level: dim) {...}

nocodesupplyco

/*example motion*/
animation: wobbley 1s linear infinite;

@media (prefers-reduced-motion: reduce) {
  /*example motion altered for reduced preference*/
	animation: cross-fade 3s ease-in-out infinite;
}

nocodesupplyco

<meta name="robots" content="noindex, nofollow">

nocodesupplyco

/*Horizontal snap*/
.section {
	overflow-x: auto;
	overscroll-behavior-x: contain;
	scroll-snap-type: x mandatory;
}

.section > .picture {
	scroll-snap-align: start;
}