Skip to content

Commit

Permalink
add new css rule for graphs to authoring file
Browse files Browse the repository at this point in the history
  • Loading branch information
flannery-denny committed Oct 17, 2024
1 parent 1bb121d commit 345e1ea
Showing 1 changed file with 29 additions and 0 deletions.
Original file line number Diff line number Diff line change
Expand Up @@ -68,3 +68,32 @@ Correlation does NOT imply causation.
++++
[.freeResponse]
* For make graphs using pure css
"Graph" tables provide a pure-CSS solution for all coordinate planes.
They rely on a set up CSS variables, with reasonable defaults:
--width and --height determine the size of plane. Defaults to 3in x 3x.
--min-gap determines the minimum space between graphs. Defaults to 20px.
--top_pct and --left_pct determine the origin's position. Defaults to (50%, 50%).
--minors determines how many "minor axes" (incl the one behind major). Defaults to 7.
--x_label defaults to 'x'
--y_label defaults to 'y'
++++
<style>
.magnitude.graph {
--width: 2.0in;
--height: 1.5in;
}
.translation.graph {
--min-gap: 5px;
--minors: 5.9;
--width: 1.75in;
--height: 1.50in;
}
</style>
++++

0 comments on commit 345e1ea

Please sign in to comment.