primer/css
1
1
Fork 0
mirror of https://github.com/primer/css.git synced 2024-12-03 03:33:40 +03:00
Code Issues Projects Releases Wiki Activity

Updating how we draw carets

Browse Source
This commit is contained in:
Jon Rohan 2021-03-23 16:51:54 -07:00
parent afb21fccc3
commit 4e6064773a
No known key found for this signature in database
GPG Key ID: B0BBE304A9A0AECB
1 changed files with 9 additions and 10 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

19
src/support/mixins/misc.scss
View File

@ -5,25 +5,24 @@
position: absolute;
top: 11px;
right: 100%;
left: -16px;
left: -8px;
display: block;
width: 0;
height: 0;
width: 8px;
height: 16px;
pointer-events: none;
content: " ";
border-color: transparent;
border-style: solid solid outset;
clip-path: polygon(0 50%, 100% 0, 100% 100%);
}
&::after {
height: 14px;
margin-top: 1px;
margin-left: 2px;
border-width: 7px;
border-right-color: $background;
margin-left: 1px;
background-color: var(--color-bg-primary);
background-image: linear-gradient($background, $background);
}
&::before {
border-width: 8px;
border-right-color: $border;
background-color: $border;
}
}