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

Remove dark dropdown

Browse Source
This commit is contained in:
simurai 2021-02-26 20:30:06 +09:00
parent 9309c57b19
commit e3d82fbb7d
2 changed files with 0 additions and 94 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

26
docs/content/components/dropdown.md
View File

@ -200,29 +200,3 @@ Align the direction of dropdown menus and their arrows with modifier classes.
</details> </details>
</div> </div>
``` ```
### Dark
```html live
<div class="bg-gray-dark p-3 mt-n3 ml-n3 mr-n3 mb-n3" style="min-height: 240px;">
<details class="dropdown details-reset details-overlay d-inline-block">
<summary class="btn" aria-haspopup="true">
Dropdown
<div class="dropdown-caret"></div>
</summary>
<div class="dropdown-menu dropdown-menu-se dropdown-menu-dark">
<div class="dropdown-header">
Dropdown header
</div>
<ul>
<li><a class="dropdown-item" href="#url">Dropdown item</a></li>
<li><a class="dropdown-item" href="#url">Dropdown item</a></li>
<li class="dropdown-divider" role="none"></li>
<li><a class="dropdown-item" href="#url">Dropdown item</a></li>
<li><a class="dropdown-item" href="#url">Dropdown item</a></li>
</ul>
</div>
</details>
</div>
```

68
src/dropdown/dropdown.scss
View File

@ -264,71 +264,3 @@
left: 10px; left: 10px;
} }
} }
// Dark dropdowns
// TODO: Deprecate
.dropdown-menu-dark {
color: $text-white;
// stylelint-disable-next-line primer/colors
background: $gray-800;
border-color: $border-gray-darker;
box-shadow: $box-shadow-large;
&::before {
border-bottom-color: $border-gray-darker;
}
&::after {
// stylelint-disable-next-line primer/borders
border-bottom-color: $gray-800;
}
.dropdown-header {
// stylelint-disable-next-line primer/colors
color: $gray-300;
}
.dropdown-divider {
border-top-color: $border-gray-darker;
}
.dropdown-item {
color: inherit;
}
// Directional classes
&.dropdown-menu-w {
&::before {
border-color: transparent transparent transparent $border-gray-darker;
}
&::after {
// stylelint-disable-next-line primer/borders
border-color: transparent transparent transparent $gray-800;
}
}
&.dropdown-menu-e {
&::before {
border-color: transparent $border-gray-darker transparent transparent;
}
&::after {
// stylelint-disable-next-line primer/borders
border-color: transparent $gray-800 transparent transparent;
}
}
&.dropdown-menu-ne {
&::before {
border-color: $border-gray-darker transparent transparent transparent;
}
&::after {
// stylelint-disable-next-line primer/borders
border-color: $gray-800 transparent transparent transparent;
}
}
}