Merge pull request #379 from Chalarangelo/getsetstyle

[FEATURE] Add getStyle/setStyle snippets (browser)

snippets/getStyle.md

@@ -0,0 +1,13 @@
+### getStyle
+
+Returns the value of a CSS rule for the specified element.
+
+Use `Window.getComputedStyle()` to get the value of the CSS rule for the specified element.
+
+```js
+const getStyle = (el, ruleName) => getComputedStyle(el)[ruleName];
+```
+
+```js
+getStyle(document.querySelector('p'), 'font-size') // '16px'
+```

snippets/setStyle.md

@@ -0,0 +1,13 @@
+### setStyle
+
+Sets the value of a CSS rule for the specified element.
+
+Use `element.style` to set the value of the CSS rule for the specified element to `value`.
+
+```js
+const setStyle = (el, ruleName, value) => el.style[ruleName] = value;
+```
+
+```js
+setStyle(document.querySelector('p'), 'font-size', '20px') // The first <p> element on the page will have a font-size of 20px
+```