summaryrefslogtreecommitdiff
diff options
context:
space:
mode:
Diffstat (limited to 'plugins/jetpack/extensions/blocks/gif/editor.scss')
-rw-r--r--plugins/jetpack/extensions/blocks/gif/editor.scss86
1 files changed, 0 insertions, 86 deletions
diff --git a/plugins/jetpack/extensions/blocks/gif/editor.scss b/plugins/jetpack/extensions/blocks/gif/editor.scss
deleted file mode 100644
index 2f1bd55c..00000000
--- a/plugins/jetpack/extensions/blocks/gif/editor.scss
+++ /dev/null
@@ -1,86 +0,0 @@
-@import '../../shared/styles/gutenberg-colors.scss';
-
-.wp-block-jetpack-gif {
- figure {
- transition: padding-top 125ms ease-in-out;
- }
- .components-base-control__field {
- text-align: center;
- }
- .wp-block-jetpack-gif_cover {
- background: none;
- border: none;
- height: 100%;
- left: 0;
- margin: 0;
- padding: 0;
- position: absolute;
- top: 0;
- width: 100%;
- z-index: 1;
- &:focus {
- outline: none;
- }
- }
- .wp-block-jetpack-gif_input-container {
- display: flex;
- flex-direction: row;
- flex-wrap: wrap;
- justify-content: center;
- margin: 0 auto;
- max-width: 400px;
- width: 100%;
- z-index: 1;
- .components-base-control__label {
- height: 0;
- margin: 0;
- text-indent: -9999px;
- }
- }
- .wp-block-jetpack-gif_input {
- flex-grow: 1;
- margin-right: 0.5em;
- }
- .wp-block-jetpack-gif_thumbnails-container {
- display: flex;
- margin: -2px 0 2px 0;
- margin-left: calc( -4px / 2 );
- overflow-x: auto;
- width: calc( 100% + 4px );
- &::-webkit-scrollbar {
- display: none;
- }
- }
- .wp-block-jetpack-gif_thumbnail-container {
- align-items: center;
- background-size: cover;
- background-repeat: no-repeat;
- background-position: 50% 50%;
- border: none;
- border-radius: 3px;
- cursor: pointer;
- display: flex;
- justify-content: center;
- margin: 2px;
- padding: 0;
- padding-bottom: calc( 100% / 10 - 4px );
- width: calc( 100% / 10 - 4px );
- &:hover {
- box-shadow: 0 0 0 1px $dark-gray-500;
- }
- &:focus {
- box-shadow: 0 0 0 2px $blue-medium-500;
- outline: 0;
- }
- }
-}
-.components-panel__body-gif-branding {
- svg {
- display: block;
- margin: 0 auto;
- max-width: 200px;
- }
- svg path {
- fill: $dark-gray-150;
- }
-}