Skip to content

Instantly share code, notes, and snippets.

@domenic
Last active Sep 19, 2016
Embed
What would you like to do?
<!-- inside shadow root -->
<style>
.up-stepper {
@apply --up-stepper;
}
</style>
<div class="up-stepper"></div>
<!-- outside -->
<style>
my-fancy-slider {
--up-stepper: {
color: blue;
margin: 5px;
}
}
</style>
<!-- inside shadow root -->
<script>
findUpStepper().exposeAsPseudoPart("up-stepper");
</script>
<div class="up-stepper"></div>
<!-- outside -->
<style>
my-fancy-slider::part(up-stepper) {
color: blue;
margin: 5px;
}
</style>
Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment