Initial Drupal 11 with DDEV setup
This commit is contained in:
49
web/core/modules/contextual/css/contextual.icons.theme.css
Normal file
49
web/core/modules/contextual/css/contextual.icons.theme.css
Normal file
@ -0,0 +1,49 @@
|
||||
/*
|
||||
* DO NOT EDIT THIS FILE.
|
||||
* See the following change record for more information,
|
||||
* https://www.drupal.org/node/3084859
|
||||
* @preserve
|
||||
*/
|
||||
|
||||
/**
|
||||
* @file
|
||||
* Styling for contextual module icons.
|
||||
*/
|
||||
|
||||
/**
|
||||
* Toolbar tab icon.
|
||||
*/
|
||||
|
||||
.toolbar-bar .toolbar-icon-edit::before {
|
||||
background-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' width='16' height='16'%3e%3cg%3e%3cpath fill='%23bebebe' d='M14.545 3.042l-1.586-1.585c-.389-.389-1.025-.389-1.414 0l-1.293 1.293 3 3 1.293-1.293c.389-.389.389-1.026 0-1.415z'/%3e%3crect fill='%23bebebe' x='5.129' y='3.8' transform='matrix(-.707 -.707 .707 -.707 6.189 20.064)' width='4.243' height='9.899'/%3e%3cpath fill='%23bebebe' d='M.908 14.775c-.087.262.055.397.316.312l2.001-.667-1.65-1.646-.667 2.001z'/%3e%3c/g%3e%3c/svg%3e");
|
||||
}
|
||||
|
||||
.toolbar-bar .toolbar-icon-edit:active::before,
|
||||
.toolbar-bar .toolbar-icon-edit.is-active::before {
|
||||
background-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' width='16' height='16'%3e%3cg%3e%3cpath fill='%23ffffff' d='M14.545 3.042l-1.586-1.585c-.389-.389-1.025-.389-1.414 0l-1.293 1.293 3 3 1.293-1.293c.389-.389.389-1.026 0-1.415z'/%3e%3crect fill='%23ffffff' x='5.129' y='3.8' transform='matrix(-.707 -.707 .707 -.707 6.189 20.064)' width='4.243' height='9.899'/%3e%3cpath fill='%23ffffff' d='M.908 14.775c-.087.262.055.397.316.312l2.001-.667-1.65-1.646-.667 2.001z'/%3e%3c/g%3e%3c/svg%3e");
|
||||
}
|
||||
|
||||
/**
|
||||
* Contextual trigger.
|
||||
*/
|
||||
|
||||
.contextual .trigger {
|
||||
/* Override the .focusable height: auto */
|
||||
width: 26px !important;
|
||||
/* Override the .focusable height: auto */
|
||||
height: 26px !important;
|
||||
text-indent: -9999px;
|
||||
background-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' width='16' height='16'%3e%3cg%3e%3cpath fill='%23bebebe' d='M14.545 3.042l-1.586-1.585c-.389-.389-1.025-.389-1.414 0l-1.293 1.293 3 3 1.293-1.293c.389-.389.389-1.026 0-1.415z'/%3e%3crect fill='%23bebebe' x='5.129' y='3.8' transform='matrix(-.707 -.707 .707 -.707 6.189 20.064)' width='4.243' height='9.899'/%3e%3cpath fill='%23bebebe' d='M.908 14.775c-.087.262.055.397.316.312l2.001-.667-1.65-1.646-.667 2.001z'/%3e%3c/g%3e%3c/svg%3e");
|
||||
background-repeat: no-repeat;
|
||||
background-position: center center;
|
||||
background-size: 16px 16px;
|
||||
}
|
||||
|
||||
.contextual .trigger:hover {
|
||||
background-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' width='16' height='16'%3e%3cg%3e%3cpath fill='%23787878' d='M14.545 3.042l-1.586-1.585c-.389-.389-1.025-.389-1.414 0l-1.293 1.293 3 3 1.293-1.293c.389-.389.389-1.026 0-1.415z'/%3e%3crect fill='%23787878' x='5.129' y='3.8' transform='matrix(-.707 -.707 .707 -.707 6.189 20.064)' width='4.243' height='9.899'/%3e%3cpath fill='%23787878' d='M.908 14.775c-.087.262.055.397.316.312l2.001-.667-1.65-1.646-.667 2.001z'/%3e%3c/g%3e%3c/svg%3e");
|
||||
}
|
||||
|
||||
.contextual .trigger:focus {
|
||||
outline: none;
|
||||
background-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' width='16' height='16'%3e%3cg%3e%3cpath fill='%235181C6' d='M14.545 3.042l-1.586-1.585c-.389-.389-1.025-.389-1.414 0l-1.293 1.293 3 3 1.293-1.293c.389-.389.389-1.026 0-1.415z'/%3e%3crect fill='%235181C6' x='5.129' y='3.8' transform='matrix(-.707 -.707 .707 -.707 6.189 20.064)' width='4.243' height='9.899'/%3e%3cpath fill='%235181C6' d='M.908 14.775c-.087.262.055.397.316.312l2.001-.667-1.65-1.646-.667 2.001z'/%3e%3c/g%3e%3c/svg%3e");
|
||||
}
|
||||
@ -0,0 +1,39 @@
|
||||
/**
|
||||
* @file
|
||||
* Styling for contextual module icons.
|
||||
*/
|
||||
|
||||
/**
|
||||
* Toolbar tab icon.
|
||||
*/
|
||||
.toolbar-bar .toolbar-icon-edit::before {
|
||||
background-image: url(../../../misc/icons/bebebe/pencil.svg);
|
||||
}
|
||||
.toolbar-bar .toolbar-icon-edit:active::before,
|
||||
.toolbar-bar .toolbar-icon-edit.is-active::before {
|
||||
background-image: url(../../../misc/icons/ffffff/pencil.svg);
|
||||
}
|
||||
|
||||
/**
|
||||
* Contextual trigger.
|
||||
*/
|
||||
.contextual .trigger {
|
||||
/* Override the .focusable height: auto */
|
||||
width: 26px !important;
|
||||
/* Override the .focusable height: auto */
|
||||
height: 26px !important;
|
||||
text-indent: -9999px;
|
||||
background-image: url(../../../misc/icons/bebebe/pencil.svg);
|
||||
background-repeat: no-repeat;
|
||||
background-position: center center;
|
||||
background-size: 16px 16px;
|
||||
}
|
||||
|
||||
.contextual .trigger:hover {
|
||||
background-image: url(../../../misc/icons/787878/pencil.svg);
|
||||
}
|
||||
|
||||
.contextual .trigger:focus {
|
||||
outline: none;
|
||||
background-image: url(../../../misc/icons/5181c6/pencil.svg);
|
||||
}
|
||||
18
web/core/modules/contextual/css/contextual.module.css
Normal file
18
web/core/modules/contextual/css/contextual.module.css
Normal file
@ -0,0 +1,18 @@
|
||||
/**
|
||||
* @file
|
||||
* Generic base styles for contextual module.
|
||||
*/
|
||||
|
||||
.contextual-region {
|
||||
position: relative;
|
||||
}
|
||||
.contextual .trigger:focus {
|
||||
/* Override the .focusable position: static */
|
||||
position: relative !important;
|
||||
}
|
||||
.contextual-links {
|
||||
display: none;
|
||||
}
|
||||
.contextual.open .contextual-links {
|
||||
display: block;
|
||||
}
|
||||
117
web/core/modules/contextual/css/contextual.theme.css
Normal file
117
web/core/modules/contextual/css/contextual.theme.css
Normal file
@ -0,0 +1,117 @@
|
||||
/**
|
||||
* @file
|
||||
* Styling for contextual module.
|
||||
*/
|
||||
|
||||
/**
|
||||
* Contextual links wrappers.
|
||||
*/
|
||||
.contextual {
|
||||
position: absolute;
|
||||
z-index: 500;
|
||||
top: 6px;
|
||||
right: 0; /* LTR */
|
||||
}
|
||||
[dir="rtl"] .contextual {
|
||||
right: auto;
|
||||
left: 0;
|
||||
}
|
||||
|
||||
.contextual.open {
|
||||
z-index: 501;
|
||||
}
|
||||
|
||||
/**
|
||||
* Contextual region.
|
||||
*/
|
||||
.contextual-region.focus {
|
||||
outline: 1px dashed #d6d6d6;
|
||||
outline-offset: 1px;
|
||||
}
|
||||
|
||||
/**
|
||||
* Contextual trigger.
|
||||
*/
|
||||
.contextual .trigger {
|
||||
position: relative;
|
||||
right: 6px; /* LTR */
|
||||
float: right; /* LTR */
|
||||
overflow: hidden;
|
||||
margin: 0;
|
||||
padding: 0 2px;
|
||||
cursor: pointer;
|
||||
border: 1px solid #ccc;
|
||||
border-radius: 13px;
|
||||
background-color: #fff;
|
||||
background-attachment: scroll;
|
||||
}
|
||||
[dir="rtl"] .contextual .trigger {
|
||||
right: auto;
|
||||
left: 6px;
|
||||
float: left;
|
||||
}
|
||||
.contextual.open .trigger {
|
||||
z-index: 2;
|
||||
border: 1px solid #ccc;
|
||||
border-bottom-color: transparent;
|
||||
border-radius: 13px 13px 0 0;
|
||||
box-shadow: none;
|
||||
}
|
||||
|
||||
/**
|
||||
* Contextual links.
|
||||
*
|
||||
* The following selectors are heavy to discourage theme overriding.
|
||||
*/
|
||||
.contextual-region .contextual .contextual-links {
|
||||
position: relative;
|
||||
top: -1px;
|
||||
right: 6px; /* LTR */
|
||||
float: right; /* LTR */
|
||||
clear: both;
|
||||
margin: 0;
|
||||
padding: 0.25em 0;
|
||||
text-align: left; /* LTR */
|
||||
white-space: nowrap;
|
||||
border: 1px solid #ccc;
|
||||
border-radius: 4px 0 4px 4px; /* LTR */
|
||||
background-color: #fff;
|
||||
}
|
||||
[dir="rtl"] .contextual-region .contextual .contextual-links {
|
||||
right: auto;
|
||||
left: 6px;
|
||||
float: left;
|
||||
text-align: right;
|
||||
border-radius: 0 4px 4px 4px;
|
||||
}
|
||||
.contextual-region .contextual .contextual-links li {
|
||||
margin: 0;
|
||||
padding: 0;
|
||||
list-style: none;
|
||||
list-style-image: none;
|
||||
border: none;
|
||||
background-color: #fff;
|
||||
line-height: 100%;
|
||||
}
|
||||
.contextual-region .contextual .contextual-links a {
|
||||
display: block;
|
||||
margin: 0.25em 0;
|
||||
padding: 0.4em 0.6em;
|
||||
color: #333;
|
||||
background-color: #fff;
|
||||
font-family: sans-serif;
|
||||
font-size: small;
|
||||
font-weight: normal;
|
||||
line-height: 0.8em;
|
||||
}
|
||||
.touchevents .contextual-region .contextual .contextual-links a {
|
||||
font-size: large;
|
||||
}
|
||||
.contextual-region .contextual .contextual-links a,
|
||||
.contextual-region .contextual .contextual-links a:hover {
|
||||
text-decoration: none;
|
||||
}
|
||||
.no-touchevents .contextual-region .contextual .contextual-links li a:hover {
|
||||
color: #000;
|
||||
background: #f7fcff;
|
||||
}
|
||||
23
web/core/modules/contextual/css/contextual.toolbar.css
Normal file
23
web/core/modules/contextual/css/contextual.toolbar.css
Normal file
@ -0,0 +1,23 @@
|
||||
/**
|
||||
* @file
|
||||
* Styling for contextual module's toolbar tab.
|
||||
*/
|
||||
|
||||
/* Tab appearance. */
|
||||
.toolbar .toolbar-bar .contextual-toolbar-tab.toolbar-tab {
|
||||
float: right; /* LTR */
|
||||
}
|
||||
[dir="rtl"] .toolbar .toolbar-bar .contextual-toolbar-tab.toolbar-tab {
|
||||
float: left;
|
||||
}
|
||||
.toolbar .toolbar-bar .contextual-toolbar-tab .toolbar-item {
|
||||
margin: 0;
|
||||
}
|
||||
.toolbar .toolbar-bar .contextual-toolbar-tab .toolbar-item.is-active {
|
||||
background-image: linear-gradient(rgb(78, 159, 234) 0%, rgb(69, 132, 221) 100%);
|
||||
}
|
||||
|
||||
/* @todo get rid of this declaration by making toolbar.module's CSS less specific */
|
||||
.toolbar .toolbar-bar .contextual-toolbar-tab.toolbar-tab.hidden {
|
||||
display: none;
|
||||
}
|
||||
Reference in New Issue
Block a user