[ui] move sections with labels in borders into a util stylesheet
parent
c95fc3518a
commit
dba543ca0e
|
@ -129,52 +129,19 @@
|
||||||
</section>
|
</section>
|
||||||
|
|
||||||
<style scoped lang="scss">
|
<style scoped lang="scss">
|
||||||
section {
|
@use "./util";
|
||||||
position: relative;
|
|
||||||
overflow: visible;
|
|
||||||
|
|
||||||
margin-top: 1.66em;
|
|
||||||
padding: 1ex 0.95ex;
|
|
||||||
|
|
||||||
border: 0.1em solid var(--foreground);
|
|
||||||
border-radius: 4px;
|
|
||||||
|
|
||||||
header {
|
|
||||||
margin-bottom: 0.2em;
|
|
||||||
|
|
||||||
& > * {
|
|
||||||
position: absolute;
|
|
||||||
top: -0.66em;
|
|
||||||
|
|
||||||
margin: 0;
|
|
||||||
|
|
||||||
background: var(--background-lighter);
|
|
||||||
font-weight: 600;
|
|
||||||
|
|
||||||
line-height: 1;
|
|
||||||
padding: 0 0.75ex;
|
|
||||||
|
|
||||||
.icon {
|
.icon {
|
||||||
display: inline-block;
|
display: inline-block;
|
||||||
font-size: 1.25em;
|
font-size: 1.25em;
|
||||||
margin-top: -0.3em;
|
margin-top: -0.3em;
|
||||||
}
|
|
||||||
|
|
||||||
.icon {
|
|
||||||
position: relative;
|
position: relative;
|
||||||
bottom: -2px;
|
bottom: -2px;
|
||||||
}
|
}
|
||||||
}
|
|
||||||
|
|
||||||
h3 {
|
|
||||||
left: 1ex;
|
|
||||||
}
|
|
||||||
|
|
||||||
.views {
|
.views {
|
||||||
display: flex;
|
display: flex;
|
||||||
right: 1ex;
|
right: 1ex;
|
||||||
font-size: 18px;
|
font-size: 18px;
|
||||||
}
|
|
||||||
}
|
|
||||||
}
|
}
|
||||||
</style>
|
</style>
|
||||||
|
|
|
@ -0,0 +1,31 @@
|
||||||
|
section.labelborder {
|
||||||
|
position: relative;
|
||||||
|
overflow: visible;
|
||||||
|
|
||||||
|
margin-top: 1.66em;
|
||||||
|
padding: 1ex 0.95ex;
|
||||||
|
|
||||||
|
border: 0.1em solid var(--foreground);
|
||||||
|
border-radius: 4px;
|
||||||
|
|
||||||
|
header {
|
||||||
|
margin-bottom: 0.2em;
|
||||||
|
|
||||||
|
& > * {
|
||||||
|
position: absolute;
|
||||||
|
top: -0.66em;
|
||||||
|
|
||||||
|
margin: 0;
|
||||||
|
|
||||||
|
background: var(--background-lighter);
|
||||||
|
font-weight: 600;
|
||||||
|
|
||||||
|
line-height: 1;
|
||||||
|
padding: 0 0.75ex;
|
||||||
|
}
|
||||||
|
|
||||||
|
h3 {
|
||||||
|
left: 1ex;
|
||||||
|
}
|
||||||
|
}
|
||||||
|
}
|
Loading…
Reference in New Issue