properties
changelog

Content Overflow

Handle overflowing content.

Usage:

  • @layout overflow-*;
  • @layout overflow-x-*;
  • @layout overflow-y-*;

Reference

shilp.config.js
const shilpConfig = {
	source: "react",

	properties: {
		layout: {
			overflow: {
				DEFAULT: {
					property: "overflow: <v><i>;",
					values: {
						auto: "auto",
						visible: "visible",
						hidden: "hidden",
						scroll: "scroll",
					},
				},

				x: {
					property: "overflow-x: <v><i>;",
					values: {
						auto: "auto",
						visible: "visible",
						hidden: "hidden",
						scroll: "scroll",
					},
				},

				y: {
					property: "overflow-y: <v><i>;",
					values: {
						auto: "auto",
						visible: "visible",
						hidden: "hidden",
						scroll: "scroll",
					},
				},
			},
		},
	},
};

export default shilpConfig;