Skip to content

Commit

Permalink
Problem: Math symbols on tezos page doesn't match style (fractalide#207…
Browse files Browse the repository at this point in the history 
…).

Solution: Fix style for math symbols on tezos page.
  • Loading branch information
@miguelsimoni
miguelsimoni committed Jan 26, 2019
1 parent 794fb06 commit d2c0e8d
Show file tree
Hide file tree
Showing 2 changed files with 65 additions and 23 deletions.
44 changes: 22 additions & 22 deletions content/stake-pool/tezos-xtz.md
View file
Original file line number Diff line number Diff line change
Expand Up @@ -70,8 +70,8 @@
</div>
</div>
</div>
<div class="math_symbol">
<i class="fa fa-times text_blue" aria-hidden="true"></i>
<div class="math_symbol math_symbol_times">
<span></span>
</div>
<div class="math_element">
<div class="math_name">
Expand All @@ -81,11 +81,11 @@
<span>491.520</span>
</div>
</div>
<div class="math_symbol">
<i class="fa fa-times text_blue" aria-hidden="true"></i>
<div class="math_symbol math_symbol_times">
<span></span>
</div>
<div class="math_symbol">
<b class="text_blue">(</b>
<div class="math_symbol math_symbol_parenthesis_open">
<span></span>
</div>
<div class="math_element">
<div class="math_name">
Expand All @@ -95,8 +95,8 @@
<span>16</span>
</div>
</div>
<div class="math_symbol">
<i class="fa fa-plus text_blue" aria-hidden="true"></i>
<div class="math_symbol math_symbol_plus">
<span></span>
</div>
<div class="math_element">
<div class="math_name">
Expand All @@ -109,8 +109,8 @@
</div>
</div>
</div>
<div class="math_symbol">
<i class="fa fa-plus text_blue" aria-hidden="true"></i>
<div class="math_symbol math_symbol_plus">
<span></span>
</div>
<div class="math_element">
<div class="math_name">
Expand All @@ -120,8 +120,8 @@
<span>2</span>
</div>
</div>
<div class="math_symbol">
<i class="fa fa-times text_blue" aria-hidden="true"></i>
<div class="math_symbol math_symbol_times">
<span></span>
</div>
<div class="math_element">
<div class="math_name">
Expand All @@ -131,11 +131,11 @@
<span>32</span>
</div>
</div>
<div class="math_symbol">
<b class="text_blue">)</b>
<div class="math_symbol math_symbol_parenthesis_close">
<span></span>
</div>
<div class="math_symbol">
<b class="text_blue">/</b>
<div class="math_symbol math_symbol_divide">
<span></span>
</div>
<div class="math_element">
<div class="math_name">
Expand All @@ -145,8 +145,8 @@
<span>763.3M</span>
</div>
</div>
<div class="math_symbol">
<b class="text_blue">/</b>
<div class="math_symbol math_symbol_divide">
<span></span>
</div>
<div class="math_element">
<div class="math_name">
Expand All @@ -159,8 +159,8 @@
</div>
</div>
</div>
<div class="math_symbol">
<i class="fa fa-times text_blue" aria-hidden="true"></i>
<div class="math_symbol math_symbol_times">
<span></span>
</div>
<div class="math_element">
<div class="math_name">
Expand All @@ -170,8 +170,8 @@
<span>85%</span>
</div>
</div>
<div class="math_symbol">
<b class="text_blue">=</b>
<div class="math_symbol math_symbol_equal">
<span></span>
</div>
</div>
</div>
Expand Down
44 changes: 43 additions & 1 deletion themes/fractalide/files/css/custom.css
View file
Original file line number Diff line number Diff line change
Expand Up @@ -577,7 +577,49 @@ section#tezos-xtz ul li {

.math_symbol {
order: 1;
padding: 65px 10px 5px 10px;
padding: 60px 10px 5px 10px;
}

.math_symbol_plus > span:before {
content: "+";
font-size: 20px;
font-weight: 900;
color: #58B4CD;
}

.math_symbol_times > span:before {
content: "\00D7";
font-size: 20px;
font-weight: 900;
color: #58B4CD;
}

.math_symbol_divide > span:before {
content: "\00F7";
font-size: 20px;
font-weight: 900;
color: #58B4CD;
}

.math_symbol_equal > span:before {
content: "=";
font-size: 20px;
font-weight: 900;
color: #58B4CD;
}

.math_symbol_parenthesis_open > span:before {
content: "(";
font-size: 20px;
font-weight: 900;
color: #58B4CD;
}

.math_symbol_parenthesis_close > span:before {
content: ")";
font-size: 20px;
font-weight: 900;
color: #58B4CD;
}

.math_element {
Expand Down

0 comments on commit d2c0e8d

Please sign in to comment.