Generated Output

From Torrid Panda, 3 Months ago, written in CSS, viewed 106 times.
URL http://codebin.org/view/bba03ee2 Embed
Download Paste or View Raw
  1. /*!*****************************************************************************************************************************************************************************************************************************************************************!*\
  2.   !*** css ./node_modules/css-loader/dist/cjs.js??ruleSet[1].rules[3].use[1]!./node_modules/postcss-loader/dist/cjs.js??ruleSet[1].rules[3].use[2]!./node_modules/sass-loader/dist/cjs.js??ruleSet[1].rules[3].use[3]!./app/assets/packs/styles/application.scss ***!
  3.   \*****************************************************************************************************************************************************************************************************************************************************************/
  4. /*
  5. ! tailwindcss v3.1.8 | MIT License | https://tailwindcss.com
  6. *//*
  7. 1. Prevent padding and border from affecting element width. (https://github.com/mozdevs/cssremedy/issues/4)
  8. 2. Allow adding a border to an element by just adding a border-width. (https://github.com/tailwindcss/tailwindcss/pull/116)
  9. */
  10.  
  11. *,
  12. ::before,
  13. ::after {
  14.   box-sizing: border-box; /* 1 */
  15.   border-width: 0; /* 2 */
  16.   border-style: solid; /* 2 */
  17.   border-color: #e5e7eb; /* 2 */
  18. }
  19.  
  20. ::before,
  21. ::after {
  22.   --tw-content: '';
  23. }
  24.  
  25. /*
  26. 1. Use a consistent sensible line-height in all browsers.
  27. 2. Prevent adjustments of font size after orientation changes in iOS.
  28. 3. Use a more readable tab size.
  29. 4. Use the user's configured `sans` font-family by default.
  30. */
  31.  
  32. html {
  33.   line-height: 1.5; /* 1 */
  34.   -webkit-text-size-adjust: 100%; /* 2 */
  35.   -moz-tab-size: 4; /* 3 */
  36.   -o-tab-size: 4;
  37.      tab-size: 4; /* 3 */
  38.   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"; /* 4 */
  39. }
  40.  
  41. /*
  42. 1. Remove the margin in all browsers.
  43. 2. Inherit line-height from `html` so users can set them as a class directly on the `html` element.
  44. */
  45.  
  46. body {
  47.   margin: 0; /* 1 */
  48.   line-height: inherit; /* 2 */
  49. }
  50.  
  51. /*
  52. 1. Add the correct height in Firefox.
  53. 2. Correct the inheritance of border color in Firefox. (https://bugzilla.mozilla.org/show_bug.cgi?id=190655)
  54. 3. Ensure horizontal rules are visible by default.
  55. */
  56.  
  57. hr {
  58.   height: 0; /* 1 */
  59.   color: inherit; /* 2 */
  60.   border-top-width: 1px; /* 3 */
  61. }
  62.  
  63. /*
  64. Add the correct text decoration in Chrome, Edge, and Safari.
  65. */
  66.  
  67. abbr:where([title]) {
  68.   -webkit-text-decoration: underline dotted;
  69.           text-decoration: underline dotted;
  70. }
  71.  
  72. /*
  73. Remove the default font size and weight for headings.
  74. */
  75.  
  76. h1,
  77. h2,
  78. h3,
  79. h4,
  80. h5,
  81. h6 {
  82.   font-size: inherit;
  83.   font-weight: inherit;
  84. }
  85.  
  86. /*
  87. Reset links to optimize for opt-in styling instead of opt-out.
  88. */
  89.  
  90. a {
  91.   color: inherit;
  92.   text-decoration: inherit;
  93. }
  94.  
  95. /*
  96. Add the correct font weight in Edge and Safari.
  97. */
  98.  
  99. b,
  100. strong {
  101.   font-weight: bolder;
  102. }
  103.  
  104. /*
  105. 1. Use the user's configured `mono` font family by default.
  106. 2. Correct the odd `em` font sizing in all browsers.
  107. */
  108.  
  109. code,
  110. kbd,
  111. samp,
  112. pre {
  113.   font-family: ui-monospace, SFMono-Regular, Menlo, Monaco, Consolas, "Liberation Mono", "Courier New", monospace; /* 1 */
  114.   font-size: 1em; /* 2 */
  115. }
  116.  
  117. /*
  118. Add the correct font size in all browsers.
  119. */
  120.  
  121. small {
  122.   font-size: 80%;
  123. }
  124.  
  125. /*
  126. Prevent `sub` and `sup` elements from affecting the line height in all browsers.
  127. */
  128.  
  129. sub,
  130. sup {
  131.   font-size: 75%;
  132.   line-height: 0;
  133.   position: relative;
  134.   vertical-align: baseline;
  135. }
  136.  
  137. sub {
  138.   bottom: -0.25em;
  139. }
  140.  
  141. sup {
  142.   top: -0.5em;
  143. }
  144.  
  145. /*
  146. 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)
  147. 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)
  148. 3. Remove gaps between table borders by default.
  149. */
  150.  
  151. table {
  152.   text-indent: 0; /* 1 */
  153.   border-color: inherit; /* 2 */
  154.   border-collapse: collapse; /* 3 */
  155. }
  156.  
  157. /*
  158. 1. Change the font styles in all browsers.
  159. 2. Remove the margin in Firefox and Safari.
  160. 3. Remove default padding in all browsers.
  161. */
  162.  
  163. button,
  164. input,
  165. optgroup,
  166. select,
  167. textarea {
  168.   font-family: inherit; /* 1 */
  169.   font-size: 100%; /* 1 */
  170.   font-weight: inherit; /* 1 */
  171.   line-height: inherit; /* 1 */
  172.   color: inherit; /* 1 */
  173.   margin: 0; /* 2 */
  174.   padding: 0; /* 3 */
  175. }
  176.  
  177. /*
  178. Remove the inheritance of text transform in Edge and Firefox.
  179. */
  180.  
  181. button,
  182. select {
  183.   text-transform: none;
  184. }
  185.  
  186. /*
  187. 1. Correct the inability to style clickable types in iOS and Safari.
  188. 2. Remove default button styles.
  189. */
  190.  
  191. button,
  192. [type='button'],
  193. [type='reset'],
  194. [type='submit'] {
  195.   -webkit-appearance: button; /* 1 */
  196.   background-color: transparent; /* 2 */
  197.   background-image: none; /* 2 */
  198. }
  199.  
  200. /*
  201. Use the modern Firefox focus style for all focusable elements.
  202. */
  203.  
  204. :-moz-focusring {
  205.   outline: auto;
  206. }
  207.  
  208. /*
  209. Remove the additional `:invalid` styles in Firefox. (https://github.com/mozilla/gecko-dev/blob/2f9eacd9d3d995c937b4251a5557d95d494c9be1/layout/style/res/forms.css#L728-L737)
  210. */
  211.  
  212. :-moz-ui-invalid {
  213.   box-shadow: none;
  214. }
  215.  
  216. /*
  217. Add the correct vertical alignment in Chrome and Firefox.
  218. */
  219.  
  220. progress {
  221.   vertical-align: baseline;
  222. }
  223.  
  224. /*
  225. Correct the cursor style of increment and decrement buttons in Safari.
  226. */
  227.  
  228. ::-webkit-inner-spin-button,
  229. ::-webkit-outer-spin-button {
  230.   height: auto;
  231. }
  232.  
  233. /*
  234. 1. Correct the odd appearance in Chrome and Safari.
  235. 2. Correct the outline style in Safari.
  236. */
  237.  
  238. [type='search'] {
  239.   -webkit-appearance: textfield; /* 1 */
  240.   outline-offset: -2px; /* 2 */
  241. }
  242.  
  243. /*
  244. Remove the inner padding in Chrome and Safari on macOS.
  245. */
  246.  
  247. ::-webkit-search-decoration {
  248.   -webkit-appearance: none;
  249. }
  250.  
  251. /*
  252. 1. Correct the inability to style clickable types in iOS and Safari.
  253. 2. Change font properties to `inherit` in Safari.
  254. */
  255.  
  256. ::-webkit-file-upload-button {
  257.   -webkit-appearance: button; /* 1 */
  258.   font: inherit; /* 2 */
  259. }
  260.  
  261. /*
  262. Add the correct display in Chrome and Safari.
  263. */
  264.  
  265. summary {
  266.   display: list-item;
  267. }
  268.  
  269. /*
  270. Removes the default spacing and border for appropriate elements.
  271. */
  272.  
  273. blockquote,
  274. dl,
  275. dd,
  276. h1,
  277. h2,
  278. h3,
  279. h4,
  280. h5,
  281. h6,
  282. hr,
  283. figure,
  284. p,
  285. pre {
  286.   margin: 0;
  287. }
  288.  
  289. fieldset {
  290.   margin: 0;
  291.   padding: 0;
  292. }
  293.  
  294. legend {
  295.   padding: 0;
  296. }
  297.  
  298. ol,
  299. ul,
  300. menu {
  301.   list-style: none;
  302.   margin: 0;
  303.   padding: 0;
  304. }
  305.  
  306. /*
  307. Prevent resizing textareas horizontally by default.
  308. */
  309.  
  310. textarea {
  311.   resize: vertical;
  312. }
  313.  
  314. /*
  315. 1. Reset the default placeholder opacity in Firefox. (https://github.com/tailwindlabs/tailwindcss/issues/3300)
  316. 2. Set the default placeholder color to the user's configured gray 400 color.
  317. */
  318.  
  319. input::-moz-placeholder, textarea::-moz-placeholder {
  320.   opacity: 1; /* 1 */
  321.   color: #9ca3af; /* 2 */
  322. }
  323.  
  324. input::placeholder,
  325. textarea::placeholder {
  326.   opacity: 1; /* 1 */
  327.   color: #9ca3af; /* 2 */
  328. }
  329.  
  330. /*
  331. Set the default cursor for buttons.
  332. */
  333.  
  334. button,
  335. [role="button"] {
  336.   cursor: pointer;
  337. }
  338.  
  339. /*
  340. Make sure disabled buttons don't get the pointer cursor.
  341. */
  342. :disabled {
  343.   cursor: default;
  344. }
  345.  
  346. /*
  347. 1. Make replaced elements `display: block` by default. (https://github.com/mozdevs/cssremedy/issues/14)
  348. 2. Add `vertical-align: middle` to align replaced elements more sensibly by default. (https://github.com/jensimmons/cssremedy/issues/14#issuecomment-634934210)
  349.    This can trigger a poorly considered lint error in some tools but is included by design.
  350. */
  351.  
  352. img,
  353. svg,
  354. video,
  355. canvas,
  356. audio,
  357. iframe,
  358. embed,
  359. object {
  360.   display: block; /* 1 */
  361.   vertical-align: middle; /* 2 */
  362. }
  363.  
  364. /*
  365. Constrain images and videos to the parent width and preserve their intrinsic aspect ratio. (https://github.com/mozdevs/cssremedy/issues/14)
  366. */
  367.  
  368. img,
  369. video {
  370.   max-width: 100%;
  371.   height: auto;
  372. }
  373.  
  374. *, ::before, ::after {
  375.   --tw-border-spacing-x: 0;
  376.   --tw-border-spacing-y: 0;
  377.   --tw-translate-x: 0;
  378.   --tw-translate-y: 0;
  379.   --tw-rotate: 0;
  380.   --tw-skew-x: 0;
  381.   --tw-skew-y: 0;
  382.   --tw-scale-x: 1;
  383.   --tw-scale-y: 1;
  384.   --tw-pan-x:  ;
  385.   --tw-pan-y:  ;
  386.   --tw-pinch-zoom:  ;
  387.   --tw-scroll-snap-strictness: proximity;
  388.   --tw-ordinal:  ;
  389.   --tw-slashed-zero:  ;
  390.   --tw-numeric-figure:  ;
  391.   --tw-numeric-spacing:  ;
  392.   --tw-numeric-fraction:  ;
  393.   --tw-ring-inset:  ;
  394.   --tw-ring-offset-width: 0px;
  395.   --tw-ring-offset-color: #fff;
  396.   --tw-ring-color: rgb(59 130 246 / 0.5);
  397.   --tw-ring-offset-shadow: 0 0 #0000;
  398.   --tw-ring-shadow: 0 0 #0000;
  399.   --tw-shadow: 0 0 #0000;
  400.   --tw-shadow-colored: 0 0 #0000;
  401.   --tw-blur:  ;
  402.   --tw-brightness:  ;
  403.   --tw-contrast:  ;
  404.   --tw-grayscale:  ;
  405.   --tw-hue-rotate:  ;
  406.   --tw-invert:  ;
  407.   --tw-saturate:  ;
  408.   --tw-sepia:  ;
  409.   --tw-drop-shadow:  ;
  410.   --tw-backdrop-blur:  ;
  411.   --tw-backdrop-brightness:  ;
  412.   --tw-backdrop-contrast:  ;
  413.   --tw-backdrop-grayscale:  ;
  414.   --tw-backdrop-hue-rotate:  ;
  415.   --tw-backdrop-invert:  ;
  416.   --tw-backdrop-opacity:  ;
  417.   --tw-backdrop-saturate:  ;
  418.   --tw-backdrop-sepia:  ;
  419. }
  420.  
  421. ::-webkit-backdrop {
  422.   --tw-border-spacing-x: 0;
  423.   --tw-border-spacing-y: 0;
  424.   --tw-translate-x: 0;
  425.   --tw-translate-y: 0;
  426.   --tw-rotate: 0;
  427.   --tw-skew-x: 0;
  428.   --tw-skew-y: 0;
  429.   --tw-scale-x: 1;
  430.   --tw-scale-y: 1;
  431.   --tw-pan-x:  ;
  432.   --tw-pan-y:  ;
  433.   --tw-pinch-zoom:  ;
  434.   --tw-scroll-snap-strictness: proximity;
  435.   --tw-ordinal:  ;
  436.   --tw-slashed-zero:  ;
  437.   --tw-numeric-figure:  ;
  438.   --tw-numeric-spacing:  ;
  439.   --tw-numeric-fraction:  ;
  440.   --tw-ring-inset:  ;
  441.   --tw-ring-offset-width: 0px;
  442.   --tw-ring-offset-color: #fff;
  443.   --tw-ring-color: rgb(59 130 246 / 0.5);
  444.   --tw-ring-offset-shadow: 0 0 #0000;
  445.   --tw-ring-shadow: 0 0 #0000;
  446.   --tw-shadow: 0 0 #0000;
  447.   --tw-shadow-colored: 0 0 #0000;
  448.   --tw-blur:  ;
  449.   --tw-brightness:  ;
  450.   --tw-contrast:  ;
  451.   --tw-grayscale:  ;
  452.   --tw-hue-rotate:  ;
  453.   --tw-invert:  ;
  454.   --tw-saturate:  ;
  455.   --tw-sepia:  ;
  456.   --tw-drop-shadow:  ;
  457.   --tw-backdrop-blur:  ;
  458.   --tw-backdrop-brightness:  ;
  459.   --tw-backdrop-contrast:  ;
  460.   --tw-backdrop-grayscale:  ;
  461.   --tw-backdrop-hue-rotate:  ;
  462.   --tw-backdrop-invert:  ;
  463.   --tw-backdrop-opacity:  ;
  464.   --tw-backdrop-saturate:  ;
  465.   --tw-backdrop-sepia:  ;
  466. }
  467.  
  468. ::backdrop {
  469.   --tw-border-spacing-x: 0;
  470.   --tw-border-spacing-y: 0;
  471.   --tw-translate-x: 0;
  472.   --tw-translate-y: 0;
  473.   --tw-rotate: 0;
  474.   --tw-skew-x: 0;
  475.   --tw-skew-y: 0;
  476.   --tw-scale-x: 1;
  477.   --tw-scale-y: 1;
  478.   --tw-pan-x:  ;
  479.   --tw-pan-y:  ;
  480.   --tw-pinch-zoom:  ;
  481.   --tw-scroll-snap-strictness: proximity;
  482.   --tw-ordinal:  ;
  483.   --tw-slashed-zero:  ;
  484.   --tw-numeric-figure:  ;
  485.   --tw-numeric-spacing:  ;
  486.   --tw-numeric-fraction:  ;
  487.   --tw-ring-inset:  ;
  488.   --tw-ring-offset-width: 0px;
  489.   --tw-ring-offset-color: #fff;
  490.   --tw-ring-color: rgb(59 130 246 / 0.5);
  491.   --tw-ring-offset-shadow: 0 0 #0000;
  492.   --tw-ring-shadow: 0 0 #0000;
  493.   --tw-shadow: 0 0 #0000;
  494.   --tw-shadow-colored: 0 0 #0000;
  495.   --tw-blur:  ;
  496.   --tw-brightness:  ;
  497.   --tw-contrast:  ;
  498.   --tw-grayscale:  ;
  499.   --tw-hue-rotate:  ;
  500.   --tw-invert:  ;
  501.   --tw-saturate:  ;
  502.   --tw-sepia:  ;
  503.   --tw-drop-shadow:  ;
  504.   --tw-backdrop-blur:  ;
  505.   --tw-backdrop-brightness:  ;
  506.   --tw-backdrop-contrast:  ;
  507.   --tw-backdrop-grayscale:  ;
  508.   --tw-backdrop-hue-rotate:  ;
  509.   --tw-backdrop-invert:  ;
  510.   --tw-backdrop-opacity:  ;
  511.   --tw-backdrop-saturate:  ;
  512.   --tw-backdrop-sepia:  ;
  513. }
  514.  
  515. .static {
  516.   position: static;
  517. }
  518.  
  519. .inline {
  520.   display: inline;
  521. }
  522.  
  523. /*# sourceMappingURL=app_assets_packs_styles_application_scss.css.map*/
  524.  
  525.  

Reply to "Generated Output"

Here you can reply to the paste above