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

Apply suggestions from @shawnbot

Browse Source 
Co-Authored-By: Shawn Allen <shawn.allen@github.com>
This commit is contained in:
Vinicius Depizzol 2019-08-08 15:33:15 -07:00 committed by GitHub
parent 2d0d537417
commit 990634a046
No known key found for this signature in database
GPG Key ID: 4AEE18F83AFDEB23
1 changed files with 8 additions and 8 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

16
src/dropdowns/dropdown.scss
View File

@ -30,15 +30,15 @@
left: 0; left: 0;
z-index: 100; z-index: 100;
width: 160px; width: 160px;
padding-top: 5px; padding-top: $spacer-1;
padding-bottom: 5px; padding-bottom: $spacer-1;
margin-top: 2px; margin-top: 2px;
list-style: none; list-style: none;
background-color: $bg-white; background-color: $bg-white;
background-clip: padding-box; background-clip: padding-box;
border: $border-width $border-style $black-fade-15; border: $border-width $border-style $black-fade-15;
border-radius: $spacer-1; border-radius: $spacer-1;
box-shadow: 0 3px 12px $black-fade-15; box-shadow: $box-shadow-large;
&::before, &::before,
&::after { &::after {
@ -76,7 +76,7 @@
// Dropdown items (can be links or buttons) // Dropdown items (can be links or buttons)
.dropdown-item { .dropdown-item {
display: block; display: block;
padding: $spacer-1 10px $spacer-1 $spacer-3; padding: $spacer-1 $spacer-2 $spacer-1 $spacer-3;
overflow: hidden; overflow: hidden;
color: $text-gray-dark; color: $text-gray-dark;
text-overflow: ellipsis; text-overflow: ellipsis;
@ -148,7 +148,7 @@
left: auto; left: auto;
width: auto; width: auto;
margin-top: 0; margin-top: 0;
margin-right: 10px; margin-right: $spacer-2;
&::before { &::before {
top: 10px; top: 10px;
@ -172,10 +172,10 @@
left: 100%; left: 100%;
width: auto; width: auto;
margin-top: 0; margin-top: 0;
margin-left: 10px; margin-left: $spacer-2;
&::before { &::before {
top: 10px; top: $spacer-2;
left: -$spacer-3; left: -$spacer-3;
border-color: transparent; border-color: transparent;
border-right-color: $black-fade-15; border-right-color: $black-fade-15;
@ -272,7 +272,7 @@
background: $gray-800; background: $gray-800;
color: $white; color: $white;
border-color: $gray-700; border-color: $gray-700;
box-shadow: 0 3px 12px $black-fade-50; box-shadow: $box-shadow-large;
&::before { &::before {
border-bottom-color: $gray-700; border-bottom-color: $gray-700;