From 427f528296c167a1cb0deaffd087f630143af5a6 Mon Sep 17 00:00:00 2001 From: Dante Lex Date: Mon, 14 Oct 2024 13:51:56 -0400 Subject: [PATCH] updated design --- favicon.ico | Bin 0 -> 24159 bytes index.html | 19 +- package.json | 3 + src/App.tsx | 53 ++- src/input.css | 3 + src/output.css | 1003 ++++++++++++++++++++++++++++++++++++++++++++ tailwind.config.js | 20 - 7 files changed, 1065 insertions(+), 36 deletions(-) create mode 100644 favicon.ico create mode 100644 src/input.css create mode 100644 src/output.css diff --git a/favicon.ico b/favicon.ico new file mode 100644 index 0000000000000000000000000000000000000000..0f5c03d373567c6052213dc0c703c0649cfb4cc5 GIT binary patch literal 24159 zcmeFZcT`jByDl0~EFj`S1vLnw6fprrDJmsPEC>iJQGrPBA|W(s1_FwJbWJ262w6ze zMNg#nZh(*lXdpo7)r4LGgpf1+oqg{ZdyhNh-2abbm}z2W=2zbOywCeZ{$;2m$bW_( z1Of@_-n(rK0__L>xgT`s0B{LD3kd}-hdu7Wy+I%m>0f_&bd9B!fDd`Rjdip^1zlou zzrOE$)8HluR2(m`W6K8uS+42czWKppOm_vKN-9Jv3PpCd0%m5{cTVSx&1-1LpC6|NP$- z`2V#6f2$hs6zEy{&0Kyh5jgy}gi2umIS=>+)0&$+z@^~DFO>lO#k23%<#Wid&p?lC z9);xgR>8E6(#E!G(cgXOSWccxaslvPrYDVledABQBfl7tW9^~|s2t#nd*61pTnh)X3LF=>wb6_Zyhh94e{2-qQ(I$C1t`t;H>^%PK zk^f_)^}jv?UHW_fu>#{>29h>HG3ml{UKM#zit+bL@lcS48(lWo6Y^T(g^fIX`w>rw z^9R{qxBSnc|L=+adH9?~)&cdwh+EfEt1mi4Z#*S%c6sZ2)jo&`(JU8fdM1~6_K(76 z4*&Xz|7W%8f4u=+viZ;DeuCe?t^rQN5ZolVg?6s z`AKsaq)%K9xSd*1Qy~$nFdXd46EYLB$Lve8`@%lE-1=_l+$Rc3J4v_k@;+2X84{+} zFc{Qr_-Z)5Ummn{WaXDZ1wE?&_4@x#{qnCjA^aD4Ug!Slr*owfd^GMgf*SVpvbvA5 zSRo@BO;t7+I#SO~uUd^uIA&E1IYIEHUwmJPbg$X?v)>#&Ud#)koZCad&WN$~T_wSV zmSBR*l~r&WOoR{-d``UZeJXD~exVf13S$meHEEWf?i6AXmnS3tIZ!Le{{(1Kz4xvh9rP^cXI9CdG}1mQnHyT`+Ikg=?;)Poa^ zGP_$UX&*gD`1Y3mm&hX4^s$0`83>QPxT3o*Z5!7L@6UU zW2O;T`leH0*C3#!(|b+&PvZ4zx!1X1Qe!~p0n5%x?6N;-N1{@FM0kKxIgjmo9hOm2 z9`Hgzybv5ATz@r1(IP$t*t(?;tG^dj$bG*ya{7a3#icK9nO(DpMMYrWs$~3Y|M&pC z!lQb@((m=Es(ZP88R+}$%PPC7k#2_eJL~Hn7Z++yEVj^F-xc|JES2u_^uBHl8ofHX z$1*3ScI!QT|HP6WBOPL}vMjEqQ)J#?%%jcvqcS`}hyTx5s~yu)?NUy+8Sgd3 z#4u9))6HJyqH~H6cUi^LI{>gB&U;Cna_(SX1i~I7VkC%(_Y?N1D&D`;n=-LHkP60z z>49EeB2z`v|8{>wJsJ@fYPM-wdFM@X$?}u_7Yi>h04C<<9wsL2bb+AuX=`G!-&N@S zRuuW7+zy!8jL;Z-GxkueEw8!^^yqWIPP{$*=kC7cVVVr9UqSAG1vsvW+7btdRoa8S ze&3~!HA1B%CnU%~nb}Iu?3N!r9IrHX8uNF92cdaJgMVl&|63xd;o-015Uqd||4QPq zFD>6a**4w?lLIY%*h7>coi=Xke3BM}U{QrM{s+BQ{O~^Vc%^U$ufE^UFi&^UcHWe1 z-7|%t0tIrz3?NKSNzjjqrkke8o-xzCV1AHBsK$TX#mWCNc>moL>w(6uYF_`f$EgzBulaHwwi1v}w z?r(@!$~%aP$F_uI?HKZuM?Lo&`lI&p2gPAg{_XaG^zyAC=ye-o-fL%C5gO&H4x)vT zZZD@I_4z=!(cjB+VsU~d9lT8&{Z}3}(H;;}NmOzjn3RGjrF_(j^BZ{rdzR9W*!oN2 zayyHy`B`<-jh98%VzF!&?0XPy(rU=SzLYzw!g|Mj|!-{-&2+47|n+z2?DeJF{yf)9!qOEcsiUF z-Dvw;BTqGNX9Zn$iq5f9Mc9=lckT?RI+33d6l%XBH6hi>VLksiu_J?pH)^>CU|YtL zgIQnobSRN`N$i;-Q;gx95qfZZrH^yyr4H@YVLR3`qp>j-h#vk} zbai}7{|g9Pd}V3i4CLz5a@?w-R;_Hoj+vLzUaL}MN2k{bN5!?bDT>eP5HE!Ob?v)b zYK)s-ueai&PAHwID8Nu4BNudXu_`sNLjzFXg8u#MS2GT*q! zr3*NQTvh0ExROmEKE>&(LI;1L zOngg?vqYo-W!_~x%i?(Zxs--?Z)01FGmD^@KBW(>r7d&N6I%%agUb>@C^aXBYkH>Z zvUl*rZ41A(0`zycf{5|Pu?EqIo+htJY1T%@^Z=#eQOHoVbw!^IGTqlxoPe?l$d-t8zwV`!r@k&L zw2?t4WeKej3sQyvm+vi9^9f%PO;_Yc8Ns&sI0*k*%^}Kxlwv8Dq7q>O())sgqd3t? ztyX?YJ5ZqgoZJMsIj+11YG-2SZmYX}sNA;Os?B)ydLL9pyr`ml!^Be}@ql>5OfeJvzSvxtqs)^?c{X9u`a4HF%8uRhRyvfTbq*Vh_TbCpzEC&ApU zs(axIODRC?ZlP8CYgrI|v(0}+Ss7!>xDr9pVw(bR+jxx=?!>P2o#$k|p2@N^GYI-Q zISDb@EN@*k%NwN~+iUF@$CtEW1?7Y z?+ew}^VBQVPCx}WBorFfv^%EpPm;Oi9T94Wr<`?JlOoy9?*7beSC#Dok+a4|kssLiVqne<-U05J0g z?P;x^mc5Q)!GJc)>4$|%SIyxRb~*@~lx}(7iAvv7efh{RMA70vd4Zs2tmDcTom;9w zUV*iE6_gblD~amHvrRdORY&WMcf5~sXx?i9lIFB~fFDPb@Q)3u3lkc)l6>HYZM@?0 zIg)3r1Ko{z4}sqOKAwE6zP7$7*b+idRou!)`|dVGkMvMPM15VRiMCWPJ8y5*nt*-pY5iPRtLn z?^*QK?3ixTmZ)mzVA$Yxb=j_Ozr}6@@AsUliMXXZ-|SW-kU(IkrAA8~I&n}p^yj%> zdr;vE$IolrWuPX;+7|@JJh*Gy>qQGy;=^*FN95l+t79*c%g|6)yX^+_()akVO>A(gnIh0*HV9`x@HYrNi*Iv19(`I{uiuZf?$kT%4?oLS8 znYv)dsdr3xlN=xn$!8mg@V*CWftPFJjNgNJAN@W!IF@$vVD0pAz@$Iqu6ERw;(eSc zH8uGB#07zE_-Uy-4?Pfb8?@5s$!tPE5W$I?CuZf_>p2w)D2|nP#~bqT8pS%C)mTygMq3(qLh(-O0s53 zv7>vnu$mC|Rc-8gQi-U&s_}`37V-A|hMU!KqOYuzs8K6I#a9UTz<4M*$d4FsvEa;5 zFp4Kc{I_oW&+_|Frwj>(^J;XJHGsEL2h5wM6EaDPko;#DuQ~;qdi;YAt-K8z%$B5i zjyEe}2?t|Q1nRv%Gwi13#&g7lSiMf1lb);R*tHItcQeRI`5J!^nO4=c2~4^K@s1Z| z_;{b7h%<7*nJzRel6)X#vE11h^f~>3R)=wHCY3rRdp>2w-4y^X`#?K|~?CFd;V6zc9vL`P=U6 zWW_{5tmDKF2m0Mkf^hxvlQ+p^®jvtrC+D3Ef2FXWm3?-4~ugwkowU6`vZc5&7@ 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 - + - + + + + + + + Securelog RSC Test + + - -
+ +
diff --git a/package.json b/package.json index 65a659d..b746564 100644 --- a/package.json +++ b/package.json @@ -9,6 +9,8 @@ "serve": "vite preview" }, "dependencies": { + "@tailwindcss/forms": "^0.5.9", + "@tailwindcss/typography": "^0.5.15", "postcss": "^8.4.47", "react": "^17.0.0", "react-dom": "^17.0.0", @@ -19,6 +21,7 @@ "@types/react": "^17.0.0", "@types/react-dom": "^17.0.0", "@vitejs/plugin-react": "^2.0.0", + "autoprefixer": "^10.4.20", "typescript": "^4.0.0", "vite": "^4.0.0" } diff --git a/src/App.tsx b/src/App.tsx index 5fe7cbe..24ceb4f 100644 --- a/src/App.tsx +++ b/src/App.tsx @@ -50,24 +50,53 @@ export const HomeComponent = (props: any) => { handleSecretsFound(result); }} > - this is a test anthropic secret - sk-ant-api03-ha5kz3GnNTiS9ScbDD0Xuf1BAleGb8Xj8wMZnTZYaioVPtxPV6wcBPYtCKYor2z8JE1gQ6sUXBj0enoln2wjuQ-lI7F-wAA{" "} - Secret Masking is enabled for this secret hence why you can't see the - secret value -

