diff options
Diffstat (limited to 'plugins/jetpack/extensions/blocks/wordads/editor.scss')
-rw-r--r-- | plugins/jetpack/extensions/blocks/wordads/editor.scss | 52 |
1 files changed, 52 insertions, 0 deletions
diff --git a/plugins/jetpack/extensions/blocks/wordads/editor.scss b/plugins/jetpack/extensions/blocks/wordads/editor.scss new file mode 100644 index 00000000..b7be4878 --- /dev/null +++ b/plugins/jetpack/extensions/blocks/wordads/editor.scss @@ -0,0 +1,52 @@ +@import '../../shared/styles/gutenberg-colors.scss'; + +.wp-block-jetpack-wordads { + background: $white; +} + +[data-type='jetpack/wordads'][data-align='center'] .jetpack-wordads__ad { + margin: 0 auto; +} + +.jetpack-wordads__ad { + display: flex; + overflow: hidden; + flex-direction: column; + max-width: 100%; + + .components-placeholder { + flex-grow: 2; + } + + .components-toggle-control__label { + line-height: 1.4em; + } + + .components-base-control__field { + padding: 7px; + } +} + +.jetpack-wordads-leaderboard .components-placeholder { + min-height: 90px; +} + +.jetpack-wordads-mobile_leaderboard .components-placeholder { + min-height: 72px; +} + +.wp-block-jetpack-wordads__format-picker { + $active-item-outline-width: 2px; + + padding: 7px; + + // Leave space between elements for active state styling + .components-menu-item__button + .components-menu-item__button { + margin-top: $active-item-outline-width; + } + + .components-menu-item__button.is-active { + color: $dark-gray-900; + box-shadow: 0 0 0 $active-item-outline-width $dark-gray-500 !important; + } +} |