Something went wrong. Try again.
[READ-ONLY] Mirror of https://github.com/hacknug/tailwindcss-parcel-boilerplate. tailwindcss-parcel-boilerplate.netlify.com
Something went wrong. Try again.
11 kB · 610 lines
CSS
at master
123456789101112131415161718192021222324252627282930313233343536373839404142434445464748495051525354555657585960616263646566676869707172737475767778798081828384858687888990919293949596979899100101102103104105106107108109110111112113114115116117118119120121122123124125126127128129130131132133134135136137138139140141142143144145146147148149150151152153154155156157158159160161162163164165166167168169170171172173174175176177178179180181182183184185186187188189190191192193194195196197198199200201202203204205206207208209210211212213214215216217218219220221222223224225226227228229230231232233234235236237238239240241242243244245246247248249250251252253254255256257258259260261262263264265266267268269270271272273274275276277278279280281282283284285286287288289290291292293294295296297298299300301302303304305306307308309310311312313314315316317318319320321322323324325326327328329330331332333334335336337338339340341342343344345346347348349350351352353354355356357358359360361362363364365366367368369370371372373374375376377378379380381382383384385386387388389390391392393394395396397398399400401402403404405406407408409410411412413414415416417418419420421422423424425426427428429430431432433434435436437438439440441442443444445446447448449450451452453454455456457458459460461462463464465466467468469470471472473474475476477478479480481482483484485486487488489490491492493494495496497498499500501502503504505506507508509510511512513514515516517518519520521522523524525526527528529530531532533534535536537538539540541542543544545546547548549550551552553554555556557558559560561562563564565566567568569570571572573574575576577578579580581582583584585586587588589590591592593594595596597598599600601602603604605606607608609610611/*! tailwindcss v2.1.4 | 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;}
/** * Work around a Firefox/IE bug where the transparent `button` background * results in a loss of the default `button` focus styles. */
button:focus { outline: 1px dotted; outline: 5px auto -webkit-focus-ring-color;}
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: 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: #e5e7eb; /* 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;}
/** * 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 */
img,svg,video,canvas,audio,iframe,embed,object { display: block; vertical-align: middle;}
/** * 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;}
* { --tw-shadow: 0 0 #0000; --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;}.flex { display: flex;}.min-h-screen { min-height: 100vh;}.items-center { align-items: center;}.justify-center { justify-content: center;}.bg-red-900 { --tw-bg-opacity: 1; background-color: rgba(127, 29, 29, var(--tw-bg-opacity));}.bg-blue-900 { --tw-bg-opacity: 1; background-color: rgba(30, 58, 138, var(--tw-bg-opacity));}.bg-yellow-900 { --tw-bg-opacity: 1; background-color: rgba(120, 53, 15, var(--tw-bg-opacity));}.bg-cover { background-size: cover;}.text-center { text-align: center;}.font-sans { font-family: 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";}.text-4xl { font-size: 2.25rem; line-height: 2.5rem;}.leading-none { line-height: 1;}.text-white { --tw-text-opacity: 1; color: rgba(255, 255, 255, var(--tw-text-opacity));}.bg-special { background: linear-gradient(red, transparent), linear-gradient(to top left, lime, transparent), linear-gradient(to top right, blue, transparent); background-blend-mode: screen; }