Use SugarSS
This commit is contained in:
parent
597b3d047a
commit
7319a7a940
22 changed files with 105 additions and 122 deletions
46
resources/css/components/markup.sss
Normal file
46
resources/css/components/markup.sss
Normal file
|
|
@ -0,0 +1,46 @@
|
|||
.markup
|
||||
@apply leading-normal
|
||||
|
||||
h2,
|
||||
h3,
|
||||
h4
|
||||
@apply text-black font-bold mb-3
|
||||
|
||||
h2
|
||||
@apply mt-8 mb-3
|
||||
|
||||
h3
|
||||
@apply text-lg mt-8
|
||||
|
||||
p,
|
||||
ul,
|
||||
ol,
|
||||
blockquote,
|
||||
table,
|
||||
figure,
|
||||
pre,
|
||||
[v-pre]
|
||||
&:not(:last-child)
|
||||
@apply mb-6
|
||||
|
||||
ul
|
||||
@apply list-disc ml-5
|
||||
|
||||
code
|
||||
@apply bg-gray-200 font-mono text-sm
|
||||
|
||||
p,
|
||||
li
|
||||
code
|
||||
@apply inline-block border border-gray-300 font-bold mx-px p-1 leading-none
|
||||
|
||||
pre code,
|
||||
.hljs
|
||||
@apply block leading-loose overflow-x-scroll p-6
|
||||
|
||||
figure,
|
||||
img
|
||||
@apply block
|
||||
|
||||
figcaption
|
||||
@apply italic text-sm text-gray-800 text-center mb-0 mt-1
|
||||
Loading…
Add table
Add a link
Reference in a new issue