UNPKG

v-contextmenu/src/styles/contextmenu.styl

Version:

1.74 kBtext/stylusView Raw

v-contextmenu
position: absolute
padding: padding-vertical 0
margin: 0
background-color: #fff
border: 1px solid border-color
border-radius: 4px
box-shadow: 2px 2px 8px 0px shadow-color
list-style: none
font-size: 14px
white-space: nowrap
cursor: pointer
z-index: 2800
-webkit-tap-highlight-color: transparent
15
.v-contextmenu-item
  padding: padding-vertical contextmenu-item-padding-horizonal
  line-height: 1
  color: #333
20
  &.v-contextmenu-item--hover
    color: #fff
23
  &.v-contextmenu-item--disabled
    color: #ccc
    cursor: not-allowed
27
.v-contextmenu-divider
  height: 0
  margin: padding-vertical 0
  border-bottom: 1px solid border-color
32
.v-contextmenu-group__menus
  padding: 0 5px
  margin: 0
  list-style: none
37
  .v-contextmenu-item
    display: inline-block
    padding: padding-vertical (contextmenu-item-padding-horizonal - 5)
41
.v-contextmenu-submenu
  position: relative
44
  & > .v-contextmenu
    position: absolute
47
    &.left
      left: 0
      transform: translateX(-100%)
51
    &.right
      right: 0
      transform: translateX(100%)
55
    &.top
      top: -(padding-vertical) - 1
58
    &.bottom
      bottom: -(padding-vertical) - 1
61
  .v-contextmenu-submenu__title
    margin-right: padding-vertical * 2
64
  .v-contextmenu-submenu__icon
    position: absolute
    right: padding-vertical
68
    &::before
      content: "\e622"
71
v-contextmenu--default
.v-contextmenu-item--hover
  background-color: active-color
75
v-contextmenu--bright
.v-contextmenu-item--hover
  background-color: active-color-bright
79
v-contextmenu--dark
.v-contextmenu-item--hover
  background-color: active-color-dark

1	`.v-contextmenu`
2	`position: absolute`
3	`padding: padding-vertical 0`
4	`margin: 0`
5	`background-color: #fff`
6	`border: 1px solid border-color`
7	`border-radius: 4px`
8	`box-shadow: 2px 2px 8px 0px shadow-color`
9	`list-style: none`
10	`font-size: 14px`
11	`white-space: nowrap`
12	`cursor: pointer`
13	`z-index: 2800`
14	`-webkit-tap-highlight-color: transparent`
15
16	`.v-contextmenu-item`
17	`padding: padding-vertical contextmenu-item-padding-horizonal`
18	`line-height: 1`
19	`color: #333`
20
21	`&.v-contextmenu-item--hover`
22	`color: #fff`
23
24	`&.v-contextmenu-item--disabled`
25	`color: #ccc`
26	`cursor: not-allowed`
27
28	`.v-contextmenu-divider`
29	`height: 0`
30	`margin: padding-vertical 0`
31	`border-bottom: 1px solid border-color`
32
33	`.v-contextmenu-group__menus`
34	`padding: 0 5px`
35	`margin: 0`
36	`list-style: none`
37
38	`.v-contextmenu-item`
39	`display: inline-block`
40	`padding: padding-vertical (contextmenu-item-padding-horizonal - 5)`
41
42	`.v-contextmenu-submenu`
43	`position: relative`
44
45	`& > .v-contextmenu`
46	`position: absolute`
47
48	`&.left`
49	`left: 0`
50	`transform: translateX(-100%)`
51
52	`&.right`
53	`right: 0`
54	`transform: translateX(100%)`
55
56	`&.top`
57	`top: -(padding-vertical) - 1`
58
59	`&.bottom`
60	`bottom: -(padding-vertical) - 1`
61
62	`.v-contextmenu-submenu__title`
63	`margin-right: padding-vertical * 2`
64
65	`.v-contextmenu-submenu__icon`
66	`position: absolute`
67	`right: padding-vertical`
68
69	`&::before`
70	`content: "\e622"`
71
72	`.v-contextmenu--default`
73	`.v-contextmenu-item--hover`
74	`background-color: active-color`
75
76	`.v-contextmenu--bright`
77	`.v-contextmenu-item--hover`
78	`background-color: active-color-bright`
79
80	`.v-contextmenu--dark`
81	`.v-contextmenu-item--hover`
82	`background-color: active-color-dark`