Mark/esolang
1
0
Fork 0
Code Issues Packages Activity

Add breakpoints to editor UI

Browse Source
This commit is contained in:
Nilay Majorwar
2021-12-15 14:35:04 +05:30
parent 01ba292b9f
commit c9afb3a68b
6 changed files with 186 additions and 26 deletions
Download Patch File Download Diff File Expand all files Collapse all files

15
styles/editor.css
View File

@ -1,12 +1,19 @@
.code-highlight {
background-color: #ffff0077;
background-color: #ffff00aa;
}
.breakpoint-glyph {
box-sizing: border-box;
padding: 4%;
padding: 6%; /* Make the dot smaller in size */
margin-top: 2px; /* Fix dot appearing slightly above baseline */
border-radius: 50%;
margin-left: 10px;
background-color: #ff5555;
background-clip: content-box;
}
.breakpoint-glyph.solid {
background-color: #ff5555 !important;
}
.breakpoint-glyph.hint {
background-color: #ff555555;
}