lol backups and old site first commit
This commit is contained in:
@@ -0,0 +1,84 @@
|
||||
{
|
||||
"apiVersion": 3,
|
||||
"$schema": "https://schemas.wp.org/trunk/block.json",
|
||||
"name": "core/icon",
|
||||
"title": "Icon",
|
||||
"category": "media",
|
||||
"description": "Insert an SVG icon.",
|
||||
"keywords": [ "icon", "svg" ],
|
||||
"textdomain": "default",
|
||||
"attributes": {
|
||||
"icon": {
|
||||
"type": "string",
|
||||
"role": "content"
|
||||
},
|
||||
"flipHorizontal": {
|
||||
"type": "boolean",
|
||||
"default": false
|
||||
},
|
||||
"flipVertical": {
|
||||
"type": "boolean",
|
||||
"default": false
|
||||
},
|
||||
"rotation": {
|
||||
"type": "number",
|
||||
"default": 0
|
||||
}
|
||||
},
|
||||
"supports": {
|
||||
"anchor": true,
|
||||
"ariaLabel": {
|
||||
"__experimentalSkipSerialization": true
|
||||
},
|
||||
"align": [ "left", "center", "right" ],
|
||||
"html": false,
|
||||
"color": {
|
||||
"__experimentalSkipSerialization": true,
|
||||
"__experimentalDefaultControls": {
|
||||
"background": true,
|
||||
"text": true
|
||||
}
|
||||
},
|
||||
"interactivity": {
|
||||
"clientNavigation": true
|
||||
},
|
||||
"__experimentalBorder": {
|
||||
"color": true,
|
||||
"radius": true,
|
||||
"style": true,
|
||||
"width": true,
|
||||
"__experimentalSkipSerialization": true,
|
||||
"__experimentalDefaultControls": {
|
||||
"color": false,
|
||||
"radius": false,
|
||||
"style": false,
|
||||
"width": false
|
||||
}
|
||||
},
|
||||
"spacing": {
|
||||
"padding": true,
|
||||
"margin": true,
|
||||
"__experimentalSkipSerialization": [ "padding" ],
|
||||
"__experimentalDefaultControls": {
|
||||
"margin": false,
|
||||
"padding": false
|
||||
}
|
||||
},
|
||||
"dimensions": {
|
||||
"width": true,
|
||||
"__experimentalSkipSerialization": [ "width" ],
|
||||
"__experimentalDefaultControls": {
|
||||
"width": true
|
||||
}
|
||||
}
|
||||
},
|
||||
"selectors": {
|
||||
"root": ".wp-block-icon svg",
|
||||
"css": ".wp-block-icon",
|
||||
"spacing": {
|
||||
"margin": ".wp-block-icon"
|
||||
}
|
||||
},
|
||||
"style": "wp-block-icon",
|
||||
"editorStyle": "wp-block-icon-editor"
|
||||
}
|
||||
@@ -0,0 +1,167 @@
|
||||
/**
|
||||
* SCSS Variables.
|
||||
*
|
||||
* Please use variables from this sheet to ensure consistency across the UI.
|
||||
* Don't add to this sheet unless you're pretty sure the value will be reused in many places.
|
||||
* For example, don't add rules to this sheet that affect block visuals. It's purely for UI.
|
||||
*/
|
||||
/**
|
||||
* Colors
|
||||
*/
|
||||
/**
|
||||
* Fonts & basic variables.
|
||||
*/
|
||||
/**
|
||||
* Typography
|
||||
*/
|
||||
/**
|
||||
* Grid System.
|
||||
* https://make.wordpress.org/design/2019/10/31/proposal-a-consistent-spacing-system-for-wordpress/
|
||||
*/
|
||||
/**
|
||||
* Radius scale.
|
||||
*/
|
||||
/**
|
||||
* Elevation scale.
|
||||
*/
|
||||
/**
|
||||
* Dimensions.
|
||||
*/
|
||||
/**
|
||||
* Mobile specific styles
|
||||
*/
|
||||
/**
|
||||
* Editor styles.
|
||||
*/
|
||||
/**
|
||||
* Block & Editor UI.
|
||||
*/
|
||||
/**
|
||||
* Block paddings.
|
||||
*/
|
||||
/**
|
||||
* React Native specific.
|
||||
* These variables do not appear to be used anywhere else.
|
||||
*/
|
||||
/**
|
||||
* Typography
|
||||
*/
|
||||
/**
|
||||
* Breakpoints & Media Queries
|
||||
*/
|
||||
/**
|
||||
* Converts a hex value into the rgb equivalent.
|
||||
*
|
||||
* @param {string} hex - the hexadecimal value to convert
|
||||
* @return {string} comma separated rgb values
|
||||
*/
|
||||
/**
|
||||
* Long content fade mixin
|
||||
*
|
||||
* Creates a fading overlay to signify that the content is longer
|
||||
* than the space allows.
|
||||
*/
|
||||
/**
|
||||
* Breakpoint mixins
|
||||
*/
|
||||
/**
|
||||
* Focus styles.
|
||||
*/
|
||||
/**
|
||||
* Standard focus rings for the WordPress Design System.
|
||||
*
|
||||
* Apply `outset-ring__focus` inside the relevant pseudo-class at the call site,
|
||||
* e.g. `&:focus { @include outset-ring__focus(); }`.
|
||||
*/
|
||||
/**
|
||||
* Applies editor left position to the selector passed as argument
|
||||
*/
|
||||
/**
|
||||
* Styles that are reused verbatim in a few places
|
||||
*/
|
||||
/**
|
||||
* Allows users to opt-out of animations via OS-level preferences.
|
||||
*/
|
||||
/**
|
||||
* Reset default styles for JavaScript UI based pages.
|
||||
* This is a WP-admin agnostic reset
|
||||
*/
|
||||
/**
|
||||
* Reset the WP Admin page styles for Gutenberg-like pages.
|
||||
*/
|
||||
/**
|
||||
* Creates a checkerboard pattern background to indicate transparency.
|
||||
* @param {String} $size - The size of the squares in the checkerboard pattern. Default is 12px.
|
||||
*/
|
||||
.wp-block[data-align=center] > .wp-block-icon {
|
||||
display: flex;
|
||||
justify-content: center;
|
||||
}
|
||||
|
||||
.wp-block-icon__inserter-sidebar {
|
||||
padding-bottom: 24px;
|
||||
}
|
||||
@media (min-width: 782px) {
|
||||
.wp-block-icon__inserter-sidebar {
|
||||
overflow-x: visible;
|
||||
overflow-y: auto;
|
||||
position: absolute;
|
||||
top: 72px;
|
||||
right: 0;
|
||||
bottom: 0;
|
||||
width: 280px;
|
||||
padding-top: 24px;
|
||||
padding-inline: 24px;
|
||||
}
|
||||
}
|
||||
|
||||
@media (min-width: 782px) {
|
||||
.wp-block-icon__inserter-panel {
|
||||
margin-inline-start: 280px;
|
||||
}
|
||||
}
|
||||
|
||||
.wp-block-icon__inserter-loading {
|
||||
display: flex;
|
||||
justify-content: center;
|
||||
padding: 24px;
|
||||
}
|
||||
|
||||
.wp-block-icon__inserter-grid-icons-list {
|
||||
display: grid;
|
||||
grid-template-columns: repeat(auto-fill, minmax(150px, 1fr));
|
||||
}
|
||||
|
||||
.wp-block-icon__inserter-grid-no-results {
|
||||
display: flex;
|
||||
justify-content: center;
|
||||
}
|
||||
|
||||
.wp-block-icon__inserter-grid-icons-list-item {
|
||||
display: flex;
|
||||
flex-direction: column;
|
||||
height: auto !important;
|
||||
}
|
||||
|
||||
.wp-block-icon__inserter-grid-icons-list-item-icon {
|
||||
padding: 12px;
|
||||
}
|
||||
.wp-block-icon__inserter-grid-icons-list-item-icon svg {
|
||||
display: block;
|
||||
width: 24px;
|
||||
height: 24px;
|
||||
}
|
||||
|
||||
.wp-block-icon__inserter-grid-icons-list-item-title {
|
||||
font-size: 12px;
|
||||
padding: 4px 4px 8px;
|
||||
overflow-wrap: break-word;
|
||||
}
|
||||
|
||||
.wp-block-icon__toolbar-content {
|
||||
width: 250px;
|
||||
}
|
||||
|
||||
.wp-block-icon__placeholder {
|
||||
backdrop-filter: blur(100px);
|
||||
}
|
||||
@@ -0,0 +1 @@
|
||||
.wp-block[data-align=center]>.wp-block-icon{display:flex;justify-content:center}.wp-block-icon__inserter-sidebar{padding-bottom:24px}@media (min-width:782px){.wp-block-icon__inserter-sidebar{bottom:0;overflow-x:visible;overflow-y:auto;padding-top:24px;padding-inline:24px;position:absolute;right:0;top:72px;width:280px}.wp-block-icon__inserter-panel{margin-inline-start:280px}}.wp-block-icon__inserter-loading{display:flex;justify-content:center;padding:24px}.wp-block-icon__inserter-grid-icons-list{display:grid;grid-template-columns:repeat(auto-fill,minmax(150px,1fr))}.wp-block-icon__inserter-grid-no-results{display:flex;justify-content:center}.wp-block-icon__inserter-grid-icons-list-item{display:flex;flex-direction:column;height:auto!important}.wp-block-icon__inserter-grid-icons-list-item-icon{padding:12px}.wp-block-icon__inserter-grid-icons-list-item-icon svg{display:block;height:24px;width:24px}.wp-block-icon__inserter-grid-icons-list-item-title{font-size:12px;overflow-wrap:break-word;padding:4px 4px 8px}.wp-block-icon__toolbar-content{width:250px}.wp-block-icon__placeholder{backdrop-filter:blur(100px)}
|
||||
@@ -0,0 +1,167 @@
|
||||
/**
|
||||
* SCSS Variables.
|
||||
*
|
||||
* Please use variables from this sheet to ensure consistency across the UI.
|
||||
* Don't add to this sheet unless you're pretty sure the value will be reused in many places.
|
||||
* For example, don't add rules to this sheet that affect block visuals. It's purely for UI.
|
||||
*/
|
||||
/**
|
||||
* Colors
|
||||
*/
|
||||
/**
|
||||
* Fonts & basic variables.
|
||||
*/
|
||||
/**
|
||||
* Typography
|
||||
*/
|
||||
/**
|
||||
* Grid System.
|
||||
* https://make.wordpress.org/design/2019/10/31/proposal-a-consistent-spacing-system-for-wordpress/
|
||||
*/
|
||||
/**
|
||||
* Radius scale.
|
||||
*/
|
||||
/**
|
||||
* Elevation scale.
|
||||
*/
|
||||
/**
|
||||
* Dimensions.
|
||||
*/
|
||||
/**
|
||||
* Mobile specific styles
|
||||
*/
|
||||
/**
|
||||
* Editor styles.
|
||||
*/
|
||||
/**
|
||||
* Block & Editor UI.
|
||||
*/
|
||||
/**
|
||||
* Block paddings.
|
||||
*/
|
||||
/**
|
||||
* React Native specific.
|
||||
* These variables do not appear to be used anywhere else.
|
||||
*/
|
||||
/**
|
||||
* Typography
|
||||
*/
|
||||
/**
|
||||
* Breakpoints & Media Queries
|
||||
*/
|
||||
/**
|
||||
* Converts a hex value into the rgb equivalent.
|
||||
*
|
||||
* @param {string} hex - the hexadecimal value to convert
|
||||
* @return {string} comma separated rgb values
|
||||
*/
|
||||
/**
|
||||
* Long content fade mixin
|
||||
*
|
||||
* Creates a fading overlay to signify that the content is longer
|
||||
* than the space allows.
|
||||
*/
|
||||
/**
|
||||
* Breakpoint mixins
|
||||
*/
|
||||
/**
|
||||
* Focus styles.
|
||||
*/
|
||||
/**
|
||||
* Standard focus rings for the WordPress Design System.
|
||||
*
|
||||
* Apply `outset-ring__focus` inside the relevant pseudo-class at the call site,
|
||||
* e.g. `&:focus { @include outset-ring__focus(); }`.
|
||||
*/
|
||||
/**
|
||||
* Applies editor left position to the selector passed as argument
|
||||
*/
|
||||
/**
|
||||
* Styles that are reused verbatim in a few places
|
||||
*/
|
||||
/**
|
||||
* Allows users to opt-out of animations via OS-level preferences.
|
||||
*/
|
||||
/**
|
||||
* Reset default styles for JavaScript UI based pages.
|
||||
* This is a WP-admin agnostic reset
|
||||
*/
|
||||
/**
|
||||
* Reset the WP Admin page styles for Gutenberg-like pages.
|
||||
*/
|
||||
/**
|
||||
* Creates a checkerboard pattern background to indicate transparency.
|
||||
* @param {String} $size - The size of the squares in the checkerboard pattern. Default is 12px.
|
||||
*/
|
||||
.wp-block[data-align=center] > .wp-block-icon {
|
||||
display: flex;
|
||||
justify-content: center;
|
||||
}
|
||||
|
||||
.wp-block-icon__inserter-sidebar {
|
||||
padding-bottom: 24px;
|
||||
}
|
||||
@media (min-width: 782px) {
|
||||
.wp-block-icon__inserter-sidebar {
|
||||
overflow-x: visible;
|
||||
overflow-y: auto;
|
||||
position: absolute;
|
||||
top: 72px;
|
||||
left: 0;
|
||||
bottom: 0;
|
||||
width: 280px;
|
||||
padding-top: 24px;
|
||||
padding-inline: 24px;
|
||||
}
|
||||
}
|
||||
|
||||
@media (min-width: 782px) {
|
||||
.wp-block-icon__inserter-panel {
|
||||
margin-inline-start: 280px;
|
||||
}
|
||||
}
|
||||
|
||||
.wp-block-icon__inserter-loading {
|
||||
display: flex;
|
||||
justify-content: center;
|
||||
padding: 24px;
|
||||
}
|
||||
|
||||
.wp-block-icon__inserter-grid-icons-list {
|
||||
display: grid;
|
||||
grid-template-columns: repeat(auto-fill, minmax(150px, 1fr));
|
||||
}
|
||||
|
||||
.wp-block-icon__inserter-grid-no-results {
|
||||
display: flex;
|
||||
justify-content: center;
|
||||
}
|
||||
|
||||
.wp-block-icon__inserter-grid-icons-list-item {
|
||||
display: flex;
|
||||
flex-direction: column;
|
||||
height: auto !important;
|
||||
}
|
||||
|
||||
.wp-block-icon__inserter-grid-icons-list-item-icon {
|
||||
padding: 12px;
|
||||
}
|
||||
.wp-block-icon__inserter-grid-icons-list-item-icon svg {
|
||||
display: block;
|
||||
width: 24px;
|
||||
height: 24px;
|
||||
}
|
||||
|
||||
.wp-block-icon__inserter-grid-icons-list-item-title {
|
||||
font-size: 12px;
|
||||
padding: 4px 4px 8px;
|
||||
overflow-wrap: break-word;
|
||||
}
|
||||
|
||||
.wp-block-icon__toolbar-content {
|
||||
width: 250px;
|
||||
}
|
||||
|
||||
.wp-block-icon__placeholder {
|
||||
backdrop-filter: blur(100px);
|
||||
}
|
||||
@@ -0,0 +1 @@
|
||||
.wp-block[data-align=center]>.wp-block-icon{display:flex;justify-content:center}.wp-block-icon__inserter-sidebar{padding-bottom:24px}@media (min-width:782px){.wp-block-icon__inserter-sidebar{bottom:0;left:0;overflow-x:visible;overflow-y:auto;padding-top:24px;padding-inline:24px;position:absolute;top:72px;width:280px}.wp-block-icon__inserter-panel{margin-inline-start:280px}}.wp-block-icon__inserter-loading{display:flex;justify-content:center;padding:24px}.wp-block-icon__inserter-grid-icons-list{display:grid;grid-template-columns:repeat(auto-fill,minmax(150px,1fr))}.wp-block-icon__inserter-grid-no-results{display:flex;justify-content:center}.wp-block-icon__inserter-grid-icons-list-item{display:flex;flex-direction:column;height:auto!important}.wp-block-icon__inserter-grid-icons-list-item-icon{padding:12px}.wp-block-icon__inserter-grid-icons-list-item-icon svg{display:block;height:24px;width:24px}.wp-block-icon__inserter-grid-icons-list-item-title{font-size:12px;overflow-wrap:break-word;padding:4px 4px 8px}.wp-block-icon__toolbar-content{width:250px}.wp-block-icon__placeholder{backdrop-filter:blur(100px)}
|
||||
@@ -0,0 +1,29 @@
|
||||
/**
|
||||
* Editor and frontend styles for the Icon Block.
|
||||
*/
|
||||
/* Icon Block styles. */
|
||||
.wp-block-icon {
|
||||
line-height: 0;
|
||||
}
|
||||
.wp-block-icon.aligncenter {
|
||||
display: flex;
|
||||
justify-content: center;
|
||||
}
|
||||
.wp-block-icon svg {
|
||||
box-sizing: border-box;
|
||||
fill: currentColor;
|
||||
}
|
||||
.wp-block-icon svg.is-flip-horizontal {
|
||||
transform: scaleX(-1);
|
||||
}
|
||||
.wp-block-icon svg.is-flip-vertical {
|
||||
transform: scaleY(-1);
|
||||
}
|
||||
.wp-block-icon svg.is-flip-horizontal.is-flip-vertical {
|
||||
transform: scaleX(-1) scaleY(-1);
|
||||
}
|
||||
|
||||
:where(.wp-block-icon) svg {
|
||||
width: 100%;
|
||||
height: 100%;
|
||||
}
|
||||
@@ -0,0 +1 @@
|
||||
.wp-block-icon{line-height:0}.wp-block-icon.aligncenter{display:flex;justify-content:center}.wp-block-icon svg{fill:currentColor;box-sizing:border-box}.wp-block-icon svg.is-flip-horizontal{transform:scaleX(-1)}.wp-block-icon svg.is-flip-vertical{transform:scaleY(-1)}.wp-block-icon svg.is-flip-horizontal.is-flip-vertical{transform:scaleX(-1) scaleY(-1)}:where(.wp-block-icon) svg{height:100%;width:100%}
|
||||
@@ -0,0 +1,29 @@
|
||||
/**
|
||||
* Editor and frontend styles for the Icon Block.
|
||||
*/
|
||||
/* Icon Block styles. */
|
||||
.wp-block-icon {
|
||||
line-height: 0;
|
||||
}
|
||||
.wp-block-icon.aligncenter {
|
||||
display: flex;
|
||||
justify-content: center;
|
||||
}
|
||||
.wp-block-icon svg {
|
||||
box-sizing: border-box;
|
||||
fill: currentColor;
|
||||
}
|
||||
.wp-block-icon svg.is-flip-horizontal {
|
||||
transform: scaleX(-1);
|
||||
}
|
||||
.wp-block-icon svg.is-flip-vertical {
|
||||
transform: scaleY(-1);
|
||||
}
|
||||
.wp-block-icon svg.is-flip-horizontal.is-flip-vertical {
|
||||
transform: scaleX(-1) scaleY(-1);
|
||||
}
|
||||
|
||||
:where(.wp-block-icon) svg {
|
||||
width: 100%;
|
||||
height: 100%;
|
||||
}
|
||||
@@ -0,0 +1 @@
|
||||
.wp-block-icon{line-height:0}.wp-block-icon.aligncenter{display:flex;justify-content:center}.wp-block-icon svg{fill:currentColor;box-sizing:border-box}.wp-block-icon svg.is-flip-horizontal{transform:scaleX(-1)}.wp-block-icon svg.is-flip-vertical{transform:scaleY(-1)}.wp-block-icon svg.is-flip-horizontal.is-flip-vertical{transform:scaleX(-1) scaleY(-1)}:where(.wp-block-icon) svg{height:100%;width:100%}
|
||||
Reference in New Issue
Block a user