moritzruth/moritzruth.de
1
0
Fork 0
Code Activity Actions

Fix CSS order

Browse source
This commit is contained in:
Moritz Ruth 2021-08-08 19:52:55 +02:00
parent afb165e37e
commit c3767c594d
No known key found for this signature in database
GPG key ID: AFD57E23E753841B
2 changed files with 34 additions and 36 deletions
Show stats Download patch file Download diff file Expand all files Collapse all files

8
src/App.vue
View file

@ -16,14 +16,6 @@
</template>
<style>
body {
font-size: 20px;
}
::selection {
@apply bg-blue-900 bg-opacity-80 text-white;
}
._content {
min-height: calc(100vh - 80px);
}

62
src/main.css
View file

@ -1,39 +1,45 @@
@layer base {
.prose {
:where(h1) {
@apply font-bold text-3xl sm:text-5xl text-gray-900;
}
body {
font-size: 20px;
}
:where(h2) {
@apply font-bold text-2xl sm:text-4xl text-gray-600 mt-8;
}
::selection {
@apply bg-blue-900 bg-opacity-80 text-white;
}
:where(ol) {
@apply list-decimal list-inside space-y-2;
.prose {
:where(h1) {
@apply font-bold text-3xl sm:text-5xl text-gray-900;
}
::marker {
@apply text-gray-600;
}
}
:where(h2) {
@apply font-bold text-2xl sm:text-4xl text-gray-600 mt-8;
}
:where(ul) {
@apply list-disc list-inside space-y-1;
}
:where(ol) {
@apply list-decimal list-inside space-y-2;
:where(address, p, ol, ul) {
@apply not-italic text-lg max-w-240 mt-5;
::marker {
@apply text-gray-600;
}
}
.asterisk-list > li {
&:not(:last-child) {
margin-bottom: 5px;
}
:where(ul) {
@apply list-disc list-inside space-y-1;
}
&::before {
@apply text-blue-900;
content: "*";
margin-right: 5px;
}
:where(address, p, ol, ul) {
@apply not-italic text-lg max-w-240 mt-5;
}
}
.asterisk-list > li {
&:not(:last-child) {
margin-bottom: 5px;
}
&::before {
@apply text-blue-900;
content: "*";
margin-right: 5px;
}
}