theme | _class | backgroundColor | marp | footer | tags |
---|---|---|---|---|---|
gaia |
lead |
true |
Daniel Brandenburg | 07142020 |
Created
July 13, 2020 20:48
-
-
Save jdbrice/3478cbf98acfd936f9e32d645376ebe5 to your computer and use it in GitHub Desktop.
Marp style block for custom css in preview AND export
This file contains bidirectional Unicode text that may be interpreted or compiled differently than what appears below. To review, open the file in an editor that reveals hidden Unicode characters.
Learn more about bidirectional Unicode characters
.img-tr { | |
position: absolute; | |
top: 20%; | |
left: 50%; | |
max-width:50%; | |
max-height: 40% | |
} | |
.img-br { | |
position: absolute; | |
top: 55%; | |
left: 50%; | |
max-width:50%; | |
max-height: 40% | |
} | |
ul { | |
font-size: 90% | |
} | |
section.split { | |
overflow: visible; | |
display: grid; | |
grid-template-columns: 50%; | |
grid-template-rows: 100px auto; | |
grid-template-areas: | |
"slideheading slideheading" | |
"leftpanel rightpanel"; | |
} | |
/* debug */ | |
section.split h3, | |
section.split .ldiv, | |
section.split .rdiv { border: 1.5pt dashed dimgray; } | |
section.split h3 { | |
padding-top: 1px; | |
grid-area: slideheading; | |
font-size: 50px; | |
} | |
section.split .ldiv { grid-area: leftpanel; } | |
section.split .rdiv { grid-area: rightpanel; } | |
/* Figures */ | |
figure { | |
display: inline-block; | |
/* border: 1px dotted gray; */ | |
margin: 20px; /* adjust as needed */ | |
} | |
figure img { | |
vertical-align: top; | |
} | |
figure figcaption { | |
/* border: 1px dotted blue; */ | |
text-align: center; | |
} |
This file contains bidirectional Unicode text that may be interpreted or compiled differently than what appears below. To review, open the file in an editor that reveals hidden Unicode characters.
Learn more about bidirectional Unicode characters
<style> | |
/* this works for export */ | |
@import url( "/Users/jdb/shard/marp.css" ); | |
/* this works in preview */ | |
@import url( "marp.css" ); | |
</style> | |
<!-- NOTE: I find that you have to restart VSCode to get the markdown preview to reload the css file --> |
Sign up for free
to join this conversation on GitHub.
Already have an account?
Sign in to comment