|
1 | | -<!doctype html><html lang="en"><head><meta charset="utf-8"><meta name="viewport" content="width=device-width,initial-scale=1,shrink-to-fit=no"><meta name="theme-color" content="#000000"><link rel="manifest" href="/CssToAndFromReact/manifest.json"><link rel="shortcut icon" href="/CssToAndFromReact/favicon.ico"><title>Convert Css to and from React Style JSON by htbkoo</title><meta http-equiv="X-UA-Compatible" content="chrome=1"><meta name="Description" content="Easy online tool for transforming CSS into Facebook React style JSON. Great for copy/pasting without the translation errors."><link href="https://fonts.googleapis.com/css?family=Chivo:900" rel="stylesheet"><link rel="stylesheet" href="stylesheets/stylesheet.css" media="screen"><link rel="stylesheet" href="stylesheets/github-dark.css" media="screen"><link rel="stylesheet" href="stylesheets/print.css" media="print"><!--[if lt IE 9]> |
| 1 | +<!DOCTYPE html> |
| 2 | +<html lang="en"> |
| 3 | +<head> |
| 4 | + <meta charset="utf-8"> |
| 5 | + <meta name="viewport" content="width=device-width, initial-scale=1, shrink-to-fit=no"> |
| 6 | + <meta name="theme-color" content="#000000"> |
| 7 | + <!-- |
| 8 | + manifest.json provides metadata used when your web app is added to the |
| 9 | + homescreen on Android. See https://developers.google.com/web/fundamentals/engage-and-retain/web-app-manifest/ |
| 10 | + , HtmlUnknownTarget --> |
| 11 | + |
| 12 | + <!--would be filled in by npm run build--> |
| 13 | + <!--suppress HtmlUnknownTarget, HtmlUnknownTarget --> |
| 14 | + <link rel="manifest" href="https://htbkoo.github.io/CssToAndFromReact/manifest.json"> |
| 15 | + <!--suppress HtmlUnknownTarget, HtmlUnknownTarget --> |
| 16 | + <link rel="shortcut icon" href="https://htbkoo.github.io/CssToAndFromReact/favicon.ico"> |
| 17 | + <title>Convert Css to and from React Style JSON by htbkoo</title> |
| 18 | + |
| 19 | + <meta http-equiv="X-UA-Compatible" content="chrome=1"> |
| 20 | + <meta name="Description" |
| 21 | + CONTENT="Easy online tool for transforming CSS into Facebook React style JSON. Great for copy/pasting without the translation errors."> |
| 22 | + <link href='https://fonts.googleapis.com/css?family=Chivo:900' rel='stylesheet' type='text/css'> |
| 23 | + <link rel="stylesheet" type="text/css" href="stylesheets/stylesheet.css" media="screen"> |
| 24 | + <link rel="stylesheet" type="text/css" href="stylesheets/github-dark.css" media="screen"> |
| 25 | + <link rel="stylesheet" type="text/css" href="stylesheets/print.css" media="print"> |
| 26 | + <!--[if lt IE 9]> |
2 | 27 | <script type="text/javascript" src="https://cdnjs.cloudflare.com/ajax/libs/html5shiv/3.7.3/html5shiv.js"></script> |
3 | | - <![endif]--><script src="https://www.googletagmanager.com/gtag/js?id=G-1HNLXQ7KKW"></script><script id="google-analytics">const isGoogleAnalyticsTrackingEnabled = "true" === "true".toLowerCase(); |
| 28 | + <![endif]--> |
| 29 | + |
| 30 | + <!-- Google Analytics 4 - BEGIN --> |
| 31 | + <script src="https://www.googletagmanager.com/gtag/js?id=G-1HNLXQ7KKW"> |
| 32 | + </script> |
| 33 | + <script id="google-analytics"> |
| 34 | + const isGoogleAnalyticsTrackingEnabled = true; |
4 | 35 | const gaMeasurementId = "G-1HNLXQ7KKW"; |
5 | 36 |
|
6 | 37 | if (isGoogleAnalyticsTrackingEnabled && typeof gaMeasurementId !== "undefined") { |
|
17 | 48 | } else { |
18 | 49 | console.log("Google Analytics gaMeasurementId is not defined, thus not initializing"); |
19 | 50 | } |
20 | | - }</script><link href="/CssToAndFromReact/static/css/main.3a0c27da.css" rel="stylesheet"></head><body><noscript>You need to enable JavaScript to run this app.</noscript><a href="https://github.com/htbkoo/CssToAndFromReact" target="_blank"><img style="position:absolute;top:0;right:0;border:0" src="https://camo.githubusercontent.com/38ef81f8aca64bb9a64448d0d70f1308ef5341ab/68747470733a2f2f73332e616d617a6f6e6177732e636f6d2f6769746875622f726962626f6e732f666f726b6d655f72696768745f6461726b626c75655f3132313632312e706e67" alt="Fork me on GitHub" data-canonical-src="https://s3.amazonaws.com/github/ribbons/forkme_right_darkblue_121621.png"></a><div id="container"><div class="inner"><header style="text-align:center"><img src="images/CssToAndFromReact-logo.svg" alt="logo"/></header><p>This simple little tool (forked to <a href="https://github.com/htbkoo/CssToAndFromReact">htbkoo/CssToAndFromReact</a> from <a href="https://github.com/staxmanade/CssToReact">staxmanade/CssToReact</a>) is intended to help translate plain <code>CSS</code> into and back from the <a href="https://facebook.github.io/react/tips/inline-styles.html">React in-line style</a> specific JSON representation. Making it easy to copy and paste into an inline React component or a CSS stylesheet.</p><section id="main"></section><p>Hint: Just edit one of the textarea and the other would update accordingly.</p><footer>This tool is originally created by <a href="http://staxmanade.com">Staxmanade</a>.<br/>And is forked by <a href="https://github.com/htbkoo">htbkoo</a>.</footer></div></div><script type="text/javascript" src="/CssToAndFromReact/static/js/main.a24dad77.js"></script></body></html> |
| 51 | + } |
| 52 | + </script> |
| 53 | + <!-- Google Analytics 4 - END --> |
| 54 | + |
| 55 | +</head> |
| 56 | + <body onload="window.location = 'https://htbkoo.github.io/personal-portfolio/tools/cssToAndFromReact?utm_source=cssToAndFromReact'"> |
| 57 | + <noscript> |
| 58 | + You need to enable JavaScript to run this app. |
| 59 | + </noscript> |
| 60 | + It should redirect to <a href="https://htbkoo.github.io/personal-portfolio/tools/cssToAndFromReact?utm_source=cssToAndFromReact">the page hosted on GitHub</a>. |
| 61 | + If it does not, please click on the above link manually. |
| 62 | + </body> |
| 63 | +</html> |
0 commit comments