Skip to content

Instantly share code, notes, and snippets.

@JimJafar
Last active February 21, 2019 07:09
Show Gist options
  • Save JimJafar/a9e96ca79b4fa4ddfd797db1b7e29cf8 to your computer and use it in GitHub Desktop.
Save JimJafar/a9e96ca79b4fa4ddfd797db1b7e29cf8 to your computer and use it in GitHub Desktop.
<span class="breakpoint-debugger">
<span class="d-inline d-sm-none">
xs
</span>
<span class="d-sm-inline d-md-none">
sm
</span>
<span class="d-md-inline d-lg-none">
md
</span>
<span class="d-lg-inline d-xl-none">
lg
</span>
<span class="d-xl-inline d-xxl-none">
xl
</span>
<span class="d-xxl-inline">
xxl
</span>
</span>
<style lang="scss">
.breakpoint-debugger{
position: fixed;
top: 0;
left: 1em;
> span {
display: none;
}
}
</style>
@JimJafar
Copy link
Author

Displays the current breakpoint in the top left corner of the screen.

Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment