UNPKG

dap-design-system

Version:

Official design system for the DÁP (www.dap.gov.hu)

86 lines (74 loc) 2.12 kB
*, *::before, *::after { box-sizing: border-box; /* Set the sizing of an element to include it's border */ outline: none; } * :not(dap-ds-table-cell, dap-ds-table-header) { margin: 0; /* Set the default margin to 0 */ padding: 0; /* Set the default padding to 0 */ } html:focus-within { scroll-behavior: smooth; /* Make the scrolling inside of any scrollable element smooth */ } a:not([class]) { text-decoration-skip-ink: auto; /* Makes link undelines look better */ } img, picture, svg, video, canvas { max-width: 100%; /* Makes it responsive */ height: auto; /* Makes it responsive */ background-repeat: no-repeat; /* The background repeat and size are there if you want to load a picture first like a backroung image that is worse quality while the better quality image loads */ background-size: cover; font-style: italic; /* If the images don't load it makes the alt decription look better */ vertical-align: middle; /* Makes text next to inline images look better */ } input, button, textarea, select { font: inherit; /* Makes these elements inherit fonts */ } [hidden] { display: none !important; } /* Turns off animation for people who don't want to see them */ @media (prefers-reduced-motion: reduce) { html:focus-within { scroll-behavior: auto; } *, *::before, *::after { transition: none; transition-duration: 0.01ms !important; transition-delay: 1ms !important; animation-duration: 1ms !important; animation-delay: -1ms !important; animation-iteration-count: 1 !important; background-attachment: initial !important; scroll-behavior: auto !important; } } body, html { height: 100%; /* Makes the body element full screen */ scroll-behavior: smooth; /* Makes normal scrolling smooth */ -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; } /* stylelint-disable */ /* number input arrows reset FF */ input[type='number'] { appearance: textfield; } /* stylelint-enable */ /* number input arrows reset FF */ input::-webkit-outer-spin-button, input::-webkit-inner-spin-button { appearance: none; }