frnkst/CSS to JS

## CSS to JS
# ccsjson from https://github.com/aramk/CSSJSON

# file index.html

<html>
  <head>
    <link rel="stylesheet" href="style.css" type="text/css" />
    <script src="cssjson.js"></script>
    <script>
      const xhr = new XMLHttpRequest();
      xhr.open("GET", "style.css", true);

      xhr.onload = function(e) {
        if (xhr.readyState === 4 && xhr.status == 200) {
          const styleSheetRaw = xhr.responseText;
          console.log(styleSheetRaw);
          const styleSheet = CSSJSON.toJSON(styleSheetRaw);
          console.log(styleSheet);
        } else {
          console.error(xhr.statusText);
        }
      };
      xhr.onerror = function(e) {
        console.error(xhr.statusText);
      };
      xhr.send();
    </script>
  </head>

  <div class="title">
    Title
  </div>
</html>

# file style.css

.title {
  color: blue;
}
	# ccsjson from https://github.com/aramk/CSSJSON

	# file index.html

	<html>
	<head>
	<link rel="stylesheet" href="style.css" type="text/css" />
	<script src="cssjson.js"></script>
	<script>
	const xhr = new XMLHttpRequest();
	xhr.open("GET", "style.css", true);

	xhr.onload = function(e) {
	if (xhr.readyState === 4 && xhr.status == 200) {
	const styleSheetRaw = xhr.responseText;
	console.log(styleSheetRaw);
	const styleSheet = CSSJSON.toJSON(styleSheetRaw);
	console.log(styleSheet);
	} else {
	console.error(xhr.statusText);
	}
	};
	xhr.onerror = function(e) {
	console.error(xhr.statusText);
	};
	xhr.send();
	</script>
	</head>

	<div class="title">
	Title
	</div>
	</html>

	# file style.css

	.title {
	color: blue;
	}