improve AccompanyingCourse ux design

This commit is contained in:
2021-05-20 18:42:40 +02:00
parent 8bd75429c1
commit 098a2ea620
4 changed files with 73 additions and 58 deletions

View File

@@ -44,51 +44,53 @@ export default {
</script>
<style lang="scss">
h1 {
margin: 1.5em 0;
}
div.vue-component {
h2 {
margin-left: 0.7em;
position: relative;
&:before {
position: absolute;
content: "\f192";
font-family: "ForkAwesome";
color: #718596ab;
left: -28px;
top: 4px;
div#accompanying-course {
h1 {
margin: 1.5em 0;
}
div.vue-component {
h2 {
margin-left: 0.7em;
position: relative;
&:before {
position: absolute;
content: "\f192";
font-family: "ForkAwesome";
color: #718596ab;
left: -28px;
top: 4px;
}
a[name^="section"] {
position: absolute;
top: -2em;
}
}
a[name^="section"] {
padding: 0.8em 0em;
margin: 2em 0;
border: 1px dotted #718596ab;
border-radius: 5px;
border-left: 1px dotted #718596ab;
border-right: 1px dotted #718596ab;
/*
position: relative;
&:before {
content: "vuejs component";
position: absolute;
top: -2em;
left: 1.5em;
top: -0.9em;
background-color: white;
color: grey;
padding: 0 0.3em;
}
*/
dd {
margin-left: 1em;
}
& > div {
margin: 1em 3em 0;
}
table {
}
}
padding: 0.8em 0em;
margin: 2em 0;
border: 1px dotted #718596ab;
border-radius: 5px;
border-left: 1px dotted #718596ab;
border-right: 1px dotted #718596ab;
/*
position: relative;
&:before {
content: "vuejs component";
position: absolute;
left: 1.5em;
top: -0.9em;
background-color: white;
color: grey;
padding: 0 0.3em;
}
*/
dd {
margin-left: 1em;
}
& > div {
margin: 1em 3em 0;
}
table {
}
}
}
</style>