From 4328a30786826a65f5f7bb534242d0565caf8656 Mon Sep 17 00:00:00 2001 From: Alohe Date: Tue, 1 Oct 2024 09:29:16 +0300 Subject: [PATCH] update --- assets/css/style.min.css | 419 +-------------------------------------- 1 file changed, 11 insertions(+), 408 deletions(-) diff --git a/assets/css/style.min.css b/assets/css/style.min.css index 3805c17..89a4717 100644 --- a/assets/css/style.min.css +++ b/assets/css/style.min.css @@ -35,8 +35,7 @@ 7. Disable tap highlights on iOS */ -html, -:host { +html { line-height: 1.5; /* 1 */ -webkit-text-size-adjust: 100%; @@ -74,34 +73,15 @@ body { 3. Ensure horizontal rules are visible by default. */ -hr { - height: 0; - /* 1 */ - color: inherit; - /* 2 */ - border-top-width: 1px; - /* 3 */ -} - /* Add the correct text decoration in Chrome, Edge, and Safari. */ -abbr:where([title]) { - -webkit-text-decoration: underline dotted; - text-decoration: underline dotted; -} - /* Remove the default font size and weight for headings. */ -h1, -h2, -h3, -h4, -h5, -h6 { +h1 { font-size: inherit; font-weight: inherit; } @@ -119,11 +99,6 @@ a { Add the correct font weight in Edge and Safari. */ -b, -strong { - font-weight: bolder; -} - /* 1. Use the user's configured `mono` font-family by default. 2. Use the user's configured `mono` font-feature-settings by default. @@ -131,10 +106,7 @@ strong { 4. Correct the odd `em` font sizing in all browsers. */ -code, -kbd, -samp, -pre { +code { font-family: ui-monospace, SFMono-Regular, Menlo, Monaco, Consolas, "Liberation Mono", "Courier New", monospace; /* 1 */ font-feature-settings: normal; @@ -157,37 +129,12 @@ small { 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; -} - /* 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) 3. Remove gaps between table borders by default. */ -table { - text-indent: 0; - /* 1 */ - border-color: inherit; - /* 2 */ - border-collapse: collapse; - /* 3 */ -} - /* 1. Change the font styles in all browsers. 2. Remove the margin in Firefox and Safari. @@ -196,9 +143,7 @@ table { button, input, -optgroup, -select, -textarea { +select { font-family: inherit; /* 1 */ font-feature-settings: inherit; @@ -251,26 +196,14 @@ input:where([type='submit']) { Use the modern Firefox focus style for all focusable elements. */ -:-moz-focusring { - outline: auto; -} - /* Remove the additional `:invalid` styles in Firefox. (https://github.com/mozilla/gecko-dev/blob/2f9eacd9d3d995c937b4251a5557d95d494c9be1/layout/style/res/forms.css#L728-L737) */ -:-moz-ui-invalid { - box-shadow: none; -} - /* Add the correct vertical alignment in Chrome and Firefox. */ -progress { - vertical-align: baseline; -} - /* Correct the cursor style of increment and decrement buttons in Safari. */ @@ -285,13 +218,6 @@ Correct the cursor style of increment and decrement buttons in 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. */ @@ -316,77 +242,37 @@ Remove the inner padding in Chrome and Safari on macOS. Add the correct display in Chrome and Safari. */ -summary { - display: list-item; -} - /* Removes the default spacing and border for appropriate elements. */ -blockquote, -dl, -dd, -h1, -h2, -h3, -h4, -h5, -h6, -hr, -figure, -p, -pre { - margin: 0; -} - -fieldset { - margin: 0; - padding: 0; -} - -legend { - padding: 0; -} -ol, -ul, -menu { - list-style: none; +h1, +p { margin: 0; - padding: 0; } /* Reset default styling for dialogs. */ -dialog { - padding: 0; -} - /* Prevent resizing textareas horizontally by default. */ -textarea { - resize: vertical; -} - /* 1. Reset the default placeholder opacity in Firefox. (https://github.com/tailwindlabs/tailwindcss/issues/3300) 2. Set the default placeholder color to the user's configured gray 400 color. */ -input::-moz-placeholder, textarea::-moz-placeholder { +input::-moz-placeholder { opacity: 1; /* 1 */ color: #9ca3af; /* 2 */ } -input::placeholder, -textarea::placeholder { +input::placeholder { opacity: 1; /* 1 */ color: #9ca3af; @@ -397,8 +283,7 @@ textarea::placeholder { Set the default cursor for buttons. */ -button, -[role="button"] { +button { cursor: pointer; } @@ -406,10 +291,6 @@ button, Make sure disabled buttons don't get the pointer cursor. */ -:disabled { - cursor: default; -} - /* 1. Make replaced elements `display: block` by default. (https://github.com/mozdevs/cssremedy/issues/14) 2. Add `vertical-align: middle` to align replaced elements more sensibly by default. (https://github.com/jensimmons/cssremedy/issues/14#issuecomment-634934210) @@ -418,12 +299,7 @@ Make sure disabled buttons don't get the pointer cursor. img, svg, -video, -canvas, -audio, -iframe, -embed, -object { +video { display: block; /* 1 */ vertical-align: middle; @@ -590,22 +466,10 @@ video { top: 0.25rem; } -.top-1\/2 { - top: 50%; -} - .bottom-1 { bottom: 0.25rem; } -.right-1 { - right: 0.25rem; -} - -.top-2 { - top: 0.5rem; -} - .z-50 { z-index: 50; } @@ -692,10 +556,6 @@ video { height: 1.5rem; } -.h-5 { - height: 1.25rem; -} - .w-10 { width: 2.5rem; } @@ -717,10 +577,6 @@ video { width: 100%; } -.w-5 { - width: 1.25rem; -} - .max-w-5xl { max-width: 64rem; } @@ -737,28 +593,6 @@ video { max-width: 24rem; } -.max-w-xl { - max-width: 36rem; -} - -.max-w-4xl { - max-width: 56rem; -} - -.max-w-3xl { - max-width: 48rem; -} - -.-translate-x-1\/2 { - --tw-translate-x: -50%; - transform: translate(var(--tw-translate-x), 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)); -} - -.-translate-y-1\/2 { - --tw-translate-y: -50%; - transform: translate(var(--tw-translate-x), 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)); -} - .transform { transform: translate(var(--tw-translate-x), 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)); } @@ -815,58 +649,21 @@ video { border-width: 2px; } -.border-\[\#e8e8e8\] { - --tw-border-opacity: 1; - border-color: rgb(232 232 232 / var(--tw-border-opacity)); -} - .border-black { --tw-border-opacity: 1; border-color: rgb(0 0 0 / var(--tw-border-opacity)); } -.border-black\/10 { - border-color: rgb(0 0 0 / 0.1); -} - -.bg-\[\#0d99ff\] { - --tw-bg-opacity: 1; - background-color: rgb(13 153 255 / var(--tw-bg-opacity)); -} - -.bg-\[\#e1f2ff\] { - --tw-bg-opacity: 1; - background-color: rgb(225 242 255 / var(--tw-bg-opacity)); -} - .bg-black { --tw-bg-opacity: 1; background-color: rgb(0 0 0 / var(--tw-bg-opacity)); } -.bg-black\/5 { - background-color: rgb(0 0 0 / 0.05); -} - -.bg-red-500 { - --tw-bg-opacity: 1; - background-color: rgb(239 68 68 / var(--tw-bg-opacity)); -} - .bg-white { --tw-bg-opacity: 1; background-color: rgb(255 255 255 / var(--tw-bg-opacity)); } -.bg-black\/10 { - background-color: rgb(0 0 0 / 0.1); -} - -.bg-\[\#fafafa\] { - --tw-bg-opacity: 1; - background-color: rgb(250 250 250 / var(--tw-bg-opacity)); -} - .p-1 { padding: 0.25rem; } @@ -883,10 +680,6 @@ video { padding: 1.25rem; } -.p-4 { - padding: 1rem; -} - .px-6 { padding-left: 1.5rem; padding-right: 1.5rem; @@ -958,40 +751,16 @@ video { font-weight: 300; } -.text-\[\#000000\] { - --tw-text-opacity: 1; - color: rgb(0 0 0 / var(--tw-text-opacity)); -} - -.text-\[\#0d99ff\] { - --tw-text-opacity: 1; - color: rgb(13 153 255 / var(--tw-text-opacity)); -} - .text-black { --tw-text-opacity: 1; color: rgb(0 0 0 / var(--tw-text-opacity)); } -.text-black\/50 { - color: rgb(0 0 0 / 0.5); -} - .text-white { --tw-text-opacity: 1; color: rgb(255 255 255 / var(--tw-text-opacity)); } -.text-\[\#cee1ee\] { - --tw-text-opacity: 1; - color: rgb(206 225 238 / var(--tw-text-opacity)); -} - -.text-\[\#0004ff\] { - --tw-text-opacity: 1; - color: rgb(0 4 255 / var(--tw-text-opacity)); -} - .opacity-0 { opacity: 0; } @@ -1043,9 +812,7 @@ button:focus { } input, -optgroup, -select, -textarea:focus { +select { outline: none; } @@ -1184,139 +951,14 @@ textarea:focus { /* pop message */ -.copied__message { - position: fixed; - top: 10px; - right: -200px; - transition: 0.5s; - opacity: 0; - z-index: 101; - /* position */ - display: grid; - place-items: center; - /* style */ - padding: 0.5rem 1rem; - border-radius: 10px; - background-color: #0075fd; - color: white; - font-size: 1em; - font-weight: 600; - box-shadow: 0 0 30px 0 rgba(24, 12, 134, 0.173); -} - -.copied__message.show { - right: 20px; - opacity: 1; -} - /* rand btn */ -.randomize__btn { - border: none; - border-radius: 50px; - width: 50px; - height: 50px; - background-color: black; - color: white; - position: fixed; - top: 50%; - transform: translateY(-50%); - left: 10px; - z-index: 999; -} - /* made_by */ -.maker__tag { - position: fixed; - z-index: 101; - font-size: 0.8em; - color: rgb(255, 255, 255); - /* linear gradient */ - background: radial-gradient( - circle at left, - #0f42ce, - #0f42ce, - #0f42ce, - #0f42ce, - #1c79f2, - #1c79f2, - #f7a0f5, - #fdd8b7, - #f7a0f5, - #1c79f2, - #1c79f2, - #1c79f2, - #0f42ce, - #0f42ce - ); - padding: 0.5rem 0.8rem; - font-weight: 700; - font-family: "Poppins"; - border-radius: 10px; - box-shadow: 0 0 30px 0 rgba(0, 0, 0, 0.163); - text-decoration: none; - animation: shine 5s infinite linear; - background-size: 200% auto; - display: grid; - align-items: center; - justify-content: center; - transition: 0.5s; -} - /* maker__tag size // sm, md, lg */ -.maker__tag__size--sm { - font-size: 0.6em; - padding: 0.5rem 0.8rem; - font-weight: 500; - letter-spacing: 0.5px; -} - -.maker__tag__size--md { - font-size: 0.8em; - padding: 0.5rem 1rem; -} - -.maker__tag__size--lg { - font-size: 1em; - padding: 0.5rem 1.2rem; -} - /* maker__tag position options - bottom-left, bottom-right, top-left, top-right, top-center, bottom-center */ -.maker__tag.maker__tag__position--bottom-left { - bottom: 10px; - left: 10px; -} - -.maker__tag.maker__tag__position--bottom-right { - bottom: 10px; - right: 10px; -} - -.maker__tag.maker__tag__position--top-left { - top: 10px; - left: 10px; -} - -.maker__tag.maker__tag__position--top-right { - top: 10px; - right: 10px; -} - -.maker__tag.maker__tag__position--top-center { - top: 10px; - left: 50%; - transform: translateX(-50%); -} - -.maker__tag.maker__tag__position--bottom-center { - bottom: 10px; - left: 50%; - transform: translateX(-50%); -} - /* animate background with gradients */ @keyframes shine { @@ -1358,46 +1000,7 @@ textarea:focus { color: rgb(255, 255, 255); } */ -.made__by__text { - padding: 0; - margin: 0; - color: white; -} - -.made__by__link { - color: rgb(255, 255, 255); - text-decoration: none; -} - -.fig-button { - background-image: radial-gradient(circle at left, #f34e1e 0%, #fb735e 25%, #a259ff 55%, #19bcfc 65%, #09ce82 75%, #f34e1e 100%); -} - .feather { width: 1em; height: 1em; -} - -.hover\:opacity-80:hover { - opacity: 0.8; -} - -.group:hover .group-hover\:opacity-0 { - opacity: 0; -} - -.group:hover .group-hover\:opacity-100 { - opacity: 1; -} - -@media (min-width: 640px) { - .sm\:block { - display: block; - } -} - -@media (min-width: 768px) { - .md\:grid-cols-2 { - grid-template-columns: repeat(2, minmax(0, 1fr)); - } } \ No newline at end of file