- This app sends any secret found to an API that in return sends the - secret to our public slack channel. This is just an example of a good - usecase for this component message -

+
+ This is a test anthropic secret + + sk-ant-api03-ha5kz3GnNTiS9ScbDD0Xuf1BAleGb8Xj8wMZnTZYaioVPtxPV6wcBPYtCKYor2z8JE1gQ6sUXBj0enoln2wjuQ-lI7F-wAA{" "} + +
+
    +
  1. Secret masking is enabled for this secret hence why you can't see the + secret value.
    2. +
  2. + This test app sends any secret found to an API that sends the + secret to our public slack securelog-exam channel. This is just an example of a good + usecase for this component message. +
    3. +
  3. Join us on slack.
    4. +
); }; const App = () => ( -
-

SecureLog React Component

+
+

Securelog React Component

-
+ +
); export default App; diff --git a/src/input.css b/src/input.css new file mode 100644 index 0000000..bd6213e --- /dev/null +++ b/src/input.css @@ -0,0 +1,3 @@ +@tailwind base; +@tailwind components; +@tailwind utilities; \ No newline at end of file diff --git a/src/output.css b/src/output.css new file mode 100644 index 0000000..98e1398 --- /dev/null +++ b/src/output.css @@ -0,0 +1,1003 @@ +*, ::before, ::after { + --tw-border-spacing-x: 0; + --tw-border-spacing-y: 0; + --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-pan-x: ; + --tw-pan-y: ; + --tw-pinch-zoom: ; + --tw-scroll-snap-strictness: proximity; + --tw-gradient-from-position: ; + --tw-gradient-via-position: ; + --tw-gradient-to-position: ; + --tw-ordinal: ; + --tw-slashed-zero: ; + --tw-numeric-figure: ; + --tw-numeric-spacing: ; + --tw-numeric-fraction: ; + --tw-ring-inset: ; + --tw-ring-offset-width: 0px; + --tw-ring-offset-color: #fff; + --tw-ring-color: rgb(59 130 246 / 0.5); + --tw-ring-offset-shadow: 0 0 #0000; + --tw-ring-shadow: 0 0 #0000; + --tw-shadow: 0 0 #0000; + --tw-shadow-colored: 0 0 #0000; + --tw-blur: ; + --tw-brightness: ; + --tw-contrast: ; + --tw-grayscale: ; + --tw-hue-rotate: ; + --tw-invert: ; + --tw-saturate: ; + --tw-sepia: ; + --tw-drop-shadow: ; + --tw-backdrop-blur: ; + --tw-backdrop-brightness: ; + --tw-backdrop-contrast: ; + --tw-backdrop-grayscale: ; + --tw-backdrop-hue-rotate: ; + --tw-backdrop-invert: ; + --tw-backdrop-opacity: ; + --tw-backdrop-saturate: ; + --tw-backdrop-sepia: ; + --tw-contain-size: ; + --tw-contain-layout: ; + --tw-contain-paint: ; + --tw-contain-style: ; +} + +::backdrop { + --tw-border-spacing-x: 0; + --tw-border-spacing-y: 0; + --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-pan-x: ; + --tw-pan-y: ; + --tw-pinch-zoom: ; + --tw-scroll-snap-strictness: proximity; + --tw-gradient-from-position: ; + --tw-gradient-via-position: ; + --tw-gradient-to-position: ; + --tw-ordinal: ; + --tw-slashed-zero: ; + --tw-numeric-figure: ; + --tw-numeric-spacing: ; + --tw-numeric-fraction: ; + --tw-ring-inset: ; + --tw-ring-offset-width: 0px; + --tw-ring-offset-color: #fff; + --tw-ring-color: rgb(59 130 246 / 0.5); + --tw-ring-offset-shadow: 0 0 #0000; + --tw-ring-shadow: 0 0 #0000; + --tw-shadow: 0 0 #0000; + --tw-shadow-colored: 0 0 #0000; + --tw-blur: ; + --tw-brightness: ; + --tw-contrast: ; + --tw-grayscale: ; + --tw-hue-rotate: ; + --tw-invert: ; + --tw-saturate: ; + --tw-sepia: ; + --tw-drop-shadow: ; + --tw-backdrop-blur: ; + --tw-backdrop-brightness: ; + --tw-backdrop-contrast: ; + --tw-backdrop-grayscale: ; + --tw-backdrop-hue-rotate: ; + --tw-backdrop-invert: ; + --tw-backdrop-opacity: ; + --tw-backdrop-saturate: ; + --tw-backdrop-sepia: ; + --tw-contain-size: ; + --tw-contain-layout: ; + --tw-contain-paint: ; + --tw-contain-style: ; +} + +/* +! tailwindcss v3.4.13 | MIT License | https://tailwindcss.com +*/ + +/* +1. Prevent padding and border from affecting element width. (https://github.com/mozdevs/cssremedy/issues/4) +2. Allow adding a border to an element by just adding a border-width. (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 */ +} + +::before, +::after { + --tw-content: ''; +} + +/* +1. Use a consistent sensible line-height in all browsers. +2. Prevent adjustments of font size after orientation changes in iOS. +3. Use a more readable tab size. +4. Use the user's configured `sans` font-family by default. +5. Use the user's configured `sans` font-feature-settings by default. +6. Use the user's configured `sans` font-variation-settings by default. +7. Disable tap highlights on iOS +*/ + +html, +:host { + line-height: 1.5; + /* 1 */ + -webkit-text-size-adjust: 100%; + /* 2 */ + -moz-tab-size: 4; + /* 3 */ + -o-tab-size: 4; + tab-size: 4; + /* 3 */ + font-family: Inter var, ui-sans-serif, system-ui, sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol", "Noto Color Emoji"; + /* 4 */ + font-feature-settings: normal; + /* 5 */ + font-variation-settings: normal; + /* 6 */ + -webkit-tap-highlight-color: transparent; + /* 7 */ +} + +/* +1. Remove the margin in all browsers. +2. Inherit line-height from `html` so users can set them as a class directly on the `html` element. +*/ + +body { + margin: 0; + /* 1 */ + line-height: inherit; + /* 2 */ +} + +/* +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) +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 { + font-size: inherit; + font-weight: inherit; +} + +/* +Reset links to optimize for opt-in styling instead of opt-out. +*/ + +a { + color: inherit; + text-decoration: inherit; +} + +/* +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. +3. Use the user's configured `mono` font-variation-settings by default. +4. Correct the odd `em` font sizing in all browsers. +*/ + +code, +kbd, +samp, +pre { + font-family: ui-monospace, SFMono-Regular, Menlo, Monaco, Consolas, "Liberation Mono", "Courier New", monospace; + /* 1 */ + font-feature-settings: normal; + /* 2 */ + font-variation-settings: normal; + /* 3 */ + font-size: 1em; + /* 4 */ +} + +/* +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; +} + +/* +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. +3. Remove default padding in all browsers. +*/ + +button, +input, +optgroup, +select, +textarea { + font-family: inherit; + /* 1 */ + font-feature-settings: inherit; + /* 1 */ + font-variation-settings: inherit; + /* 1 */ + font-size: 100%; + /* 1 */ + font-weight: inherit; + /* 1 */ + line-height: inherit; + /* 1 */ + letter-spacing: inherit; + /* 1 */ + color: inherit; + /* 1 */ + margin: 0; + /* 2 */ + padding: 0; + /* 3 */ +} + +/* +Remove the inheritance of text transform in Edge and Firefox. +*/ + +button, +select { + text-transform: none; +} + +/* +1. Correct the inability to style clickable types in iOS and Safari. +2. Remove default button styles. +*/ + +button, +input:where([type='button']), +input:where([type='reset']), +input:where([type='submit']) { + -webkit-appearance: button; + /* 1 */ + background-color: transparent; + /* 2 */ + background-image: none; + /* 2 */ +} + +/* +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. +*/ + +::-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 */ +} + +/* +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; + 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 { + opacity: 1; + /* 1 */ + color: #9ca3af; + /* 2 */ +} + +input::placeholder, +textarea::placeholder { + opacity: 1; + /* 1 */ + color: #9ca3af; + /* 2 */ +} + +/* +Set the default cursor for buttons. +*/ + +button, +[role="button"] { + cursor: pointer; +} + +/* +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) + This can trigger a poorly considered lint error in some tools but is included by design. +*/ + +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; +} + +/* Make elements with the HTML hidden attribute stay hidden by default */ + +[hidden] { + display: none; +} + +[type='text'],input:where(:not([type])),[type='email'],[type='url'],[type='password'],[type='number'],[type='date'],[type='datetime-local'],[type='month'],[type='search'],[type='tel'],[type='time'],[type='week'],[multiple],textarea,select { + -webkit-appearance: none; + -moz-appearance: none; + appearance: none; + background-color: #fff; + border-color: #6b7280; + border-width: 1px; + border-radius: 0px; + padding-top: 0.5rem; + padding-right: 0.75rem; + padding-bottom: 0.5rem; + padding-left: 0.75rem; + font-size: 1rem; + line-height: 1.5rem; + --tw-shadow: 0 0 #0000; +} + +[type='text']:focus, input:where(:not([type])):focus, [type='email']:focus, [type='url']:focus, [type='password']:focus, [type='number']:focus, [type='date']:focus, [type='datetime-local']:focus, [type='month']:focus, [type='search']:focus, [type='tel']:focus, [type='time']:focus, [type='week']:focus, [multiple]:focus, textarea:focus, select:focus { + outline: 2px solid transparent; + outline-offset: 2px; + --tw-ring-inset: var(--tw-empty,/*!*/ /*!*/); + --tw-ring-offset-width: 0px; + --tw-ring-offset-color: #fff; + --tw-ring-color: #2563eb; + --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(1px + var(--tw-ring-offset-width)) var(--tw-ring-color); + box-shadow: var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow); + border-color: #2563eb; +} + +input::-moz-placeholder, textarea::-moz-placeholder { + color: #6b7280; + opacity: 1; +} + +input::placeholder,textarea::placeholder { + color: #6b7280; + opacity: 1; +} + +::-webkit-datetime-edit-fields-wrapper { + padding: 0; +} + +::-webkit-date-and-time-value { + min-height: 1.5em; + text-align: inherit; +} + +::-webkit-datetime-edit { + display: inline-flex; +} + +::-webkit-datetime-edit,::-webkit-datetime-edit-year-field,::-webkit-datetime-edit-month-field,::-webkit-datetime-edit-day-field,::-webkit-datetime-edit-hour-field,::-webkit-datetime-edit-minute-field,::-webkit-datetime-edit-second-field,::-webkit-datetime-edit-millisecond-field,::-webkit-datetime-edit-meridiem-field { + padding-top: 0; + padding-bottom: 0; +} + +select { + background-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' fill='none' viewBox='0 0 20 20'%3e%3cpath stroke='%236b7280' stroke-linecap='round' stroke-linejoin='round' stroke-width='1.5' d='M6 8l4 4 4-4'/%3e%3c/svg%3e"); + background-position: right 0.5rem center; + background-repeat: no-repeat; + background-size: 1.5em 1.5em; + padding-right: 2.5rem; + -webkit-print-color-adjust: exact; + print-color-adjust: exact; +} + +[multiple],[size]:where(select:not([size="1"])) { + background-image: initial; + background-position: initial; + background-repeat: unset; + background-size: initial; + padding-right: 0.75rem; + -webkit-print-color-adjust: unset; + print-color-adjust: unset; +} + +[type='checkbox'],[type='radio'] { + -webkit-appearance: none; + -moz-appearance: none; + appearance: none; + padding: 0; + -webkit-print-color-adjust: exact; + print-color-adjust: exact; + display: inline-block; + vertical-align: middle; + background-origin: border-box; + -webkit-user-select: none; + -moz-user-select: none; + user-select: none; + flex-shrink: 0; + height: 1rem; + width: 1rem; + color: #2563eb; + background-color: #fff; + border-color: #6b7280; + border-width: 1px; + --tw-shadow: 0 0 #0000; +} + +[type='checkbox'] { + border-radius: 0px; +} + +[type='radio'] { + border-radius: 100%; +} + +[type='checkbox']:focus,[type='radio']:focus { + outline: 2px solid transparent; + outline-offset: 2px; + --tw-ring-inset: var(--tw-empty,/*!*/ /*!*/); + --tw-ring-offset-width: 2px; + --tw-ring-offset-color: #fff; + --tw-ring-color: #2563eb; + --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); +} + +[type='checkbox']:checked,[type='radio']:checked { + border-color: transparent; + background-color: currentColor; + background-size: 100% 100%; + background-position: center; + background-repeat: no-repeat; +} + +[type='checkbox']:checked { + background-image: url("data:image/svg+xml,%3csvg viewBox='0 0 16 16' fill='white' xmlns='http://www.w3.org/2000/svg'%3e%3cpath d='M12.207 4.793a1 1 0 010 1.414l-5 5a1 1 0 01-1.414 0l-2-2a1 1 0 011.414-1.414L6.5 9.086l4.293-4.293a1 1 0 011.414 0z'/%3e%3c/svg%3e"); +} + +@media (forced-colors: active) { + [type='checkbox']:checked { + -webkit-appearance: auto; + -moz-appearance: auto; + appearance: auto; + } +} + +[type='radio']:checked { + background-image: url("data:image/svg+xml,%3csvg viewBox='0 0 16 16' fill='white' xmlns='http://www.w3.org/2000/svg'%3e%3ccircle cx='8' cy='8' r='3'/%3e%3c/svg%3e"); +} + +@media (forced-colors: active) { + [type='radio']:checked { + -webkit-appearance: auto; + -moz-appearance: auto; + appearance: auto; + } +} + +[type='checkbox']:checked:hover,[type='checkbox']:checked:focus,[type='radio']:checked:hover,[type='radio']:checked:focus { + border-color: transparent; + background-color: currentColor; +} + +[type='checkbox']:indeterminate { + background-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' fill='none' viewBox='0 0 16 16'%3e%3cpath stroke='white' stroke-linecap='round' stroke-linejoin='round' stroke-width='2' d='M4 8h8'/%3e%3c/svg%3e"); + border-color: transparent; + background-color: currentColor; + background-size: 100% 100%; + background-position: center; + background-repeat: no-repeat; +} + +@media (forced-colors: active) { + [type='checkbox']:indeterminate { + -webkit-appearance: auto; + -moz-appearance: auto; + appearance: auto; + } +} + +[type='checkbox']:indeterminate:hover,[type='checkbox']:indeterminate:focus { + border-color: transparent; + background-color: currentColor; +} + +[type='file'] { + background: unset; + border-color: inherit; + border-width: 0; + border-radius: 0; + padding: 0; + font-size: unset; + line-height: inherit; +} + +[type='file']:focus { + outline: 1px solid ButtonText; + outline: 1px auto -webkit-focus-ring-color; +} + +.relative { + position: relative; +} + +.mx-auto { + margin-left: auto; + margin-right: auto; +} + +.my-20 { + margin-top: 5rem; + margin-bottom: 5rem; +} + +.my-5 { + margin-top: 1.25rem; + margin-bottom: 1.25rem; +} + +.mb-6 { + margin-bottom: 1.5rem; +} + +.ml-3 { + margin-left: 0.75rem; +} + +.ml-2 { + margin-left: 0.5rem; +} + +.ml-5 { + margin-left: 1.25rem; +} + +.mt-10 { + margin-top: 2.5rem; +} + +.flex { + display: flex; +} + +.grid { + display: grid; +} + +.size-4 { + width: 1rem; + height: 1rem; +} + +.h-screen { + height: 100vh; +} + +.h-16 { + height: 4rem; +} + +.w-16 { + width: 4rem; +} + +.max-w-xl { + max-width: 36rem; +} + +.list-inside { + list-style-position: inside; +} + +.list-decimal { + list-style-type: decimal; +} + +.flex-col { + flex-direction: column; +} + +.items-center { + align-items: center; +} + +.justify-center { + justify-content: center; +} + +.justify-items-center { + justify-items: center; +} + +.gap-16 { + gap: 4rem; +} + +.gap-2 { + gap: 0.5rem; +} + +.space-y-2 > :not([hidden]) ~ :not([hidden]) { + --tw-space-y-reverse: 0; + margin-top: calc(0.5rem * calc(1 - var(--tw-space-y-reverse))); + margin-bottom: calc(0.5rem * var(--tw-space-y-reverse)); +} + +.space-y-3 > :not([hidden]) ~ :not([hidden]) { + --tw-space-y-reverse: 0; + margin-top: calc(0.75rem * calc(1 - var(--tw-space-y-reverse))); + margin-bottom: calc(0.75rem * var(--tw-space-y-reverse)); +} + +.break-words { + overflow-wrap: break-word; +} + +.break-all { + word-break: break-all; +} + +.rounded-lg { + border-radius: 0.5rem; +} + +.border { + border-width: 1px; +} + +.border-dashed { + border-style: dashed; +} + +.border-gray-500\/20 { + border-color: rgb(107 114 128 / 0.2); +} + +.border-gray-500\/25 { + border-color: rgb(107 114 128 / 0.25); +} + +.bg-black { + --tw-bg-opacity: 1; + background-color: rgb(0 0 0 / var(--tw-bg-opacity)); +} + +.object-cover { + -o-object-fit: cover; + object-fit: cover; +} + +.object-center { + -o-object-position: center; + object-position: center; +} + +.p-20 { + padding: 5rem; +} + +.p-14 { + padding: 3.5rem; +} + +.p-8 { + padding: 2rem; +} + +.p-6 { + padding: 1.5rem; +} + +.p-4 { + padding: 1rem; +} + +.pb-20 { + padding-bottom: 5rem; +} + +.text-center { + text-align: center; +} + +.font-mono { + font-family: ui-monospace, SFMono-Regular, Menlo, Monaco, Consolas, "Liberation Mono", "Courier New", monospace; +} + +.text-2xl { + font-size: 1.5rem; + line-height: 2rem; +} + +.text-4xl { + font-size: 2.25rem; + line-height: 2.5rem; +} + +.text-sm { + font-size: 0.875rem; + line-height: 1.25rem; +} + +.text-3xl { + font-size: 1.875rem; + line-height: 2.25rem; +} + +.font-semibold { + font-weight: 600; +} + +.uppercase { + text-transform: uppercase; +} + +.leading-9 { + line-height: 2.25rem; +} + +.text-white { + --tw-text-opacity: 1; + color: rgb(255 255 255 / var(--tw-text-opacity)); +} + +.text-gray-400 { + --tw-text-opacity: 1; + color: rgb(156 163 175 / var(--tw-text-opacity)); +} + +.text-\[\#F5BE58\] { + --tw-text-opacity: 1; + color: rgb(245 190 88 / var(--tw-text-opacity)); +} + +.text-gray-300 { + --tw-text-opacity: 1; + color: rgb(209 213 219 / var(--tw-text-opacity)); +} + +.hover\:underline:hover { + text-decoration-line: underline; +} + +@media (min-width: 640px) { + .sm\:p-20 { + padding: 5rem; + } + + .sm\:text-left { + text-align: left; + } +} \ No newline at end of file diff --git a/tailwind.config.js b/tailwind.config.js index 8847d97..3a5e76d 100644 --- a/tailwind.config.js +++ b/tailwind.config.js @@ -4,26 +4,6 @@ module.exports = { content: ["./index.html", "./src/**/*.{vue,js,ts,jsx,tsx}"], theme: { extend: { - keyframes: { - //Our fall animation keyframes - collabse: { - "0%": { transform: "scale(100%)" }, - "100%": { transform: "scale(0%)" }, - }, - fall: { - "0%": { transform: "translate(0%,-250%)" }, - - "60%": { transform: "translate(0%,0%)" }, - "100%": { transform: "translate(0%,100%)" }, - }, - }, - - animation: { - // You can then reference these keyframes by name in the - // animation section of your theme configuration - collabse: "collabse 1s ease-out", - fall: "fall 10s ease-out infinite", - }, fontFamily: { sans: ["Inter var", ...defaultTheme.fontFamily.sans], },