Skip to content

Commit

Permalink
Increase font size for icons at bottom of article pages
Browse files Browse the repository at this point in the history
  • Loading branch information
dpilafian committed Jun 3, 2024
1 parent 643c101 commit 49324b0
Show file tree
Hide file tree
Showing 5 changed files with 10 additions and 39 deletions.
2 changes: 1 addition & 1 deletion package.json
Original file line number Diff line number Diff line change
Expand Up @@ -71,6 +71,6 @@
"rimraf": "~5.0",
"run-scripts-util": "~1.2",
"w3c-html-validator": "~1.8",
"web-ignition": "~2.1"
"web-ignition": "~2.2"
}
}
3 changes: 2 additions & 1 deletion src/website/article/rules/index.html
Original file line number Diff line number Diff line change
Expand Up @@ -38,7 +38,8 @@ <h2>America, Fuck Yeah</h2>
nation on earth to use metric to land a human on the moon.&nbsp;
</p>
<p>
America, Fuck Yeah! 🇺🇸🗽🇺🇸&nbsp;
America, Fuck Yeah!&nbsp;
&nbsp;🇺🇸🗽🇺🇸
</p>
</section>

Expand Down
36 changes: 0 additions & 36 deletions src/website/calculator/calculator.less
Original file line number Diff line number Diff line change
@@ -1,42 +1,6 @@
// Think Metric
// Style: Calculator


// <label>
// <span>Color:</span>
// <select>
// <option>Plum</option>
/// <option>Pink</option>
// </select>
// </label>
label:has(select) { //temporary until v2.4.6
position: relative;
max-width: 25em;
text-align: left;
padding: 0px;
&::after {
content: "\276F"; //arrow: "❯" (Heavy Right-Pointing Angle Quotation Mark Ornament)
position: absolute;
right: 0.4em;
bottom: 0.03em;
font-size: 1.5em;
transform: rotate(90deg); //point down
pointer-events: none;
}
span {
}
select {
appearance: none;
background-color: mintcream;
border: 1px solid silver;
padding: 0.3em 2.0em 0.3em 0.3em;
margin: 0px;
&:invalid {
color: firebrick;
}
}
}

b.flair {
display: inline-block;
font-size: 0.9em;
Expand Down
4 changes: 3 additions & 1 deletion src/website/calculator/index.html
Original file line number Diff line number Diff line change
Expand Up @@ -61,7 +61,9 @@ <h2>{{articleTitle}}</h2>
<section class=celsius-calculator>
<h2>Oven Temperature Conversion</h2>
<div>
<form><input value=350 data-on-input=app.calculator.convertToCelsius>&deg;F</form>
<form>
<input value=350 data-on-input=app.calculator.convertToCelsius>&deg;F
</form>
<i data-icon=arrow-alt-circle-right></i>
<figure><output>180</output>&deg;C</figure> <!-- Start at 350°F = 180°C -->
</div>
Expand Down
4 changes: 4 additions & 0 deletions src/website/css/layout.less
Original file line number Diff line number Diff line change
Expand Up @@ -82,6 +82,10 @@ body {
}
}
}
>section:last-child >figure:last-child {
font-size: 1.6em;
padding-top: 20px;
}
}
>footer {
}
Expand Down

0 comments on commit 49324b0

Please sign in to comment.