Skip to content
Snippets Groups Projects
Commit 7469b8c0 authored by Eric Bremner's avatar Eric Bremner
Browse files

ISTWCMS-5509: adding minimum to have PL running

parent 45f072d2
No related branches found
No related tags found
No related merge requests found
Showing
with 200 additions and 0 deletions
@forward 'mixins';
@forward 'props/media';
// @file
// Address element styles.
:where(address) {
font-style: normal;
margin-bottom: var(--size-2);
line-height: inherit;
}
// @file
// Area element styles.
:where(area) {
cursor: pointer;
touch-action: manipulation;
}
// @file
// Article element styles.
// :where(article) {}
// @file
// Aside element styles.
// :where(aside) {}
// @file
// Audio element styles.
:where(audio) {
display: block;
&:not([controls]) {
display: none;
height: 0;
}
}
// @file
// Blockquote styles.
:where(blockquote) {
border-inline-start-width: var(--border-size-3);
display: grid;
font-size: var(--font-size-2);
gap: var(--size-3);
margin: 0 0 var(--size-5);
max-inline-size: var(--size-content-2);
padding-block: var(--size-3);
padding-inline: var(--size-4);
* + & {
margin-top: var(--size-5);
}
p {
color: inherit;
font-family: inherit;
font-size: inherit;
font-weight: inherit;
line-height: inherit;
}
@media print {
page-break-inside: avoid;
}
}
:where(:not(blockquote) > cite) {
padding-inline-start: var(--size-2);
}
// @file
// Body styles.
:where(body) {
margin: 0;
min-block-size: 100%;
padding: 0;
scrollbar-gutter: stable both-edges;
word-wrap: break-word;
}
// @file
// Button element styles.
@use '../../01-core' as *;
:where(button) {
font: inherit;
font-size: inherit;
color: inherit;
letter-spacing: inherit;
}
:where(button label[for]) {
cursor: pointer;
touch-action: manipulation;
}
// @file
// Canvas element styles.
:where(canvas) {
display: block;
}
// @file
// Datalist element styles.
// :where(datalist) {}
// @file
// Definition list styles.
:where(dd) {
max-inline-size: var(--size-content-2);
margin-bottom: var(--size-4);
dt + & {
margin-top: 0;
}
}
:where(dt) {
font-weight: var(--font-weight-700);
max-inline-size: var(--size-header-3);
&:not(:first-of-type) {
margin-block-start: var(--size-5);
}
}
:where(dl) {
font-size: var(--font-size-2);
}
// @file
// Details element styles.
:where(details) {
background: var(--gray-2);
border-radius: var(--radius-2);
padding-block: var(--size-2);
padding-inline: var(--size-3);
&[open] > summary {
border-end-end-radius: 0;
border-end-start-radius: 0;
margin-bottom: var(--size-2);
}
p:last-child {
margin-bottom: 0;
}
}
:where(summary) {
background: var(--gray-3);
border-radius: var(--radius-2);
cursor: pointer;
font-weight: var(--font-weight-700);
margin: calc(var(--size-2) * -1) calc(var(--size-3) * -1);
padding: var(--size-2) var(--size-3);
touch-action: manipulation;
}
// @file
// Dialog element styles.
:where(dialog) {
background-color: var(--gray-0);
color: inherit;
border-radius: var(--radius-3);
box-shadow: var(--shadow-6);
&::backdrop {
backdrop-filter: blur(25px);
}
}
// @file
// Embed element styles.
:where(embed) {
display: block;
}
// @file
// Fieldset element styles.
:where(fieldset) {
border-radius: var(--radius-2);
border: var(--border-size-1) solid var(--gray-4);
}
// @file
// Figure element styles.
// :where(figure) {}
// @file
// Footer element styles.
// :where(footer) {}
// @file
// Form element styles.
// :where(form) {}
// @file
// Header element styles.
// :where(header) {}
0% Loading or .
You are about to add 0 people to the discussion. Proceed with caution.
Finish editing this message first!
Please register or to comment