summaryrefslogtreecommitdiffstats
path: root/wp-includes/css/dist/patterns/style.css
blob: 7734d30567f39f86ab87def001400951145a04fe (plain)
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
35
36
37
38
39
40
41
42
43
44
45
46
47
48
49
50
51
52
53
54
55
56
57
58
59
60
61
62
63
64
65
66
67
68
69
70
71
72
:root{
  --wp-admin-theme-color:#007cba;
  --wp-admin-theme-color--rgb:0, 124, 186;
  --wp-admin-theme-color-darker-10:#006ba1;
  --wp-admin-theme-color-darker-10--rgb:0, 107, 161;
  --wp-admin-theme-color-darker-20:#005a87;
  --wp-admin-theme-color-darker-20--rgb:0, 90, 135;
  --wp-admin-border-width-focus:2px;
  --wp-block-synced-color:#7a00df;
  --wp-block-synced-color--rgb:122, 0, 223;
  --wp-bound-block-color:var(--wp-block-synced-color);
}
@media (min-resolution:192dpi){
  :root{
    --wp-admin-border-width-focus:1.5px;
  }
}

.patterns-menu-items__convert-modal{
  z-index:1000001;
}
.patterns-menu-items__convert-modal [role=dialog]>[role=document]{
  width:350px;
}
.patterns-menu-items__convert-modal .patterns-menu-items__convert-modal-categories{
  position:relative;
}
.patterns-menu-items__convert-modal .components-form-token-field__suggestions-list:not(:empty){
  background-color:#fff;
  border:1px solid var(--wp-admin-theme-color);
  border-bottom-left-radius:2px;
  border-bottom-right-radius:2px;
  box-shadow:0 0 .5px .5px var(--wp-admin-theme-color);
  box-sizing:border-box;
  left:-1px;
  max-height:96px;
  min-width:auto;
  position:absolute;
  width:calc(100% + 2px);
  z-index:1;
}

.patterns-create-modal__name-input input[type=text]{
  margin:0;
}

.patterns-rename-pattern-category-modal__validation-message{
  color:#cc1818;
}
@media (min-width:782px){
  .patterns-rename-pattern-category-modal__validation-message{
    width:320px;
  }
}

.pattern-overrides-control__allow-overrides-button{
  justify-content:center;
  width:100%;
}

.patterns-pattern-overrides-toolbar-indicator__popover .components-popover__content{
  min-width:260px;
  padding:16px;
}

.patterns-pattern-overrides-toolbar-indicator .patterns-pattern-overrides-toolbar-indicator-icon.has-colors svg{
  fill:var(--wp-block-synced-color);
}

.editor-collapsible-block-toolbar .patterns-pattern-overrides-toolbar-indicator{
  height:32px;
}