| Current Path : /home/zieirix/www/templates/it_medical/blueprints/styles/ |
| Current File : /home/zieirix/www/templates/it_medical/blueprints/styles/breakpoints.yaml |
name: Breakpoints
description: Breakpoint container sizes for different viewports
type: configuration
form:
fields:
large-desktop-container:
type: input.text
label: Large Desktop
description: Set breakpoint size in rem, em, or px unit values
default: "75rem"
pattern: '\d+(\.\d+){0,1}(rem|em|ex|ch|vw|vh|vmin|vmax|%|px|cm|mm|in|pt|pc)'
desktop-container:
type: input.text
label: Desktop
description: Set breakpoint size in rem, em, or px unit values
default: "60rem"
pattern: '\d+(\.\d+){0,1}(rem|em|ex|ch|vw|vh|vmin|vmax|%|px|cm|mm|in|pt|pc)'
tablet-container:
type: input.text
label: Tablet
description: Set breakpoint size in rem, em, or px unit values
default: "48rem"
pattern: '\d+(\.\d+){0,1}(rem|em|ex|ch|vw|vh|vmin|vmax|%|px|cm|mm|in|pt|pc)'
large-mobile-container:
type: input.text
label: Mobile
description: Set breakpoint size in rem, em, or px unit values
default: "30rem"
pattern: '\d+(\.\d+){0,1}(rem|em|ex|ch|vw|vh|vmin|vmax|%|px|cm|mm|in|pt|pc)'
mobile-menu-breakpoint:
type: input.text
label: Mobile Menu
description: Set breakpoint size in rem, em, or px unit values
default: "48rem"
pattern: '\d+(\.\d+){0,1}(rem|em|ex|ch|vw|vh|vmin|vmax|%|px|cm|mm|in|pt|pc)'