mirror of
https://github.com/GraphiteEditor/Graphite.git
synced 2026-09-29 02:58:12 +08:00
2f7c45771e
* Converted bezier example to vanilla js component * Indent with tabs * Add sliders * Converted bezier example pane to vanilla js * Implement the radio buttons + fixes * Converted SubpathExample to vanilla js * Converted SubpathExamplePane to vanilla js * Removed vue components * Remove App.vue * Remove vue and other dependencies * Minor fix in main.ts * Added insert to subpath features * Entry point tweaks * Rename "example" to "demo" * Kebab-case file names (except classes) Co-authored-by: Hannah Li <hannahli2010@gmail.com> Co-authored-by: Keavon Chambers <keavon@keavon.com>
53 lines
669 B
CSS
53 lines
669 B
CSS
html,
|
|
body {
|
|
height: 100%;
|
|
font-family: Arial, sans-serif;
|
|
text-align: center;
|
|
margin: 40px 0;
|
|
}
|
|
|
|
body > h1 + p {
|
|
max-width: 768px;
|
|
line-height: 1.4;
|
|
margin: auto;
|
|
text-align: justify;
|
|
}
|
|
|
|
body > h2 {
|
|
margin-top: 40px;
|
|
}
|
|
|
|
/* Demo Pane styles */
|
|
.demo-row {
|
|
display: flex;
|
|
flex-direction: row;
|
|
justify-content: center;
|
|
}
|
|
|
|
.compute-type-choice {
|
|
margin-top: 20px;
|
|
}
|
|
|
|
.demo-pane-header {
|
|
margin-top: 2em;
|
|
margin-bottom: 0;
|
|
}
|
|
|
|
.demo-pane-container {
|
|
position: relative;
|
|
width: fit-content;
|
|
margin: auto;
|
|
}
|
|
|
|
/* Demo styles */
|
|
.demo-header {
|
|
margin: 20px 0;
|
|
}
|
|
|
|
.demo-figure {
|
|
width: 200px;
|
|
height: 200px;
|
|
margin-bottom: 20px;
|
|
border: solid 1px black;
|
|
}
|