mirror of
https://bitbucket.org/wisemapping/wisemapping-frontend.git
synced 2024-11-16 03:57:55 +01:00
1050 lines
92 KiB
XML
1050 lines
92 KiB
XML
|
<!doctype html>
|
||
|
|
<html data-n-head-ssr lang="en" data-n-head="%7B%22lang%22:%7B%22ssr%22:%22en%22%7D%7D">
|
||
|
|
<head >
|
||
|
|
<title>Material Design Color, Flat Colors, Icons, Color Palette | Material UI</title><meta data-n-head="ssr" charset="utf-8"><meta data-n-head="ssr" name="viewport" content="width=device-width, initial-scale=1"><meta data-n-head="ssr" name="description" data-hid="description" content="🤘 Hey Designers & Developers! We have a set of tools that include Material Color Palette, Flat UI Color Palette, Icons, Unicodes & more."><meta data-n-head="ssr" name="keywords" data-hid="keywords" content="Material Design Colors, Color Palette, Material Icons, Flat UI Colors, Social Colors, Metro Colors, HTML Colors, Material Design Icons, Unicode Characters, Colors Picker"><meta data-n-head="ssr" property="og:title" data-hid="og:title" content="Material Design Color, Flat Colors, Icons, Color Palette | Material UI"><meta data-n-head="ssr" property="og:description" data-hid="og:description" content="🤘 Hey Designers & Developers! We have a set of tools that include Material Color Palette, Flat UI Color Palette, Icons, Unicodes & more."><meta data-n-head="ssr" property="og:url" data-hid="og:url" content="https://www.materialui.co/"><meta data-n-head="ssr" property="og:locale" data-hid="og:locale" content="en_US"><meta data-n-head="ssr" property="og:image:type" data-hid="og:image:type" content="image/png"><meta data-n-head="ssr" property="og:image:url" data-hid="og:image:url" content="https://www.materialui.co/img/social.jpg"><meta data-n-head="ssr" name="twitter:card" data-hid="twitter:card" content="summary_large_image"><meta data-n-head="ssr" name="twitter:title" data-hid="twitter:title" content="Material Design Color, Flat Colors, Icons, Color Palette | Material UI"><meta data-n-head="ssr" name="twitter:site" data-hid="twitter:site" content="@7spantech"><meta data-n-head="ssr" name="twitter:description" data-hid="twitter:description" content="🤘 Hey Designers & Developers! We have a set of tools that include Material Color Palette, Flat UI Color Palette, Icons, Unicodes & more."><meta data-n-head="ssr" name="twitter:url" data-hid="twitter:url" content="https://www.materialui.co/"><meta data-n-head="ssr" name="twitter:image" data-hid="twitter:image" content="https://www.materialui.co/img/social.jpg"><meta data-n-head="ssr" data-hid="charset" charset="utf-8"><meta data-n-head="ssr" data-hid="mobile-web-app-capable" name="mobile-web-app-capable" content="yes"><meta data-n-head="ssr" data-hid="apple-mobile-web-app-title" name="apple-mobile-web-app-title" content="MaterialUI"><meta data-n-head="ssr" data-hid="og:type" name="og:type" property="og:type" content="website"><meta data-n-head="ssr" data-hid="og:site_name" name="og:site_name" property="og:site_name" content="MaterialUI"><link data-n-head="ssr" rel="icon" type="image/x-icon" href="/favicon.gif"><link data-n-head="ssr" rel="stylesheet" href="https://fonts.googleapis.com/css2?family=Inter&Space+Mono:wght@400&family=Epilogue:wght@200;400;700&display=swap"><link data-n-head="ssr" data-hid="shortcut-icon" rel="shortcut icon" href="/_nuxt/icons/icon_64x64.6c0fb2.png"><link data-n-head="ssr" data-hid="apple-touch-icon" rel="apple-touch-icon" href="/_nuxt/icons/icon_512x512.6c0fb2.png" sizes="512x512"><link data-n-head="ssr" rel="manifest" href="/_nuxt/manifest.92869228.json" data-hid="manifest"><script data-n-head="ssr" data-hid="adsbygoogle-script" defer crossorigin="anonymous" src="//pagead2.googlesyndication.com/pagead/js/adsbygoogle.js?client=ca-pub-9956196453871414"></script><script data-n-head="ssr" data-hid="adsbygoogle">if (!window.__abg_called){ (adsbygoogle=window.adsbygoogle||[]).pauseAdRequests=0;
|
||
|
|
(window.adsbygoogle = window.adsbygoogle || []).push({
|
||
|
|
google_ad_client: "ca-pub-9956196453871414",
|
||
|
|
enable_page_level_ads: false,
|
||
|
|
overlays: {bottom: false}
|
||
|
|
}); window.__abg_called = true;}</script><script data-n-head="ssr" data-hid="gtm-script">if(!window._gtm_init){window._gtm_init=1;(function(w,n,d,m,e,p){w[d]=(w[d]==1||n[d]=='yes'||n[d]==1||n[m]==1||(w[e]&&w[e][p]&&w[e][p]()))?1:0})(window,navigator,'doNotTrack','msDoNotTrack','external','msTrackingProtectionEnabled');(function(w,d,s,l,x,y){w[x]={};w._gtm_inject=function(i){if(w.doNotTrack||w[x][i])return;w[x][i]=1;w[l]=w[l]||[];w[l].push({'gtm.start':new Date().getTime(),event:'gtm.js'});var f=d.getElementsByTagName(s)[0],j=d.createElement(s);j.async=true;j.src='https://www.googletagmanager.com/gtm.js?id='+i;f.parentNode.insertBefore(j,f);};w[y]('GTM-WRTWLK9')})(window,document,'script','dataLayer','_gtm_ids','_gtm_inject')}</script><link rel="preload" href="/_nuxt/7d3607f.js" as="script"><link rel="preload" href="/_nuxt/7d90738.js" as="script"><link rel="preload" href="/_nuxt/fde00f2.js" as="script"><link rel="preload" href="/_nuxt/b428414.js" as="script"><style data-vue-ssr-id="54b08540:0 32ea8ad1:0 0d8b0c4d:0 53f61d5f:0 f86f452a:0 e6bd7db0:0 02b5c91d:0">/*! tailwindcss v2.2.7 | MIT License | https://tailwindcss.com*//*! modern-normalize v1.1.0 | MIT License | https://github.com/sindresorhus/modern-normalize */
|
||
|
|
|
||
|
|
/*
|
||
|
|
Document
|
||
|
|
========
|
||
|
|
*/
|
||
|
|
|
||
|
|
/**
|
||
|
|
Use a better box model (opinionated).
|
||
|
|
*/
|
||
|
|
|
||
|
|
*,
|
||
|
|
::before,
|
||
|
|
::after {
|
||
|
|
box-sizing: border-box;
|
||
|
|
}
|
||
|
|
|
||
|
|
/**
|
||
|
|
Use a more readable tab size (opinionated).
|
||
|
|
*/
|
||
|
|
|
||
|
|
html {
|
||
|
|
-moz-tab-size: 4;
|
||
|
|
-o-tab-size: 4;
|
||
|
|
tab-size: 4;
|
||
|
|
}
|
||
|
|
|
||
|
|
/**
|
||
|
|
1. Correct the line height in all browsers.
|
||
|
|
2. Prevent adjustments of font size after orientation changes in iOS.
|
||
|
|
*/
|
||
|
|
|
||
|
|
html {
|
||
|
|
line-height: 1.15; /* 1 */
|
||
|
|
-webkit-text-size-adjust: 100%; /* 2 */
|
||
|
|
}
|
||
|
|
|
||
|
|
/*
|
||
|
|
Sections
|
||
|
|
========
|
||
|
|
*/
|
||
|
|
|
||
|
|
/**
|
||
|
|
Remove the margin in all browsers.
|
||
|
|
*/
|
||
|
|
|
||
|
|
body {
|
||
|
|
margin: 0;
|
||
|
|
}
|
||
|
|
|
||
|
|
/**
|
||
|
|
Improve consistency of default fonts in all browsers. (https://github.com/sindresorhus/modern-normalize/issues/3)
|
||
|
|
*/
|
||
|
|
|
||
|
|
body {
|
||
|
|
font-family:
|
||
|
|
system-ui,
|
||
|
|
-apple-system, /* Firefox supports this but not yet `system-ui` */
|
||
|
|
'Segoe UI',
|
||
|
|
Roboto,
|
||
|
|
Helvetica,
|
||
|
|
Arial,
|
||
|
|
sans-serif,
|
||
|
|
'Apple Color Emoji',
|
||
|
|
'Segoe UI Emoji';
|
||
|
|
}
|
||
|
|
|
||
|
|
/*
|
||
|
|
Grouping content
|
||
|
|
================
|
||
|
|
*/
|
||
|
|
|
||
|
|
/**
|
||
|
|
1. Add the correct height in Firefox.
|
||
|
|
2. Correct the inheritance of border color in Firefox. (https://bugzilla.mozilla.org/show_bug.cgi?id=190655)
|
||
|
|
*/
|
||
|
|
|
||
|
|
hr {
|
||
|
|
height: 0; /* 1 */
|
||
|
|
color: inherit; /* 2 */
|
||
|
|
}
|
||
|
|
|
||
|
|
/*
|
||
|
|
Text-level semantics
|
||
|
|
====================
|
||
|
|
*/
|
||
|
|
|
||
|
|
/**
|
||
|
|
Add the correct text decoration in Chrome, Edge, and Safari.
|
||
|
|
*/
|
||
|
|
|
||
|
|
abbr[title] {
|
||
|
|
-webkit-text-decoration: underline dotted;
|
||
|
|
text-decoration: underline dotted;
|
||
|
|
}
|
||
|
|
|
||
|
|
/**
|
||
|
|
Add the correct font weight in Edge and Safari.
|
||
|
|
*/
|
||
|
|
|
||
|
|
b,
|
||
|
|
strong {
|
||
|
|
font-weight: bolder;
|
||
|
|
}
|
||
|
|
|
||
|
|
/**
|
||
|
|
1. Improve consistency of default fonts in all browsers. (https://github.com/sindresorhus/modern-normalize/issues/3)
|
||
|
|
2. Correct the odd 'em' font sizing in all browsers.
|
||
|
|
*/
|
||
|
|
|
||
|
|
code,
|
||
|
|
kbd,
|
||
|
|
samp,
|
||
|
|
pre {
|
||
|
|
font-family:
|
||
|
|
ui-monospace,
|
||
|
|
SFMono-Regular,
|
||
|
|
Consolas,
|
||
|
|
'Liberation Mono',
|
||
|
|
Menlo,
|
||
|
|
monospace; /* 1 */
|
||
|
|
font-size: 1em; /* 2 */
|
||
|
|
}
|
||
|
|
|
||
|
|
/**
|
||
|
|
Add the correct font size in all browsers.
|
||
|
|
*/
|
||
|
|
|
||
|
|
small {
|
||
|
|
font-size: 80%;
|
||
|
|
}
|
||
|
|
|
||
|
|
/**
|
||
|
|
Prevent 'sub' and 'sup' elements from affecting the line height in all browsers.
|
||
|
|
*/
|
||
|
|
|
||
|
|
sub,
|
||
|
|
sup {
|
||
|
|
font-size: 75%;
|
||
|
|
line-height: 0;
|
||
|
|
position: relative;
|
||
|
|
vertical-align: baseline;
|
||
|
|
}
|
||
|
|
|
||
|
|
sub {
|
||
|
|
bottom: -0.25em;
|
||
|
|
}
|
||
|
|
|
||
|
|
sup {
|
||
|
|
top: -0.5em;
|
||
|
|
}
|
||
|
|
|
||
|
|
/*
|
||
|
|
Tabular data
|
||
|
|
============
|
||
|
|
*/
|
||
|
|
|
||
|
|
/**
|
||
|
|
1. Remove text indentation from table contents in Chrome and Safari. (https://bugs.chromium.org/p/chromium/issues/detail?id=999088, https://bugs.webkit.org/show_bug.cgi?id=201297)
|
||
|
|
2. Correct table border color inheritance in all Chrome and Safari. (https://bugs.chromium.org/p/chromium/issues/detail?id=935729, https://bugs.webkit.org/show_bug.cgi?id=195016)
|
||
|
|
*/
|
||
|
|
|
||
|
|
table {
|
||
|
|
text-indent: 0; /* 1 */
|
||
|
|
border-color: inherit; /* 2 */
|
||
|
|
}
|
||
|
|
|
||
|
|
/*
|
||
|
|
Forms
|
||
|
|
=====
|
||
|
|
*/
|
||
|
|
|
||
|
|
/**
|
||
|
|
1. Change the font styles in all browsers.
|
||
|
|
2. Remove the margin in Firefox and Safari.
|
||
|
|
*/
|
||
|
|
|
||
|
|
button,
|
||
|
|
input,
|
||
|
|
optgroup,
|
||
|
|
select,
|
||
|
|
textarea {
|
||
|
|
font-family: inherit; /* 1 */
|
||
|
|
font-size: 100%; /* 1 */
|
||
|
|
line-height: 1.15; /* 1 */
|
||
|
|
margin: 0; /* 2 */
|
||
|
|
}
|
||
|
|
|
||
|
|
/**
|
||
|
|
Remove the inheritance of text transform in Edge and Firefox.
|
||
|
|
1. Remove the inheritance of text transform in Firefox.
|
||
|
|
*/
|
||
|
|
|
||
|
|
button,
|
||
|
|
select { /* 1 */
|
||
|
|
text-transform: none;
|
||
|
|
}
|
||
|
|
|
||
|
|
/**
|
||
|
|
Correct the inability to style clickable types in iOS and Safari.
|
||
|
|
*/
|
||
|
|
|
||
|
|
button,
|
||
|
|
[type='button'],
|
||
|
|
[type='reset'],
|
||
|
|
[type='submit'] {
|
||
|
|
-webkit-appearance: button;
|
||
|
|
}
|
||
|
|
|
||
|
|
/**
|
||
|
|
Remove the inner border and padding in Firefox.
|
||
|
|
*/
|
||
|
|
|
||
|
|
::-moz-focus-inner {
|
||
|
|
border-style: none;
|
||
|
|
padding: 0;
|
||
|
|
}
|
||
|
|
|
||
|
|
/**
|
||
|
|
Restore the focus styles unset by the previous rule.
|
||
|
|
*/
|
||
|
|
|
||
|
|
:-moz-focusring {
|
||
|
|
outline: 1px dotted ButtonText;
|
||
|
|
}
|
||
|
|
|
||
|
|
/**
|
||
|
|
Remove the additional ':invalid' styles in Firefox.
|
||
|
|
See: https://github.com/mozilla/gecko-dev/blob/2f9eacd9d3d995c937b4251a5557d95d494c9be1/layout/style/res/forms.css#L728-L737
|
||
|
|
*/
|
||
|
|
|
||
|
|
:-moz-ui-invalid {
|
||
|
|
box-shadow: none;
|
||
|
|
}
|
||
|
|
|
||
|
|
/**
|
||
|
|
Remove the padding so developers are not caught out when they zero out 'fieldset' elements in all browsers.
|
||
|
|
*/
|
||
|
|
|
||
|
|
legend {
|
||
|
|
padding: 0;
|
||
|
|
}
|
||
|
|
|
||
|
|
/**
|
||
|
|
Add the correct vertical alignment in Chrome and Firefox.
|
||
|
|
*/
|
||
|
|
|
||
|
|
progress {
|
||
|
|
vertical-align: baseline;
|
||
|
|
}
|
||
|
|
|
||
|
|
/**
|
||
|
|
Correct the cursor style of increment and decrement buttons in Safari.
|
||
|
|
*/
|
||
|
|
|
||
|
|
::-webkit-inner-spin-button,
|
||
|
|
::-webkit-outer-spin-button {
|
||
|
|
height: auto;
|
||
|
|
}
|
||
|
|
|
||
|
|
/**
|
||
|
|
1. Correct the odd appearance in Chrome and Safari.
|
||
|
|
2. Correct the outline style in Safari.
|
||
|
|
*/
|
||
|
|
|
||
|
|
[type='search'] {
|
||
|
|
-webkit-appearance: textfield; /* 1 */
|
||
|
|
outline-offset: -2px; /* 2 */
|
||
|
|
}
|
||
|
|
|
||
|
|
/**
|
||
|
|
Remove the inner padding in Chrome and Safari on macOS.
|
||
|
|
*/
|
||
|
|
|
||
|
|
::-webkit-search-decoration {
|
||
|
|
-webkit-appearance: none;
|
||
|
|
}
|
||
|
|
|
||
|
|
/**
|
||
|
|
1. Correct the inability to style clickable types in iOS and Safari.
|
||
|
|
2. Change font properties to 'inherit' in Safari.
|
||
|
|
*/
|
||
|
|
|
||
|
|
::-webkit-file-upload-button {
|
||
|
|
-webkit-appearance: button; /* 1 */
|
||
|
|
font: inherit; /* 2 */
|
||
|
|
}
|
||
|
|
|
||
|
|
/*
|
||
|
|
Interactive
|
||
|
|
===========
|
||
|
|
*/
|
||
|
|
|
||
|
|
/*
|
||
|
|
Add the correct display in Chrome and Safari.
|
||
|
|
*/
|
||
|
|
|
||
|
|
summary {
|
||
|
|
display: list-item;
|
||
|
|
}/**
|
||
|
|
* Manually forked from SUIT CSS Base: https://github.com/suitcss/base
|
||
|
|
* A thin layer on top of normalize.css that provides a starting point more
|
||
|
|
* suitable for web applications.
|
||
|
|
*/
|
||
|
|
|
||
|
|
/**
|
||
|
|
* Removes the default spacing and border for appropriate elements.
|
||
|
|
*/
|
||
|
|
|
||
|
|
blockquote,
|
||
|
|
dl,
|
||
|
|
dd,
|
||
|
|
h1,
|
||
|
|
h2,
|
||
|
|
h3,
|
||
|
|
h4,
|
||
|
|
h5,
|
||
|
|
h6,
|
||
|
|
hr,
|
||
|
|
figure,
|
||
|
|
p,
|
||
|
|
pre {
|
||
|
|
margin: 0;
|
||
|
|
}
|
||
|
|
|
||
|
|
button {
|
||
|
|
background-color: transparent;
|
||
|
|
background-image: none;
|
||
|
|
}
|
||
|
|
|
||
|
|
fieldset {
|
||
|
|
margin: 0;
|
||
|
|
padding: 0;
|
||
|
|
}
|
||
|
|
|
||
|
|
ol,
|
||
|
|
ul {
|
||
|
|
list-style: none;
|
||
|
|
margin: 0;
|
||
|
|
padding: 0;
|
||
|
|
}
|
||
|
|
|
||
|
|
/**
|
||
|
|
* Tailwind custom reset styles
|
||
|
|
*/
|
||
|
|
|
||
|
|
/**
|
||
|
|
* 1. Use the user's configured `sans` font-family (with Tailwind's default
|
||
|
|
* sans-serif font stack as a fallback) as a sane default.
|
||
|
|
* 2. Use Tailwind's default "normal" line-height so the user isn't forced
|
||
|
|
* to override it to ensure consistency even when using the default theme.
|
||
|
|
*/
|
||
|
|
|
||
|
|
html {
|
||
|
|
font-family: Inter, ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,"Segoe UI",Roboto,"Helvetica Neue",Arial,"Noto Sans",sans-serif,"Apple Color Emoji","Segoe UI Emoji","Segoe UI Symbol","Noto Color Emoji"; /* 1 */
|
||
|
|
line-height: 1.5; /* 2 */
|
||
|
|
}
|
||
|
|
|
||
|
|
|
||
|
|
/**
|
||
|
|
* Inherit font-family and line-height from `html` so users can set them as
|
||
|
|
* a class directly on the `html` element.
|
||
|
|
*/
|
||
|
|
|
||
|
|
body {
|
||
|
|
font-family: inherit;
|
||
|
|
line-height: inherit;
|
||
|
|
}
|
||
|
|
|
||
|
|
/**
|
||
|
|
* 1. Prevent padding and border from affecting element width.
|
||
|
|
*
|
||
|
|
* We used to set this in the html element and inherit from
|
||
|
|
* the parent element for everything else. This caused issues
|
||
|
|
* in shadow-dom-enhanced elements like <details> where the content
|
||
|
|
* is wrapped by a div with box-sizing set to `content-box`.
|
||
|
|
*
|
||
|
|
* https://github.com/mozdevs/cssremedy/issues/4
|
||
|
|
*
|
||
|
|
*
|
||
|
|
* 2. Allow adding a border to an element by just adding a border-width.
|
||
|
|
*
|
||
|
|
* By default, the way the browser specifies that an element should have no
|
||
|
|
* border is by setting it's border-style to `none` in the user-agent
|
||
|
|
* stylesheet.
|
||
|
|
*
|
||
|
|
* In order to easily add borders to elements by just setting the `border-width`
|
||
|
|
* property, we change the default border-style for all elements to `solid`, and
|
||
|
|
* use border-width to hide them instead. This way our `border` utilities only
|
||
|
|
* need to set the `border-width` property instead of the entire `border`
|
||
|
|
* shorthand, making our border utilities much more straightforward to compose.
|
||
|
|
*
|
||
|
|
* https://github.com/tailwindcss/tailwindcss/pull/116
|
||
|
|
*/
|
||
|
|
|
||
|
|
*,
|
||
|
|
::before,
|
||
|
|
::after {
|
||
|
|
box-sizing: border-box; /* 1 */
|
||
|
|
border-width: 0; /* 2 */
|
||
|
|
border-style: solid; /* 2 */
|
||
|
|
border-color: currentColor; /* 2 */
|
||
|
|
}
|
||
|
|
|
||
|
|
/*
|
||
|
|
* Ensure horizontal rules are visible by default
|
||
|
|
*/
|
||
|
|
|
||
|
|
hr {
|
||
|
|
border-top-width: 1px;
|
||
|
|
}
|
||
|
|
|
||
|
|
/**
|
||
|
|
* Undo the `border-style: none` reset that Normalize applies to images so that
|
||
|
|
* our `border-{width}` utilities have the expected effect.
|
||
|
|
*
|
||
|
|
* The Normalize reset is unnecessary for us since we default the border-width
|
||
|
|
* to 0 on all elements.
|
||
|
|
*
|
||
|
|
* https://github.com/tailwindcss/tailwindcss/issues/362
|
||
|
|
*/
|
||
|
|
|
||
|
|
img {
|
||
|
|
border-style: solid;
|
||
|
|
}
|
||
|
|
|
||
|
|
textarea {
|
||
|
|
resize: vertical;
|
||
|
|
}
|
||
|
|
|
||
|
|
input::-moz-placeholder, textarea::-moz-placeholder {
|
||
|
|
opacity: 1;
|
||
|
|
color: #9ca3af;
|
||
|
|
}
|
||
|
|
|
||
|
|
input:-ms-input-placeholder, textarea:-ms-input-placeholder {
|
||
|
|
opacity: 1;
|
||
|
|
color: #9ca3af;
|
||
|
|
}
|
||
|
|
|
||
|
|
input::placeholder,
|
||
|
|
textarea::placeholder {
|
||
|
|
opacity: 1;
|
||
|
|
color: #9ca3af;
|
||
|
|
}
|
||
|
|
|
||
|
|
button,
|
||
|
|
[role="button"] {
|
||
|
|
cursor: pointer;
|
||
|
|
}
|
||
|
|
|
||
|
|
table {
|
||
|
|
border-collapse: collapse;
|
||
|
|
}
|
||
|
|
|
||
|
|
h1,
|
||
|
|
h2,
|
||
|
|
h3,
|
||
|
|
h4,
|
||
|
|
h5,
|
||
|
|
h6 {
|
||
|
|
font-size: inherit;
|
||
|
|
font-weight: inherit;
|
||
|
|
}
|
||
|
|
|
||
|
|
/**
|
||
|
|
* Reset links to optimize for opt-in styling instead of
|
||
|
|
* opt-out.
|
||
|
|
*/
|
||
|
|
|
||
|
|
a {
|
||
|
|
color: inherit;
|
||
|
|
text-decoration: inherit;
|
||
|
|
}
|
||
|
|
|
||
|
|
/**
|
||
|
|
* Reset form element properties that are easy to forget to
|
||
|
|
* style explicitly so you don't inadvertently introduce
|
||
|
|
* styles that deviate from your design system. These styles
|
||
|
|
* supplement a partial reset that is already applied by
|
||
|
|
* normalize.css.
|
||
|
|
*/
|
||
|
|
|
||
|
|
button,
|
||
|
|
input,
|
||
|
|
optgroup,
|
||
|
|
select,
|
||
|
|
textarea {
|
||
|
|
padding: 0;
|
||
|
|
line-height: inherit;
|
||
|
|
color: inherit;
|
||
|
|
}
|
||
|
|
|
||
|
|
/**
|
||
|
|
* Use the configured 'mono' font family for elements that
|
||
|
|
* are expected to be rendered with a monospace font, falling
|
||
|
|
* back to the system monospace stack if there is no configured
|
||
|
|
* 'mono' font family.
|
||
|
|
*/
|
||
|
|
|
||
|
|
pre,
|
||
|
|
code,
|
||
|
|
kbd,
|
||
|
|
samp {
|
||
|
|
font-family: ui-monospace, SFMono-Regular, Menlo, Monaco, Consolas, "Liberation Mono", "Courier New", monospace;
|
||
|
|
}
|
||
|
|
|
||
|
|
/**
|
||
|
|
* 1. Make replaced elements `display: block` by default as that's
|
||
|
|
* the behavior you want almost all of the time. Inspired by
|
||
|
|
* CSS Remedy, with `svg` added as well.
|
||
|
|
*
|
||
|
|
* https://github.com/mozdevs/cssremedy/issues/14
|
||
|
|
*
|
||
|
|
* 2. Add `vertical-align: middle` to align replaced elements more
|
||
|
|
* sensibly by default when overriding `display` by adding a
|
||
|
|
* utility like `inline`.
|
||
|
|
*
|
||
|
|
* This can trigger a poorly considered linting error in some
|
||
|
|
* tools but is included by design.
|
||
|
|
*
|
||
|
|
* https://github.com/jensimmons/cssremedy/issues/14#issuecomment-634934210
|
||
|
|
*/
|
||
|
|
|
||
|
|
img,
|
||
|
|
svg,
|
||
|
|
video,
|
||
|
|
canvas,
|
||
|
|
audio,
|
||
|
|
iframe,
|
||
|
|
embed,
|
||
|
|
object {
|
||
|
|
display: block; /* 1 */
|
||
|
|
vertical-align: middle; /* 2 */
|
||
|
|
}
|
||
|
|
|
||
|
|
/**
|
||
|
|
* Constrain images and videos to the parent width and preserve
|
||
|
|
* their intrinsic aspect ratio.
|
||
|
|
*
|
||
|
|
* https://github.com/mozdevs/cssremedy/issues/14
|
||
|
|
*/
|
||
|
|
|
||
|
|
img,
|
||
|
|
video {
|
||
|
|
max-width: 100%;
|
||
|
|
height: auto;
|
||
|
|
}
|
||
|
|
|
||
|
|
/**
|
||
|
|
* Ensure the default browser behavior of the `hidden` attribute.
|
||
|
|
*/
|
||
|
|
|
||
|
|
[hidden] {
|
||
|
|
display: none;
|
||
|
|
}*, ::before, ::after{--tw-translate-x:0;--tw-translate-y:0;--tw-rotate:0;--tw-skew-x:0;--tw-skew-y:0;--tw-scale-x:1;--tw-scale-y:1;--tw-transform:translateX(var(--tw-translate-x)) translateY(var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y));--tw-border-opacity:1;border-color:rgba(229, 231, 235, var(--tw-border-opacity));--tw-ring-inset:var(--tw-empty,/*!*/ /*!*/);--tw-ring-offset-width:0px;--tw-ring-offset-color:#fff;--tw-ring-color:rgba(59, 130, 246, 0.5);--tw-ring-offset-shadow:0 0 #0000;--tw-ring-shadow:0 0 #0000;--tw-shadow:0 0 #0000;--tw-blur:var(--tw-empty,/*!*/ /*!*/);--tw-brightness:var(--tw-empty,/*!*/ /*!*/);--tw-contrast:var(--tw-empty,/*!*/ /*!*/);--tw-grayscale:var(--tw-empty,/*!*/ /*!*/);--tw-hue-rotate:var(--tw-empty,/*!*/ /*!*/);--tw-invert:var(--tw-empty,/*!*/ /*!*/);--tw-saturate:var(--tw-empty,/*!*/ /*!*/);--tw-sepia:var(--tw-empty,/*!*/ /*!*/);--tw-drop-shadow:var(--tw-empty,/*!*/ /*!*/);--tw-filter:var(--tw-blur) var(--tw-brightness) var(--tw-contrast) var(--tw-grayscale) var(--tw-hue-rotate) var(--tw-invert) var(--tw-saturate) var(--tw-sepia) var(--tw-drop-shadow);}.container{width:100%;margin-right:auto;margin-left:auto;padding-right:2rem;padding-left:2rem;}@media (min-width: 640px){.container{max-width:640px;}}@media (min-width: 768px){.container{max-width:768px;}}@media (min-width: 1024px){.container{max-width:1024px;}}@media (min-width: 1280px){.container{max-width:1280px;}}@media (min-width: 1536px){.container{max-width:1536px;}}.aspect-w-1,
|
||
|
|
.aspect-w-2,
|
||
|
|
.aspect-w-3,
|
||
|
|
.aspect-w-4,
|
||
|
|
.aspect-w-5,
|
||
|
|
.aspect-w-6,
|
||
|
|
.aspect-w-7,
|
||
|
|
.aspect-w-8,
|
||
|
|
.aspect-w-9,
|
||
|
|
.aspect-w-10,
|
||
|
|
.aspect-w-11,
|
||
|
|
.aspect-w-12,
|
||
|
|
.aspect-w-13,
|
||
|
|
.aspect-w-14,
|
||
|
|
.aspect-w-15,
|
||
|
|
.aspect-w-16{position:relative;padding-bottom:calc(var(--tw-aspect-h) / var(--tw-aspect-w) * 100%);}.aspect-w-1 > *,
|
||
|
|
.aspect-w-2 > *,
|
||
|
|
.aspect-w-3 > *,
|
||
|
|
.aspect-w-4 > *,
|
||
|
|
.aspect-w-5 > *,
|
||
|
|
.aspect-w-6 > *,
|
||
|
|
.aspect-w-7 > *,
|
||
|
|
.aspect-w-8 > *,
|
||
|
|
.aspect-w-9 > *,
|
||
|
|
.aspect-w-10 > *,
|
||
|
|
.aspect-w-11 > *,
|
||
|
|
.aspect-w-12 > *,
|
||
|
|
.aspect-w-13 > *,
|
||
|
|
.aspect-w-14 > *,
|
||
|
|
.aspect-w-15 > *,
|
||
|
|
.aspect-w-16 > *{position:absolute;height:100%;width:100%;top:0;right:0;bottom:0;left:0;}.aspect-w-1{--tw-aspect-w:1;}.aspect-w-16{--tw-aspect-w:16;}.aspect-h-1{--tw-aspect-h:1;}.prose{color:#374151;max-width:65ch;}.prose [class~="lead"]{color:#4b5563;font-size:1.25em;line-height:1.6;margin-top:1.2em;margin-bottom:1.2em;}.prose a{color:#111827;text-decoration:underline;font-weight:500;}.prose strong{color:#111827;font-weight:600;}.prose ol[type="A"]{--list-counter-style:upper-alpha;}.prose ol[type="a"]{--list-counter-style:lower-alpha;}.prose ol[type="A" s]{--list-counter-style:upper-alpha;}.prose ol[type="a" s]{--list-counter-style:lower-alpha;}.prose ol[type="I"]{--list-counter-style:upper-roman;}.prose ol[type="i"]{--list-counter-style:lower-roman;}.prose ol[type="I" s]{--list-counter-style:upper-roman;}.prose ol[type="i" s]{--list-counter-style:lower-roman;}.prose ol[type="1"]{--list-counter-style:decimal;}.prose ol > li{position:relative;padding-left:1.75em;}.prose ol > li::before{content:counter(list-item, var(--list-counter-style, decimal)) ".";position:absolute;font-weight:400;color:#6b7280;left:0;}.prose ul > li{position:relative;padding-left:1.75em;}.prose ul > li::before{content:"";position:absolute;background-color:#d1d5db;border-radius:50%;width:0.375em;height:0.375em;top:calc(0.875em - 0.1875em);left:0.25em;}.prose hr{border-color:#e5e7eb;border-top-width:1px;margin-top:3em;margin-bottom:3em;}.prose blockquote{font-weight:500;font-style:italic;color:#111827;border-left-width:0.25rem;border-left-color:#e5e7eb;quotes:"\201C""\201D""\2018""\2019";margin-top:1.6em;margin-bottom:1.6em;padding-left:1em;}.prose blockquote p:first-of-type::before{content:open-quote;}.prose blockquote p:last-of-type::after{content:close-quote;}.prose h1{color:#111827;font-weight:800;font-size:2.25em;margin-top:0;margin-bottom:0.8888889em;line-height:1.1111111;font-family:Epilogue,ui-serif,Georgia,Cambria,"Times New Roman",Times,serif;}.prose h2{color:#111827;font-weight:700;font-size:1.5em;margin-top:2em;margin-bottom:1em;line-height:1.3333333;font-family:Epilogue,ui-serif,Georgia,Cambria,"Times New Roman",Times,serif;}.prose h3{color:#111827;font-weight:600;font-size:1.25em;margin-top:1.6em;margin-bottom:0.6em;line-height:1.6;font-family:Epilogue,ui-serif,Georgia,Cambria,"Times New Roman",Times,serif;}.prose h4{color:#111827;font-weight:600;margin-top:1.5em;margin-bottom:0.5em;line-height:1.5;font-family:Epilogue,ui-serif,Georgia,Cambria,"Times New Roman",Times,serif;}.prose figure figcaption{color:#6b7280;font-size:0.875em;line-height:1.4285714;margin-top:0.8571429em;}.prose code{color:#111827;font-weight:600;font-size:0.875em;}.prose code::before{content:"`";}.prose code::after{content:"`";}.prose a code{color:#111827;}.prose pre{color:#e5e7eb;background-color:#1f2937;overflow-x:auto;font-size:0.875em;line-height:1.7142857;margin-top:1.7142857em;margin-bottom:1.7142857em;border-radius:0.375rem;padding-top:0.8571429em;padding-right:1.1428571em;padding-bottom:0.8571429em;padding-left:1.1428571em;}.prose pre code{background-color:transparent;border-width:0;border-radius:0;padding:0;font-weight:400;color:inherit;font-size:inherit;font-family:inherit;line-height:inherit;}.prose pre code::before{content:none;}.prose pre code::after{content:none;}.prose table{width:100%;table-layout:auto;text-align:left;margin-top:2em;margin-bottom:2em;font-size:0.875em;line-height:1.7142857;}.prose thead{color:#111827;font-weight:600;border-bottom-width:1px;border-bottom-color:#d1d5db;}.prose thead th{vertical-align:bottom;padding-right:0.5714286em;padding-bottom:0.5714286em;padding-left:0.5714286em;}.prose tbody tr{border-bottom-width:1px;border-bottom-color:#e5e7eb;}.prose tbody tr:last-child{border-bottom-width:0;}.prose tbody td{vertical-align:top;padding-top:0.5714286em;padding-right:0.5714286em;padding-bottom:0.5714286em;padding-left:0.5714286em;}.prose{font-size:1rem;line-height:1.75;}.prose p{margin-top:1.25em;margin-bottom:1.25em;}.prose img{margin-top:2em;margin-bottom:2em;}.prose video{margin-top:2em;margin-bottom:2em;}.prose figure{margin-
|
||
|
|
@charset "UTF-8";.button{position:relative;display:inline-flex;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none;align-items:center;justify-content:center}.button:focus{outline:2px solid transparent;outline-offset:2px;--tw-ring-offset-shadow:var(--tw-ring-inset) 0 0 0 var(--tw-ring-offset-width) var(--tw-ring-offset-color);--tw-ring-shadow:var(--tw-ring-inset) 0 0 0 calc(2px + var(--tw-ring-offset-width)) var(--tw-ring-color);box-shadow:var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow, 0 0 #0000);--tw-ring-offset-width:1px}.button__icon{display:flex;align-items:center;justify-content:center}.button__icon+.button__label{margin-left:0.5rem}.button__loader{position:absolute;top:0px;right:0px;bottom:0px;left:0px;margin:auto}.button--xs{height:1.25rem;padding-left:0.75rem;padding-right:0.75rem;font-size:0.75rem;line-height:1rem}.button--xs .icon{height:0.75rem;width:0.75rem}.button--xs.button--circle, .button--xs.button--square, .button--xs.button--squircle{width:1.25rem}.button--sm{height:1.75rem;padding-left:1rem;padding-right:1rem;font-size:0.75rem;line-height:1rem}.button--sm .icon{height:1rem;width:1rem}.button--sm.button--circle, .button--sm.button--square, .button--sm.button--squircle{width:1.75rem}.button--md{height:2.25rem;padding-left:1.5rem;padding-right:1.5rem;font-size:0.875rem;line-height:1.25rem}.button--md .icon{height:1.25rem;width:1.25rem}.button--md.button--circle, .button--md.button--square, .button--md.button--squircle{width:2.25rem}.button--lg{height:2.75rem;padding-left:2rem;padding-right:2rem;font-size:0.875rem;line-height:1.25rem}.button--lg .icon{height:1.25rem;width:1.25rem}.button--lg.button--circle, .button--lg.button--square, .button--lg.button--squircle{width:2.75rem}.button--xl{height:3.5rem;padding-left:2.5rem;padding-right:2.5rem;font-size:1rem;line-height:1.5rem}.button--xl .icon{height:1.5rem;width:1.5rem}.button--xl.button--circle, .button--xl.button--square, .button--xl.button--squircle{width:3.5rem}.button--left{justify-content:flex-start}.button--right{flex-direction:row-reverse;justify-content:flex-start}.button--right .button__icon+.button__label{margin-left:0px;margin-right:0.5rem}.button--split{justify-content:space-between}.button--primary{--tw-text-opacity:1;color:rgba(113, 113, 122, var(--tw-text-opacity))}.button--primary:hover{--tw-text-opacity:1;color:rgba(63, 63, 70, var(--tw-text-opacity))}.button--primary:focus{--tw-ring-opacity:1;--tw-ring-color:rgba(228, 228, 231, var(--tw-ring-opacity))}.button--primary.button--solid{--tw-bg-opacity:1;background-color:rgba(113, 113, 122, var(--tw-bg-opacity))}.button--primary.button--solid:hover{--tw-bg-opacity:1;background-color:rgba(63, 63, 70, var(--tw-bg-opacity))}.button--primary.button--solid{--tw-text-opacity:1;color:rgba(255, 255, 255, var(--tw-text-opacity))}.button--primary.button--outline{border-width:1px;--tw-border-opacity:1;border-color:rgba(113, 113, 122, var(--tw-border-opacity))}.button--primary.button--outline:hover{--tw-border-opacity:1;border-color:rgba(113, 113, 122, var(--tw-border-opacity))}.button--primary.button--outline{--tw-text-opacity:1;color:rgba(113, 113, 122, var(--tw-text-opacity))}.button--primary.button--outline:hover{--tw-text-opacity:1;color:rgba(63, 63, 70, var(--tw-text-opacity))}.button--primary.button--muted{--tw-bg-opacity:1;background-color:rgba(250, 250, 250, var(--tw-bg-opacity))}.button--primary.button--muted:hover{--tw-bg-opacity:1;background-color:rgba(250, 250, 250, var(--tw-bg-opacity))}.button--primary.button--muted{--tw-text-opacity:1;color:rgba(113, 113, 122, var(--tw-text-opacity))}.button--primary.button--muted:hover{--tw-text-opacity:1;color:rgba(63, 63, 70, var(--tw-text-opacity))}.button--secondary{--tw-text-opacity:1;color:rgba(234, 179, 8, var(--tw-text-opacity))}.button--secondary:hover{--tw-text-opacity:1;color:rgba(161, 98, 7, var(--tw-text-opacity))}.button--secondary:focus{--tw-ring-opacity:1;--tw-ring-color:rgba(254, 240, 138, var(--tw-ring-opacity))}.button--secondary.button--solid{--tw-bg-opacity:1;background-color:
|
||
|
|
Document
|
||
|
|
========
|
||
|
|
*//**
|
||
|
|
Use a better box model (opinionated).
|
||
|
|
*/*,
|
||
|
|
::before,
|
||
|
|
::after {
|
||
|
|
box-sizing: border-box;
|
||
|
|
}/**
|
||
|
|
Use a more readable tab size (opinionated).
|
||
|
|
*/html {
|
||
|
|
-moz-tab-size: 4;
|
||
|
|
-o-tab-size: 4;
|
||
|
|
tab-size: 4;
|
||
|
|
}/**
|
||
|
|
1. Correct the line height in all browsers.
|
||
|
|
2. Prevent adjustments of font size after orientation changes in iOS.
|
||
|
|
*/html {
|
||
|
|
line-height: 1.15; /* 1 */
|
||
|
|
-webkit-text-size-adjust: 100%; /* 2 */
|
||
|
|
}/*
|
||
|
|
Sections
|
||
|
|
========
|
||
|
|
*//**
|
||
|
|
Remove the margin in all browsers.
|
||
|
|
*/body {
|
||
|
|
margin: 0;
|
||
|
|
}/**
|
||
|
|
Improve consistency of default fonts in all browsers. (https://github.com/sindresorhus/modern-normalize/issues/3)
|
||
|
|
*/body {
|
||
|
|
font-family:
|
||
|
|
system-ui,
|
||
|
|
-apple-system, /* Firefox supports this but not yet `system-ui` */
|
||
|
|
'Segoe UI',
|
||
|
|
Roboto,
|
||
|
|
Helvetica,
|
||
|
|
Arial,
|
||
|
|
sans-serif,
|
||
|
|
'Apple Color Emoji',
|
||
|
|
'Segoe UI Emoji';
|
||
|
|
}/*
|
||
|
|
Grouping content
|
||
|
|
================
|
||
|
|
*//**
|
||
|
|
1. Add the correct height in Firefox.
|
||
|
|
2. Correct the inheritance of border color in Firefox. (https://bugzilla.mozilla.org/show_bug.cgi?id=190655)
|
||
|
|
*/hr {
|
||
|
|
height: 0; /* 1 */
|
||
|
|
color: inherit; /* 2 */
|
||
|
|
}/*
|
||
|
|
Text-level semantics
|
||
|
|
====================
|
||
|
|
*//**
|
||
|
|
Add the correct text decoration in Chrome, Edge, and Safari.
|
||
|
|
*/abbr[title] {
|
||
|
|
-webkit-text-decoration: underline dotted;
|
||
|
|
text-decoration: underline dotted;
|
||
|
|
}/**
|
||
|
|
Add the correct font weight in Edge and Safari.
|
||
|
|
*/b,
|
||
|
|
strong {
|
||
|
|
font-weight: bolder;
|
||
|
|
}/**
|
||
|
|
1. Improve consistency of default fonts in all browsers. (https://github.com/sindresorhus/modern-normalize/issues/3)
|
||
|
|
2. Correct the odd 'em' font sizing in all browsers.
|
||
|
|
*/code,
|
||
|
|
kbd,
|
||
|
|
samp,
|
||
|
|
pre {
|
||
|
|
font-family:
|
||
|
|
ui-monospace,
|
||
|
|
SFMono-Regular,
|
||
|
|
Consolas,
|
||
|
|
'Liberation Mono',
|
||
|
|
Menlo,
|
||
|
|
monospace; /* 1 */
|
||
|
|
font-size: 1em; /* 2 */
|
||
|
|
}/**
|
||
|
|
Add the correct font size in all browsers.
|
||
|
|
*/small {
|
||
|
|
font-size: 80%;
|
||
|
|
}/**
|
||
|
|
Prevent 'sub' and 'sup' elements from affecting the line height in all browsers.
|
||
|
|
*/sub,
|
||
|
|
sup {
|
||
|
|
font-size: 75%;
|
||
|
|
line-height: 0;
|
||
|
|
position: relative;
|
||
|
|
vertical-align: baseline;
|
||
|
|
}sub {
|
||
|
|
bottom: -0.25em;
|
||
|
|
}sup {
|
||
|
|
top: -0.5em;
|
||
|
|
}/*
|
||
|
|
Tabular data
|
||
|
|
============
|
||
|
|
*//**
|
||
|
|
1. Remove text indentation from table contents in Chrome and Safari. (https://bugs.chromium.org/p/chromium/issues/detail?id=999088, https://bugs.webkit.org/show_bug.cgi?id=201297)
|
||
|
|
2. Correct table border color inheritance in all Chrome and Safari. (https://bugs.chromium.org/p/chromium/issues/detail?id=935729, https://bugs.webkit.org/show_bug.cgi?id=195016)
|
||
|
|
*/table {
|
||
|
|
text-indent: 0; /* 1 */
|
||
|
|
border-color: inherit; /* 2 */
|
||
|
|
}/*
|
||
|
|
Forms
|
||
|
|
=====
|
||
|
|
*//**
|
||
|
|
1. Change the font styles in all browsers.
|
||
|
|
2. Remove the margin in Firefox and Safari.
|
||
|
|
*/button,
|
||
|
|
input,
|
||
|
|
optgroup,
|
||
|
|
select,
|
||
|
|
textarea {
|
||
|
|
font-family: inherit; /* 1 */
|
||
|
|
font-size: 100%; /* 1 */
|
||
|
|
line-height: 1.15; /* 1 */
|
||
|
|
margin: 0; /* 2 */
|
||
|
|
}/**
|
||
|
|
Remove the inheritance of text transform in Edge and Firefox.
|
||
|
|
1. Remove the inheritance of text transform in Firefox.
|
||
|
|
*/button,
|
||
|
|
select { /* 1 */
|
||
|
|
text-transform: none;
|
||
|
|
}/**
|
||
|
|
Correct the inability to style clickable types in iOS and Safari.
|
||
|
|
*/button,
|
||
|
|
[type='button'],
|
||
|
|
[type='reset'],
|
||
|
|
[type='submit'] {
|
||
|
|
-webkit-appearance: button;
|
||
|
|
}/**
|
||
|
|
Remove the inner border and padding in Firefox.
|
||
|
|
*/::-moz-focus-inner {
|
||
|
|
border-style: none;
|
||
|
|
padding: 0;
|
||
|
|
}/**
|
||
|
|
Restore the focus styles unset by the previous rule.
|
||
|
|
*/:-moz-focusring {
|
||
|
|
outline: 1px dotted ButtonText;
|
||
|
|
}/**
|
||
|
|
Remove the additional ':invalid' styles in Firefox.
|
||
|
|
See: https://github.com/mozilla/gecko-dev/blob/2f9eacd9d3d995c937b4251a5557d95d494c9be1/layout/style/res/forms.css#L728-L737
|
||
|
|
*/:-moz-ui-invalid {
|
||
|
|
box-shadow: none;
|
||
|
|
}/**
|
||
|
|
Remove the padding so developers are not caught out when they zero out 'fieldset' elements in all browsers.
|
||
|
|
*/legend {
|
||
|
|
padding: 0;
|
||
|
|
}/**
|
||
|
|
Add the correct vertical alignment in Chrome and Firefox.
|
||
|
|
*/progress {
|
||
|
|
vertical-align: baseline;
|
||
|
|
}/**
|
||
|
|
Correct the cursor style of increment and decrement buttons in Safari.
|
||
|
|
*/::-webkit-inner-spin-button,
|
||
|
|
::-webkit-outer-spin-button {
|
||
|
|
height: auto;
|
||
|
|
}/**
|
||
|
|
1. Correct the odd appearance in Chrome and Safari.
|
||
|
|
2. Correct the outline style in Safari.
|
||
|
|
*/[type='search'] {
|
||
|
|
-webkit-appearance: textfield; /* 1 */
|
||
|
|
outline-offset: -2px; /* 2 */
|
||
|
|
}/**
|
||
|
|
Remove the inner padding in Chrome and Safari on macOS.
|
||
|
|
*/::-webkit-search-decoration {
|
||
|
|
-webkit-appearance: none;
|
||
|
|
}/**
|
||
|
|
1. Correct the inability to style clickable types in iOS and Safari.
|
||
|
|
2. Change font properties to 'inherit' in Safari.
|
||
|
|
*/::-webkit-file-upload-button {
|
||
|
|
-webkit-appearance: button; /* 1 */
|
||
|
|
font: inherit; /* 2 */
|
||
|
|
}/*
|
||
|
|
Interactive
|
||
|
|
===========
|
||
|
|
*//*
|
||
|
|
Add the correct display in Chrome and Safari.
|
||
|
|
*/summary {
|
||
|
|
display: list-item;
|
||
|
|
}/**
|
||
|
|
* Manually forked from SUIT CSS Base: https://github.com/suitcss/base
|
||
|
|
* A thin layer on top of normalize.css that provides a starting point more
|
||
|
|
* suitable for web applications.
|
||
|
|
*//**
|
||
|
|
* Removes the default spacing and border for appropriate elements.
|
||
|
|
*/blockquote,
|
||
|
|
dl,
|
||
|
|
dd,
|
||
|
|
h1,
|
||
|
|
h2,
|
||
|
|
h3,
|
||
|
|
h4,
|
||
|
|
h5,
|
||
|
|
h6,
|
||
|
|
hr,
|
||
|
|
figure,
|
||
|
|
p,
|
||
|
|
pre {
|
||
|
|
margin: 0;
|
||
|
|
}button {
|
||
|
|
background-color: transparent;
|
||
|
|
background-image: none;
|
||
|
|
}fieldset {
|
||
|
|
margin: 0;
|
||
|
|
padding: 0;
|
||
|
|
}ol,
|
||
|
|
ul {
|
||
|
|
list-style: none;
|
||
|
|
margin: 0;
|
||
|
|
padding: 0;
|
||
|
|
}/**
|
||
|
|
* Tailwind custom reset styles
|
||
|
|
*//**
|
||
|
|
* 1. Use the user's configured `sans` font-family (with Tailwind's default
|
||
|
|
* sans-serif font stack as a fallback) as a sane default.
|
||
|
|
* 2. Use Tailwind's default "normal" line-height so the user isn't forced
|
||
|
|
* to override it to ensure consistency even when using the default theme.
|
||
|
|
*/html {
|
||
|
|
font-family: Inter, ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,"Segoe UI",Roboto,"Helvetica Neue",Arial,"Noto Sans",sans-serif,"Apple Color Emoji","Segoe UI Emoji","Segoe UI Symbol","Noto Color Emoji"; /* 1 */
|
||
|
|
line-height: 1.5; /* 2 */
|
||
|
|
}/**
|
||
|
|
* Inherit font-family and line-height from `html` so users can set them as
|
||
|
|
* a class directly on the `html` element.
|
||
|
|
*/body {
|
||
|
|
font-family: inherit;
|
||
|
|
line-height: inherit;
|
||
|
|
}/**
|
||
|
|
* 1. Prevent padding and border from affecting element width.
|
||
|
|
*
|
||
|
|
* We used to set this in the html element and inherit from
|
||
|
|
* the parent element for everything else. This caused issues
|
||
|
|
* in shadow-dom-enhanced elements like <details> where the content
|
||
|
|
* is wrapped by a div with box-sizing set to `content-box`.
|
||
|
|
*
|
||
|
|
* https://github.com/mozdevs/cssremedy/issues/4
|
||
|
|
*
|
||
|
|
*
|
||
|
|
* 2. Allow adding a border to an element by just adding a border-width.
|
||
|
|
*
|
||
|
|
* By default, the way the browser specifies that an element should have no
|
||
|
|
* border is by setting it's border-style to `none` in the user-agent
|
||
|
|
* stylesheet.
|
||
|
|
*
|
||
|
|
* In order to easily add borders to elements by just setting the `border-width`
|
||
|
|
* property, we change the default border-style for all elements to `solid`, and
|
||
|
|
* use border-width to hide them instead. This way our `border` utilities only
|
||
|
|
* need to set the `border-width` property instead of the entire `border`
|
||
|
|
* shorthand, making our border utilities much more straightforward to compose.
|
||
|
|
*
|
||
|
|
* https://github.com/tailwindcss/tailwindcss/pull/116
|
||
|
|
*/*,
|
||
|
|
::before,
|
||
|
|
::after {
|
||
|
|
box-sizing: border-box; /* 1 */
|
||
|
|
border-width: 0; /* 2 */
|
||
|
|
border-style: solid; /* 2 */
|
||
|
|
border-color: currentColor; /* 2 */
|
||
|
|
}/*
|
||
|
|
* Ensure horizontal rules are visible by default
|
||
|
|
*/hr {
|
||
|
|
border-top-width: 1px;
|
||
|
|
}/**
|
||
|
|
* Undo the `border-style: none` reset that Normalize applies to images so that
|
||
|
|
* our `border-{width}` utilities have the expected effect.
|
||
|
|
*
|
||
|
|
* The Normalize reset is unnecessary for us since we default the border-width
|
||
|
|
* to 0 on all elements.
|
||
|
|
*
|
||
|
|
* https://github.com/tailwindcss/tailwindcss/issues/362
|
||
|
|
*/img {
|
||
|
|
border-style: solid;
|
||
|
|
}textarea {
|
||
|
|
resize: vertical;
|
||
|
|
}input::-moz-placeholder, textarea::-moz-placeholder {
|
||
|
|
opacity: 1;
|
||
|
|
color: #9ca3af;
|
||
|
|
}input:-ms-input-placeholder, textarea:-ms-input-placeholder {
|
||
|
|
opacity: 1;
|
||
|
|
color: #9ca3af;
|
||
|
|
}input::placeholder,
|
||
|
|
textarea::placeholder {
|
||
|
|
opacity: 1;
|
||
|
|
color: #9ca3af;
|
||
|
|
}button,
|
||
|
|
[role="button"] {
|
||
|
|
cursor: pointer;
|
||
|
|
}table {
|
||
|
|
border-collapse: collapse;
|
||
|
|
}h1,
|
||
|
|
h2,
|
||
|
|
h3,
|
||
|
|
h4,
|
||
|
|
h5,
|
||
|
|
h6 {
|
||
|
|
font-size: inherit;
|
||
|
|
font-weight: inherit;
|
||
|
|
}/**
|
||
|
|
* Reset links to optimize for opt-in styling instead of
|
||
|
|
* opt-out.
|
||
|
|
*/a {
|
||
|
|
color: inherit;
|
||
|
|
text-decoration: inherit;
|
||
|
|
}/**
|
||
|
|
* Reset form element properties that are easy to forget to
|
||
|
|
* style explicitly so you don't inadvertently introduce
|
||
|
|
* styles that deviate from your design system. These styles
|
||
|
|
* supplement a partial reset that is already applied by
|
||
|
|
* normalize.css.
|
||
|
|
*/button,
|
||
|
|
input,
|
||
|
|
optgroup,
|
||
|
|
select,
|
||
|
|
textarea {
|
||
|
|
padding: 0;
|
||
|
|
line-height: inherit;
|
||
|
|
color: inherit;
|
||
|
|
}/**
|
||
|
|
* Use the configured 'mono' font family for elements that
|
||
|
|
* are expected to be rendered with a monospace font, falling
|
||
|
|
* back to the system monospace stack if there is no configured
|
||
|
|
* 'mono' font family.
|
||
|
|
*/pre,
|
||
|
|
code,
|
||
|
|
kbd,
|
||
|
|
samp {
|
||
|
|
font-family: ui-monospace, SFMono-Regular, Menlo, Monaco, Consolas, "Liberation Mono", "Courier New", monospace;
|
||
|
|
}/**
|
||
|
|
* 1. Make replaced elements `display: block` by default as that's
|
||
|
|
* the behavior you want almost all of the time. Inspired by
|
||
|
|
* CSS Remedy, with `svg` added as well.
|
||
|
|
*
|
||
|
|
* https://github.com/mozdevs/cssremedy/issues/14
|
||
|
|
*
|
||
|
|
* 2. Add `vertical-align: middle` to align replaced elements more
|
||
|
|
* sensibly by default when overriding `display` by adding a
|
||
|
|
* utility like `inline`.
|
||
|
|
*
|
||
|
|
* This can trigger a poorly considered linting error in some
|
||
|
|
* tools but is included by design.
|
||
|
|
*
|
||
|
|
* https://github.com/jensimmons/cssremedy/issues/14#issuecomment-634934210
|
||
|
|
*/img,
|
||
|
|
svg,
|
||
|
|
video,
|
||
|
|
canvas,
|
||
|
|
audio,
|
||
|
|
iframe,
|
||
|
|
embed,
|
||
|
|
object {
|
||
|
|
display: block; /* 1 */
|
||
|
|
vertical-align: middle; /* 2 */
|
||
|
|
}/**
|
||
|
|
* Constrain images and videos to the parent width and preserve
|
||
|
|
* their intrinsic aspect ratio.
|
||
|
|
*
|
||
|
|
* https://github.com/mozdevs/cssremedy/issues/14
|
||
|
|
*/img,
|
||
|
|
video {
|
||
|
|
max-width: 100%;
|
||
|
|
height: auto;
|
||
|
|
}/**
|
||
|
|
* Ensure the default browser behavior of the `hidden` attribute.
|
||
|
|
*/[hidden] {
|
||
|
|
display: none;
|
||
|
|
}*, ::before, ::after{--tw-translate-x:0;--tw-translate-y:0;--tw-rotate:0;--tw-skew-x:0;--tw-skew-y:0;--tw-scale-x:1;--tw-scale-y:1;--tw-transform:translateX(var(--tw-translate-x)) translateY(var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y));--tw-border-opacity:1;border-color:rgba(229, 231, 235, var(--tw-border-opacity));--tw-ring-inset:var(--tw-empty,/*!*/ /*!*/);--tw-ring-offset-width:0px;--tw-ring-offset-color:#fff;--tw-ring-color:rgba(59, 130, 246, 0.5);--tw-ring-offset-shadow:0 0 #0000;--tw-ring-shadow:0 0 #0000;--tw-shadow:0 0 #0000;--tw-blur:var(--tw-empty,/*!*/ /*!*/);--tw-brightness:var(--tw-empty,/*!*/ /*!*/);--tw-contrast:var(--tw-empty,/*!*/ /*!*/);--tw-grayscale:var(--tw-empty,/*!*/ /*!*/);--tw-hue-rotate:var(--tw-empty,/*!*/ /*!*/);--tw-invert:var(--tw-empty,/*!*/ /*!*/);--tw-saturate:var(--tw-empty,/*!*/ /*!*/);--tw-sepia:var(--tw-empty,/*!*/ /*!*/);--tw-drop-shadow:var(--tw-empty,/*!*/ /*!*/);--tw-filter:var(--tw-blur) var(--tw-brightness) var(--tw-contrast) var(--tw-grayscale) var(--tw-hue-rotate) var(--tw-invert) var(--tw-saturate) var(--tw-sepia) var(--tw-drop-shadow)}.container{width:100%;margin-right:auto;margin-left:auto;padding-right:2rem;padding-left:2rem}@media (min-width: 640px){.container{max-width:640px}}@media (min-width: 768px){.container{max-width:768px}}@media (min-width: 1024px){.container{max-width:1024px}}@media (min-width: 1280px){.container{max-width:1280px}}@media (min-width: 1536px){.container{max-width:1536px}}.aspect-w-1,
|
||
|
|
.aspect-w-2,
|
||
|
|
.aspect-w-3,
|
||
|
|
.aspect-w-4,
|
||
|
|
.aspect-w-5,
|
||
|
|
.aspect-w-6,
|
||
|
|
.aspect-w-7,
|
||
|
|
.aspect-w-8,
|
||
|
|
.aspect-w-9,
|
||
|
|
.aspect-w-10,
|
||
|
|
.aspect-w-11,
|
||
|
|
.aspect-w-12,
|
||
|
|
.aspect-w-13,
|
||
|
|
.aspect-w-14,
|
||
|
|
.aspect-w-15,
|
||
|
|
.aspect-w-16{position:relative;padding-bottom:calc(var(--tw-aspect-h) / var(--tw-aspect-w) * 100%)}.aspect-w-1 > *,
|
||
|
|
.aspect-w-2 > *,
|
||
|
|
.aspect-w-3 > *,
|
||
|
|
.aspect-w-4 > *,
|
||
|
|
.aspect-w-5 > *,
|
||
|
|
.aspect-w-6 > *,
|
||
|
|
.aspect-w-7 > *,
|
||
|
|
.aspect-w-8 > *,
|
||
|
|
.aspect-w-9 > *,
|
||
|
|
.aspect-w-10 > *,
|
||
|
|
.aspect-w-11 > *,
|
||
|
|
.aspect-w-12 > *,
|
||
|
|
.aspect-w-13 > *,
|
||
|
|
.aspect-w-14 > *,
|
||
|
|
.aspect-w-15 > *,
|
||
|
|
.aspect-w-16 > *{position:absolute;height:100%;width:100%;top:0;right:0;bottom:0;left:0}.aspect-w-1{--tw-aspect-w:1}.aspect-w-16{--tw-aspect-w:16}.aspect-h-1{--tw-aspect-h:1}.prose{color:#374151;max-width:65ch;}.prose [class~="lead"]{color:#4b5563;font-size:1.25em;line-height:1.6;margin-top:1.2em;margin-bottom:1.2em}.prose a{color:#111827;text-decoration:underline;font-weight:500}.prose strong{color:#111827;font-weight:600}.prose ol[type="A"]{--list-counter-style:upper-alpha}.prose ol[type="a"]{--list-counter-style:lower-alpha}.prose ol[type="A" s]{--list-counter-style:upper-alpha}.prose ol[type="a" s]{--list-counter-style:lower-alpha}.prose ol[type="I"]{--list-counter-style:upper-roman}.prose ol[type="i"]{--list-counter-style:lower-roman}.prose ol[type="I" s]{--list-counter-style:upper-roman}.prose ol[type="i" s]{--list-counter-style:lower-roman}.prose ol[type="1"]{--list-counter-style:decimal}.prose ol > li{position:relative;padding-left:1.75em}.prose ol > li::before{content:counter(list-item, var(--list-counter-style, decimal)) ".";position:absolute;font-weight:400;color:#6b7280;left:0}.prose ul > li{position:relative;padding-left:1.75em}.prose ul > li::before{content:"";position:absolute;background-color:#d1d5db;border-radius:50%;width:0.375em;height:0.375em;top:calc(0.875em - 0.1875em);left:0.25em}.prose hr{border-color:#e5e7eb;border-top-width:1px;margin-top:3em;margin-bottom:3em}.prose blockquote{font-weight:500;font-style:italic;color:#111827;border-left-width:0.25rem;border-left-color:#e5e7eb;quotes:"\201C""\201D""\2018""\2019";margin-top:1.6em;margin-bottom:1.6em;padding-left:1em}.prose blockquote p:first-of-type::before{content:open-quote}.prose blockquote p:last-of-type::after{content:close-quote}.prose h1{color:#111827;font-weight:800;font-size:2.25em;margin-top:0;margin-bottom:0.8888889em;line-height:1.1111111;font-family:Epilogue,ui-serif,Georgia,Cambria,"Times New Roman",Times,serif}.prose h2{color:#111827;font-weight:700;font-size:1.5em;margin-top:2em;margin-bottom:1em;line-height:1.3333333;font-family:Epilogue,ui-serif,Georgia,Cambria,"Times New Roman",Times,serif}.prose h3{color:#111827;font-weight:600;font-size:1.25em;margin-top:1.6em;margin-bottom:0.6em;line-height:1.6;font-family:Epilogue,ui-serif,Georgia,Cambria,"Times New Roman",Times,serif}.prose h4{color:#111827;font-weight:600;margin-top:1.5em;margin-bottom:0.5em;line-height:1.5;font-family:Epilogue,ui-serif,Georgia,Cambria,"Times New Roman",Times,serif}.prose figure figcaption{color:#6b7280;font-size:0.875em;line-height:1.4285714;margin-top:0.8571429em}.prose code{color:#111827;font-weight:600;font-size:0.875em}.prose code::before{content:"`"}.prose code::after{content:"`"}.prose a code{color:#111827}.prose pre{color:#e5e7eb;background-color:#1f2937;overflow-x:auto;font-size:0.875em;line-height:1.7142857;margin-top:1.7142857em;margin-bottom:1.7142857em;border-radius:0.375rem;padding-top:0.8571429em;padding-right:1.1428571em;padding-bottom:0.8571429em;padding-left:1.1428571em}.prose pre code{background-color:transparent;border-width:0;border-radius:0;padding:0;font-weight:400;color:inherit;font-size:inherit;font-family:inherit;line-height:inherit}.prose pre code::before{content:none}.prose pre code::after{content:none}.prose table{width:100%;table-layout:auto;text-align:left;margin-top:2em;margin-bottom:2em;font-size:0.875em;line-height:1.7142857}.prose thead{color:#111827;font-weight:600;border-bottom-width:1px;border-bottom-color:#d1d5db}.prose thead th{vertical-align:bottom;padding-right:0.5714286em;padding-bottom:0.5714286em;padding-left:0.5714286em}.prose tbody tr{border-bottom-width:1px;border-bottom-color:#e5e7eb}.prose tbody tr:last-child{border-bottom-width:0}.prose tbody td{vertical-align:top;padding-top:0.5714286em;padding-right:0.5714286em;padding-bottom:0.5714286em;padding-left:0.5714286em}.prose{font-size:1rem;line-height:1.75}.prose p{margin-top:1.25em;margin-bottom:1.25em}.prose img{margin-top:2em;margin-bottom:2em}.prose video{margin-top:2em;margin-bottom:2em}.prose figure{margin-top:2em;margin-bottom:2em}.prose figure > *{mar
|
||
|
|
code[class*=language-],pre[class*=language-]{color:#000;background:none;text-shadow:0 1px #fff;font-family:Consolas,Monaco,"Andale Mono","Ubuntu Mono",monospace;font-size:1em;text-align:left;white-space:pre;word-spacing:normal;word-break:normal;word-wrap:normal;line-height:1.5;-moz-tab-size:4;-o-tab-size:4;tab-size:4;-webkit-hyphens:none;-ms-hyphens:none;hyphens:none}code[class*=language-]::-moz-selection,code[class*=language-] ::-moz-selection,pre[class*=language-]::-moz-selection,pre[class*=language-] ::-moz-selection{text-shadow:none;background:#b3d4fc}code[class*=language-]::-moz-selection, code[class*=language-] ::-moz-selection, pre[class*=language-]::-moz-selection, pre[class*=language-] ::-moz-selection{text-shadow:none;background:#b3d4fc}code[class*=language-]::selection,code[class*=language-] ::selection,pre[class*=language-]::selection,pre[class*=language-] ::selection{text-shadow:none;background:#b3d4fc}@media print{code[class*=language-],pre[class*=language-]{text-shadow:none}}pre[class*=language-]{padding:1em;margin:.5em 0;overflow:auto}:not(pre)>code[class*=language-],pre[class*=language-]{background:#f5f2f0}:not(pre)>code[class*=language-]{padding:.1em;border-radius:.3em;white-space:normal}.token.cdata,.token.comment,.token.doctype,.token.prolog{color:#708090}.token.punctuation{color:#999}.token.namespace{opacity:.7}.token.boolean,.token.constant,.token.deleted,.token.number,.token.property,.token.symbol,.token.tag{color:#905}.token.attr-name,.token.builtin,.token.char,.token.inserted,.token.selector,.token.string{color:#690}.language-css .token.string,.style .token.string,.token.entity,.token.operator,.token.url{color:#9a6e3a;background:hsla(0,0%,100%,.5)}.token.atrule,.token.attr-value,.token.keyword{color:#07a}.token.class-name,.token.function{color:#dd4a68}.token.important,.token.regex,.token.variable{color:#e90}.token.bold,.token.important{font-weight:700}.token.italic{font-style:italic}.token.entity{cursor:help}
|
||
|
|
.nuxt-progress{position:fixed;top:0;left:0;right:0;height:2px;width:0;opacity:1;transition:width .1s,opacity .4s;background-color:#000;z-index:999999}.nuxt-progress.nuxt-progress-notransition{transition:none}.nuxt-progress-failed{background-color:red}
|
||
|
|
.layout__aside{border-bottom-width:1px}@media (min-width: 768px){.layout__aside{border-bottom-width:0px}}.layout__footer{position:sticky;bottom:0;z-index:10;border-top-width:1px;--tw-bg-opacity:1;background-color:rgba(255, 255, 255, var(--tw-bg-opacity));padding:1.25rem;white-space:nowrap;overflow:auto}.layout--sub-aside .layout__sub-aside{border-bottom-width:1px}@media (min-width: 768px){.layout{display:grid;grid-template-columns:165px 0 1fr -webkit-min-content;grid-template-columns:165px 0 1fr min-content;grid-template-rows:1fr 0;height:100vh}.layout__aside{border-right-width:1px}.layout__aside{padding:0.75rem}.layout__aside{grid-row:1/3}.layout__footer{grid-row:2/3;grid-column:3/4}.layout__footer{border-top-width:1px}.layout__footer{padding:0.75rem}.layout__ad{grid-row:1/3;grid-column:4/5;overflow:auto}.layout__ad{border-left-width:1px}.layout__ad{padding:0.75rem}.layout__content{overflow-y:auto;overflow-x:hidden;grid-row:1/3;grid-column:3/4}.layout--footer{grid-template-rows:1fr -webkit-max-content;grid-template-rows:1fr max-content}.layout--footer .layout__content{grid-row:1/2}.layout--sub-aside{grid-template-columns:165px 160px 1fr -webkit-min-content;grid-template-columns:165px 160px 1fr min-content}.layout--sub-aside .layout__sub-aside{border-right-width:1px}.layout--sub-aside .layout__sub-aside{padding:0.75rem}}
|
||
|
|
.sidebar-links{margin-top:0.25rem;display:flex;flex-direction:column}.sidebar-links a{padding-top:0.25rem;padding-bottom:0.25rem}.sidebar-links a.nuxt-link-active:not(.sidebar-links__exact),.sidebar-links a.nuxt-link-exact-active,.sidebar-links a.sidebar-links__active{position:relative}.sidebar-links a.nuxt-link-active:not(.sidebar-links__exact):before, .sidebar-links a.nuxt-link-exact-active:before, .sidebar-links a.sidebar-links__active:before{--tw-bg-opacity:1;background-color:rgba(255, 255, 0, var(--tw-bg-opacity))}.sidebar-links a.nuxt-link-active:not(.sidebar-links__exact):before,.sidebar-links a.nuxt-link-exact-active:before,.sidebar-links a.sidebar-links__active:before{position:absolute;z-index:-1;left:0;right:0;bottom:4px;height:12px;margin:auto;content:""}.sidebar-links--responsive{display:flex;flex-direction:row;overflow:auto}.sidebar-links--responsive a{white-space:nowrap;padding:0.5rem}@media (min-width: 768px){.sidebar-links--responsive{flex-direction:column}.sidebar-links--responsive a{padding-top:0.25rem;padding-bottom:0.25rem}.sidebar-links--responsive a{padding-left:0px;padding-right:0px}}
|
||
|
|
.ad-160x600{width:160px}.ad-160x600,.ad-300x600{height:600px;background:#dadada}.ad-300x600{width:300px}</style>
|
||
|
|
</head>
|
||
|
|
<body >
|
||
|
|
<noscript data-n-head="ssr" data-hid="gtm-noscript" data-pbody="true"><iframe src="https://www.googletagmanager.com/ns.html?id=GTM-WRTWLK9&" height="0" width="0" style="display:none;visibility:hidden" title="gtm"></iframe></noscript><div data-server-rendered="true" id="__nuxt"><!----><div id="__layout"><div class="app"><div class="layout"><div class="layout__aside"><aside class="flex md:flex-col h-full"><header class="p-3 flex items-center md:p-0"><button class="w-8 h-8 p-0 mr-4 md:hidden"><!----></button> <a href="/" class="nuxt-link-active"><img src="/img/logo.svg" alt="Material UI" width="64px" height="22px" class="logo"></a></header> <div class="
|
||
|
|
fixed
|
||
|
|
top-0
|
||
|
|
left-0
|
||
|
|
bottom-0
|
||
|
|
bg-white
|
||
|
|
space-y-6
|
||
|
|
p-10
|
||
|
|
transform
|
||
|
|
-translate-x-full
|
||
|
|
border-r-4 border-black
|
||
|
|
z-40
|
||
|
|
transition-all
|
||
|
|
md:translate-x-0 md:p-0 md:static md:flex-grow md:border-0
|
||
|
|
"><button class="w-8 h-8 p-0 md:hidden"><!----></button> <section><h3 class="font-display text-lg font-bold leading-none">
|
||
|
|
Colors
|
||
|
|
</h3> <div class="sidebar-links"><a title="Material Colors">
|
||
|
|
Material
|
||
|
|
</a><a title="Flat UI Colors">
|
||
|
|
Flat UI
|
||
|
|
</a><a title="Social Colors">
|
||
|
|
Social
|
||
|
|
</a><a title="Metro Colors">
|
||
|
|
Metro
|
||
|
|
</a><a title="HTML Colors">
|
||
|
|
HTML
|
||
|
|
</a><a title="Color Picker">
|
||
|
|
Color Picker
|
||
|
|
</a><a href="https://www.tailwindcolor.com" target="_blank" title="Tailwind Colors">
|
||
|
|
Tailwind ↗️
|
||
|
|
</a><a href="https://www.fluentcolors.com" target="_blank" title="Fluent Colors">
|
||
|
|
Fluent ↗️
|
||
|
|
</a></div> </section> <section><h3 class="font-display text-lg font-bold leading-none">
|
||
|
|
More
|
||
|
|
</h3> <div class="sidebar-links"><a title="Icons" class="sidebar-links__active">
|
||
|
|
Icons
|
||
|
|
</a><a title="Unicodes">
|
||
|
|
Unicodes
|
||
|
|
</a><a href="https://emojikeyboard.io" target="_blank" title="Emoji Keyboard">
|
||
|
|
Emoji Keyboard ↗️
|
||
|
|
</a><a title="Blog" class="sidebar-links__exact">
|
||
|
|
Blog
|
||
|
|
</a><a title="Turn down for what?">
|
||
|
|
TDFW?
|
||
|
|
</a><a title="About us">
|
||
|
|
About
|
||
|
|
</a><a title="Advertise with us">
|
||
|
|
Advertise
|
||
|
|
</a></div> </section></div> <footer class="hidden md:block mt-auto"><p class="text-xs text-gray-500">v4.2.5</p></footer></aside></div> <div class="layout__sub-aside"></div> <div class="layout__content"><div class="text-center mt-24"><h1 class="font-display text-6xl">(╯°□°)╯︵ ┻━┻</h1> <h1 class="text-display text-xl mt-16">Not Found.</h1></div></div> <div class="layout__ad"><div class="ad-300x600"><ins data-ad-client="ca-pub-9956196453871414" data-ad-slot="3882429147" data-ad-format="fixed" data-ad-region="page-0.6866705875634287" class="adsbygoogle" style="display:block;width:300px;height:600px;"></ins></div></div> <!----></div> <!----><!----><!----></div></div></div><script>window.__NUXT__={layout:"default",data:[{},{}],fetch:{},error:{statusCode:404,message:"{\n \"statusCode\": 404\n}"},serverRendered:true,routePath:"\u002Ficon\u002Fundefined",config:{_app:{basePath:"\u002F",assetsPath:"\u002F_nuxt\u002F",cdnURL:null}}};</script><script src="/_nuxt/7d3607f.js" defer></script><script src="/_nuxt/7d90738.js" defer></script><script src="/_nuxt/fde00f2.js" defer></script><script src="/_nuxt/b428414.js" defer></script><script data-n-head="ssr" src="/footer-script.js" data-body="true"></script>
|
||
|
|
</body>
|
||
|
|
</html>
|