_ContextMenu.scss (1271B)
1 @use 'sass:math'; 2 3 /* stylelint-disable max-nesting-depth */ 4 5 .context-menu { 6 background: var(--newtab-background-color-secondary); 7 border-radius: var(--border-radius-small); 8 box-shadow: $context-menu-shadow; 9 display: block; 10 font-size: $context-menu-font-size; 11 margin-inline-start: var(--space-xsmall); 12 inset-inline-start: 100%; 13 position: absolute; 14 inset-block-start: var(--space-small); 15 z-index: 2; 16 17 > ul { 18 list-style: none; 19 margin: 0; 20 padding: var(--space-xsmall) 0; 21 22 > li { 23 margin: 0; 24 width: 100%; 25 26 &.separator { 27 border-block-end: 1px solid var(--border-color); 28 margin: var(--space-xsmall) 0; 29 } 30 31 > a, 32 > button { 33 align-items: center; 34 color: inherit; 35 cursor: pointer; 36 display: flex; 37 width: 100%; 38 outline: none; 39 border: 0; 40 padding: var(--space-xsmall) var(--space-medium); 41 white-space: nowrap; 42 43 &:is(:focus, :hover) { 44 background: var(--newtab-element-secondary-hover-color); 45 } 46 47 &:active { 48 background: var(--newtab-element-secondary-active-color); 49 } 50 51 &.disabled { 52 opacity: 0.4; 53 pointer-events: none; 54 } 55 } 56 } 57 } 58 }