quezo · May 22, 2018 17:24
diff --git a/index.html b/index.html
 <p>x<sub>1</sub> = 1, x<sub>2</sub> = 2, x<sub>3</sub> = 3, y<sub>1</sub> = 4, y<sub>2</sub> = 5 and y<sub>3</sub> = 6. Find:<br/><span>&#x03A3;<sup class="sum">3</sup><sub class="sum">i = 2</sub> x<sup>2</sup><sub>i</sub> + y<sub>i</sub><sup>3</sup></span><br/>And:<br/><span>&Pi;<sup class="sum">2</sup><sub class="sum">i = 1</sub> (x<sub>i</sub> + y<sub>i</sub>)<sup>2</sup></span>
 </p>
diff --git a/script.js b/script.js
 $("sub").each(function() {
    if (this.previousSibling.tagName == "SUP") {
        this.style.marginLeft = "-0.55em";
    }
 });
 $("sup").each(function() {
    if (this.previousSibling.tagName == "SUB") {
        this.style.margin = "0 -0.24em 0 -0.32em";
    }
 });
diff --git a/scripts b/scripts
 <script src="https://cdnjs.cloudflare.com/ajax/libs/jquery/3.3.1/jquery.min.js"></script>
diff --git a/style.css b/style.css
 @import "https://fonts.googleapis.com/css?family=Roboto+Slab:300,400";*{margin:0;padding:0;box-sizing:border-box;position:relative;font-family:'Roboto Slab',serif}body{background:#ECEFF1}p{font-size:45px;line-height:1.8;color:#455A64;font-weight:300;text-align:center;margin:1.3em}span{font-size:85px;transition:all .3s;cursor:pointer}sup,sub{font-size:.4em;vertical-align:unset;font-weight:400}sup{bottom:1em}sub{top:.2em}sub.sum{top:0}sup.sum{bottom:1.1em}span:hover{color:#E53935}
diff --git a/sup-sub-math-sums-products.markdown b/sup-sub-math-sums-products.markdown
	<p>x<sub>1</sub> = 1, x<sub>2</sub> = 2, x<sub>3</sub> = 3, y<sub>1</sub> = 4, y<sub>2</sub> = 5 and y<sub>3</sub> = 6. Find:<br/><span>Σ<sup class="sum">3</sup><sub class="sum">i = 2</sub> x<sup>2</sup><sub>i</sub> + y<sub>i</sub><sup>3</sup></span><br/>And:<br/><span>Π<sup class="sum">2</sup><sub class="sum">i = 1</sub> (x<sub>i</sub> + y<sub>i</sub>)<sup>2</sup></span>
	</p>
	$("sub").each(function() {
	if (this.previousSibling.tagName == "SUP") {
	this.style.marginLeft = "-0.55em";
	}
	});
	$("sup").each(function() {
	if (this.previousSibling.tagName == "SUB") {
	this.style.margin = "0 -0.24em 0 -0.32em";
	}
	});