0% found this document useful (0 votes)
22 views5 pages

Rando 8

The document contains style definitions for typographic elements like headings, paragraphs, and other HTML elements. It defines font sizes, families, colors, and other styling properties using CSS variables to customize typographic styles.

Uploaded by

D Hernandez
Copyright
© © All Rights Reserved
We take content rights seriously. If you suspect this is your content, claim it here.
Available Formats
Download as TXT, PDF, TXT or read online on Scribd
0% found this document useful (0 votes)
22 views5 pages

Rando 8

The document contains style definitions for typographic elements like headings, paragraphs, and other HTML elements. It defines font sizes, families, colors, and other styling properties using CSS variables to customize typographic styles.

Uploaded by

D Hernandez
Copyright
© © All Rights Reserved
We take content rights seriously. If you suspect this is your content, claim it here.
Available Formats
Download as TXT, PDF, TXT or read online on Scribd
You are on page 1/ 5

element.

style {
}
h1 {
font-size: var(--text-xxl);
}
h1, h2, h3, h4, h5, h6, .heading {
font-family: var(--header-font);
font-weight: bold;
line-height: 1.5em;
color: #1e1e2c;
color: var(--header-color);
}
h1 {
font-size: var(--text-xxl);
}
h1, h2, h3, h4, h5, h6, .heading {
font-family: var(--header-font);
font-weight: bold;
line-height: 1.5em;
color: #1e1e2c;
color: var(--header-color);
}
h1, h2, h3, h4, h5, h6, p, blockquote, pre, a, abbr, acronym, address, cite, code,
del, dfn, em, img, q, s, samp, small, strike, strong, sub, sup, tt, var, dd, dl,
dt, li, ol, ul, fieldset, form, label, legend, table, caption, tbody, tfoot, thead,
tr, th, td {
margin: 0;
padding: 0;
border: 0;
font-size: 100%;
line-height: 1.25em;
font-family: inherit;
}
*, ::before, ::after {
-webkit-box-sizing: border-box;
-moz-box-sizing: border-box;
box-sizing: border-box;
}
*, ::before, ::after {
-webkit-box-sizing: border-box;
-moz-box-sizing: border-box;
box-sizing: border-box;
}
user agent stylesheet
h1 {
display: block;
font-size: 2em;
margin-block-start: 0.67em;
margin-block-end: 0.67em;
margin-inline-start: 0px;
margin-inline-end: 0px;
font-weight: bold;
}
body {
color: #000000;
color: var(--text-color);
background-color: #FFFFFF;
background-color: var(--body-background-color);
font-family: var(--body-font);
font-size: 87.5%;
line-height: 1.25em;
}
body {
color: #000000;
color: var(--text-color);
background-color: #FFFFFF;
background-color: var(--body-background-color);
font-family: var(--body-font);
font-size: 87.5%;
line-height: 1.25em;
}
:root {
--text-xs: 0.8em;
--text-sm: 0.9em;
--text-md: 1em;
--text-lg: 1.16667em;
--text-xl: 1.5em;
--text-xxl: 2em;
--header-font: Tahoma, Verdana, Helvetica, sans-serif;
--body-font: Verdana, Helvetica, sans-serif;
--monospace-font: 1.2em monospace;
}
:root {
--text-xs: 0.8em;
--text-sm: 0.9em;
--text-md: 1em;
--text-lg: 1.16667em;
--text-xl: 1.5em;
--text-xxl: 2em;
--header-font: Tahoma, Verdana, Helvetica, sans-serif;
--body-font: Verdana, Helvetica, sans-serif;
--monospace-font: 1.2em monospace;
}
:root {
--text-xs: 0.8em;
--text-sm: 0.9em;
--text-md: 1em;
--text-lg: 1.16667em;
--text-xl: 1.5em;
--text-xxl: 2em;
--header-font: Tahoma, Verdana, Helvetica, sans-serif;
--body-font: Verdana, Helvetica, sans-serif;
--monospace-font: 1.2em monospace;
}
:root {
--text-xs: 0.8em;
--text-sm: 0.9em;
--text-md: 1em;
--text-lg: 1.16667em;
--text-xl: 1.5em;
--text-xxl: 2em;
--header-font: Tahoma, Verdana, Helvetica, sans-serif;
--body-font: Verdana, Helvetica, sans-serif;
--monospace-font: 1.2em monospace;
}
:root {
--text-xs: 0.8em;
--text-sm: 0.9em;
--text-md: 1em;
--text-lg: 1.16667em;
--text-xl: 1.5em;
--text-xxl: 2em;
--header-font: Tahoma, Verdana, Helvetica, sans-serif;
--body-font: Verdana, Helvetica, sans-serif;
--monospace-font: 1.2em monospace;
}
:root {
--text-xs: 0.8em;
--text-sm: 0.9em;
--text-md: 1em;
--text-lg: 1.16667em;
--text-xl: 1.5em;
--text-xxl: 2em;
--header-font: Tahoma, Verdana, Helvetica, sans-serif;
--body-font: Verdana, Helvetica, sans-serif;
--monospace-font: 1.2em monospace;
}
html {
--body-background-color: var(--white);
--text-color: var(--black);
--inverse-text-color: var(--white);
--muted-text-color: var(--grey-4);
--header-color: var(--grey-9);
--link-color: var(--blue-5);
--link-hover-color: var(--blue-3);
--error-background-color: var(--red-1);
--success-background-color: var(--green-0);
--target-background: var(--yellow-0);
--subnav-menu-background-color: var(--blue-0);
--responsive-menu-background-color: var(--blue-1);
--form-input-text-color: var(--text-color);
--form-input-background: var(--body-background-color);
--form-input-border-color: var(--grey-2);
--form-input-placeholder-text-color: var(--grey-4);
--form-input-validation-error-border-color: var(--red-4);
--form-input-validation-error-text-color: var(--red-5);
--form-button-text-color: var(--text-color);
--form-button-background: var(--grey-1);
--form-button-border-color: var(--grey-2);
--form-button-hover-background: var(--grey-0);
--form-button-hover-box-shadow-color: var(--grey-5);
--form-button-active-background: var(--grey-2);
--button-primary-text-color: var(--white);
--button-primary-background-color: var(--link-color);
--button-primary-hover-background-color: var(--link-hover-color);
--button-primary-disabled-color: var(--grey-5);
--button-outline-primary-color: var(--link-color);
--quick-search-form-background: var(--body-background-color);
--user-upgrade-basic-background-color: var(--blue-0);
--user-upgrade-gold-background-color: var(--yellow-1);
--user-upgrade-platinum-background-color: var(--blue-1);
--table-header-border-color: var(--grey-6);
--table-row-border-color: var(--grey-2);
--table-row-hover-background: var(--blue-1);
--table-even-row-background: var(--grey-0);
--preview-pending-color: var(--blue-5);
--preview-flagged-color: var(--red-5);
--preview-deleted-color: var(--grey-9);
--preview-has-children-color: var(--green-3);
--preview-has-parent-color: var(--yellow-3);
--preview-selected-color: rgba(0, 0, 0, 0.15);
--preview-icon-color: var(--inverse-text-color);
--preview-icon-background: rgba(0, 0, 0, 0.5);
--modqueue-tag-warning-color: var(--red-1);
--uploads-dropzone-background: var(--grey-1);
--uploads-dropzone-progress-bar-foreground-color: var(--link-color);
--uploads-dropzone-progress-bar-background-color: var(--link-hover-color);
--forum-vote-up-color: var(--green-5);
Show All Properties (104 more)
}
html {
--grey-0: #f6f6f8;
--grey-1: #e8e8ec;
--grey-2: #d1d1da;
--grey-3: #ababbc;
--grey-4: #9192a7;
--grey-5: #777892;
--grey-6: #5b5c79;
--grey-7: #3f4058;
--grey-8: #2c2d3f;
--grey-9: #1e1e2c;
--red-0: #fff4f4;
--red-1: #fbe3e3;
--red-2: #ffc3c3;
--red-3: #ff8a8b;
--red-4: #ff5a5b;
--red-5: #ed2426;
--red-6: #c00004;
--red-7: #861011;
--red-8: #5c1313;
--red-9: #391313;
--orange-0: #fff4f0;
--orange-1: #ffe2d5;
--orange-2: #ffc5a5;
--orange-3: #fd9200;
--orange-4: #d97c00;
--orange-5: #b56700;
--orange-6: #8d4f00;
--orange-7: #653700;
--orange-8: #482500;
--orange-9: #331900;
--yellow-0: #fdf6e6;
--yellow-1: #f7e7c3;
--yellow-2: #ead084;
--yellow-3: #ccaa00;
--yellow-4: #ae9100;
--yellow-5: #917800;
--yellow-6: #705d00;
--yellow-7: #504100;
--yellow-8: #382d00;
--yellow-9: #271f04;
--green-0: #e8fce9;
--green-1: #cbf2ce;
--green-2: #93e49a;
--green-3: #35c64a;
--green-4: #00ab2c;
--green-5: #008e23;
--green-6: #006e19;
--green-7: #004e0f;
--green-8: #003708;
--green-9: #002604;
Show All Properties (43 more)
}
html {
overflow-y: scroll;
font-size: 100%;
-webkit-text-size-adjust: 100%;
-ms-text-size-adjust: 100%;
}
*, ::before, ::after {
-webkit-box-sizing: border-box;
-moz-box-sizing: border-box;
box-sizing: border-box;
}
*, ::before, ::after {
-webkit-box-sizing: border-box;
-moz-box-sizing: border-box;
box-sizing: border-box;
}
*, ::before, ::after {
-webkit-box-sizing: border-box;
-moz-box-sizing: border-box;
box-sizing: border-box;
}
*, ::before, ::after {
-webkit-box-sizing: border-box;
-moz-box-sizing: border-box;
box-sizing: border-box;
}

You might also like