From 8f633e3e48a28a414a00a04ad4f16976adb6c55a Mon Sep 17 00:00:00 2001 From: "deepsource-autofix[bot]" <62050782+deepsource-autofix[bot]@users.noreply.github.com> Date: Sun, 23 Jan 2022 10:55:34 +0000 Subject: [PATCH] Format code with prettier This commit fixes the style issues introduced in 8bfe6e5 according to the output from prettier. Details: https://deepsource.io/gh/anup-a/svgwave/transform/930d493d-c950-433a-9f04-524be9526570/ --- src/styles/main.css | 115 ++++++++++++++++++++++++++------------------ 1 file changed, 68 insertions(+), 47 deletions(-) diff --git a/src/styles/main.css b/src/styles/main.css index 3f93992..6254ada 100644 --- a/src/styles/main.css +++ b/src/styles/main.css @@ -86,7 +86,7 @@ abbr[title] { border-bottom: none; /* 1 */ text-decoration: underline; /* 2 */ -webkit-text-decoration: underline dotted; - text-decoration: underline dotted; /* 2 */ + text-decoration: underline dotted; /* 2 */ } /** @@ -175,7 +175,8 @@ textarea { */ button, -input { /* 1 */ +input { + /* 1 */ overflow: visible; } @@ -185,7 +186,8 @@ input { /* 1 */ */ button, -select { /* 1 */ +select { + /* 1 */ text-transform: none; } @@ -194,9 +196,9 @@ select { /* 1 */ */ button, -[type="button"], -[type="reset"], -[type="submit"] { +[type='button'], +[type='reset'], +[type='submit'] { -webkit-appearance: button; } @@ -205,9 +207,9 @@ button, */ button::-moz-focus-inner, -[type="button"]::-moz-focus-inner, -[type="reset"]::-moz-focus-inner, -[type="submit"]::-moz-focus-inner { +[type='button']::-moz-focus-inner, +[type='reset']::-moz-focus-inner, +[type='submit']::-moz-focus-inner { border-style: none; padding: 0; } @@ -217,9 +219,9 @@ button::-moz-focus-inner, */ button:-moz-focusring, -[type="button"]:-moz-focusring, -[type="reset"]:-moz-focusring, -[type="submit"]:-moz-focusring { +[type='button']:-moz-focusring, +[type='reset']:-moz-focusring, +[type='submit']:-moz-focusring { outline: 1px dotted ButtonText; } @@ -268,8 +270,8 @@ textarea { * 2. Remove the padding in IE 10. */ -[type="checkbox"], -[type="radio"] { +[type='checkbox'], +[type='radio'] { box-sizing: border-box; /* 1 */ padding: 0; /* 2 */ } @@ -278,8 +280,8 @@ textarea { * Correct the cursor style of increment and decrement buttons in Chrome. */ -[type="number"]::-webkit-inner-spin-button, -[type="number"]::-webkit-outer-spin-button { +[type='number']::-webkit-inner-spin-button, +[type='number']::-webkit-outer-spin-button { height: auto; } @@ -288,7 +290,7 @@ textarea { * 2. Correct the outline style in Safari. */ -[type="search"] { +[type='search'] { -webkit-appearance: textfield; /* 1 */ outline-offset: -2px; /* 2 */ } @@ -297,7 +299,7 @@ textarea { * Remove the inner padding in Chrome and Safari on macOS. */ -[type="search"]::-webkit-search-decoration { +[type='search']::-webkit-search-decoration { -webkit-appearance: none; } @@ -414,7 +416,9 @@ ul { */ html { - font-family: Poppins, 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 */ + font-family: Poppins, 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 */ } @@ -479,11 +483,13 @@ textarea { resize: vertical; } -input::-moz-placeholder, textarea::-moz-placeholder { +input::-moz-placeholder, +textarea::-moz-placeholder { color: #a0aec0; } -input:-ms-input-placeholder, textarea:-ms-input-placeholder { +input:-ms-input-placeholder, +textarea:-ms-input-placeholder { color: #a0aec0; } @@ -493,7 +499,7 @@ textarea::placeholder { } button, -[role="button"] { +[role='button'] { cursor: pointer; } @@ -550,7 +556,8 @@ pre, code, kbd, samp { - font-family: Menlo, Monaco, Consolas, "Liberation Mono", "Courier New", monospace; + font-family: Menlo, Monaco, Consolas, 'Liberation Mono', 'Courier New', + monospace; } /** @@ -622,8 +629,8 @@ video { .appearance-none { -webkit-appearance: none; - -moz-appearance: none; - appearance: none; + -moz-appearance: none; + appearance: none; } .bg-black { @@ -857,7 +864,9 @@ video { } .font-sans { - font-family: Poppins, 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"; + font-family: Poppins, 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'; } .font-medium { @@ -1173,15 +1182,18 @@ video { } .shadow-md { - box-shadow: 0 4px 6px -1px rgba(0, 0, 0, 0.1), 0 2px 4px -1px rgba(0, 0, 0, 0.06); + box-shadow: 0 4px 6px -1px rgba(0, 0, 0, 0.1), + 0 2px 4px -1px rgba(0, 0, 0, 0.06); } .shadow-lg { - box-shadow: 0 10px 15px -3px rgba(0, 0, 0, 0.1), 0 4px 6px -2px rgba(0, 0, 0, 0.05); + box-shadow: 0 10px 15px -3px rgba(0, 0, 0, 0.1), + 0 4px 6px -2px rgba(0, 0, 0, 0.05); } .shadow-xl { - box-shadow: 0 20px 25px -5px rgba(0, 0, 0, 0.1), 0 10px 10px -5px rgba(0, 0, 0, 0.04); + box-shadow: 0 20px 25px -5px rgba(0, 0, 0, 0.1), + 0 10px 10px -5px rgba(0, 0, 0, 0.04); } .shadow-2xl { @@ -1314,7 +1326,10 @@ video { --transform-skew-y: 0; --transform-scale-x: 1; --transform-scale-y: 1; - transform: translateX(var(--transform-translate-x)) translateY(var(--transform-translate-y)) rotate(var(--transform-rotate)) skewX(var(--transform-skew-x)) skewY(var(--transform-skew-y)) scaleX(var(--transform-scale-x)) scaleY(var(--transform-scale-y)); + transform: translateX(var(--transform-translate-x)) + translateY(var(--transform-translate-y)) rotate(var(--transform-rotate)) + skewX(var(--transform-skew-x)) skewY(var(--transform-skew-y)) + scaleX(var(--transform-scale-x)) scaleY(var(--transform-scale-y)); } .transition-all { @@ -1322,7 +1337,8 @@ video { } .transition { - transition-property: background-color, border-color, color, fill, stroke, opacity, box-shadow, transform; + transition-property: background-color, border-color, color, fill, stroke, + opacity, box-shadow, transform; } .transition-opacity { @@ -1358,14 +1374,16 @@ video { } @-webkit-keyframes ping { - 75%, 100% { + 75%, + 100% { transform: scale(2); opacity: 0; } } @keyframes ping { - 75%, 100% { + 75%, + 100% { transform: scale(2); opacity: 0; } @@ -1373,41 +1391,43 @@ video { @-webkit-keyframes pulse { 50% { - opacity: .5; + opacity: 0.5; } } @keyframes pulse { 50% { - opacity: .5; + opacity: 0.5; } } @-webkit-keyframes bounce { - 0%, 100% { + 0%, + 100% { transform: translateY(-25%); - -webkit-animation-timing-function: cubic-bezier(0.8,0,1,1); - animation-timing-function: cubic-bezier(0.8,0,1,1); + -webkit-animation-timing-function: cubic-bezier(0.8, 0, 1, 1); + animation-timing-function: cubic-bezier(0.8, 0, 1, 1); } 50% { transform: none; - -webkit-animation-timing-function: cubic-bezier(0,0,0.2,1); - animation-timing-function: cubic-bezier(0,0,0.2,1); + -webkit-animation-timing-function: cubic-bezier(0, 0, 0.2, 1); + animation-timing-function: cubic-bezier(0, 0, 0.2, 1); } } @keyframes bounce { - 0%, 100% { + 0%, + 100% { transform: translateY(-25%); - -webkit-animation-timing-function: cubic-bezier(0.8,0,1,1); - animation-timing-function: cubic-bezier(0.8,0,1,1); + -webkit-animation-timing-function: cubic-bezier(0.8, 0, 1, 1); + animation-timing-function: cubic-bezier(0.8, 0, 1, 1); } 50% { transform: none; - -webkit-animation-timing-function: cubic-bezier(0,0,0.2,1); - animation-timing-function: cubic-bezier(0,0,0.2,1); + -webkit-animation-timing-function: cubic-bezier(0, 0, 0.2, 1); + animation-timing-function: cubic-bezier(0, 0, 0.2, 1); } } @@ -1535,7 +1555,8 @@ video { } .sm\:shadow-lg { - box-shadow: 0 10px 15px -3px rgba(0, 0, 0, 0.1), 0 4px 6px -2px rgba(0, 0, 0, 0.05); + box-shadow: 0 10px 15px -3px rgba(0, 0, 0, 0.1), + 0 4px 6px -2px rgba(0, 0, 0, 0.05); } .sm\:text-left { @@ -1741,4 +1762,4 @@ video { .xs\:justify-evenly { justify-content: space-evenly; } -} \ No newline at end of file +}