diff options
Diffstat (limited to 'plugins/jetpack/extensions/blocks/membership-button/view.scss')
-rw-r--r-- | plugins/jetpack/extensions/blocks/membership-button/view.scss | 49 |
1 files changed, 49 insertions, 0 deletions
diff --git a/plugins/jetpack/extensions/blocks/membership-button/view.scss b/plugins/jetpack/extensions/blocks/membership-button/view.scss new file mode 100644 index 00000000..cc0eb71c --- /dev/null +++ b/plugins/jetpack/extensions/blocks/membership-button/view.scss @@ -0,0 +1,49 @@ +/* Additional styling to thickbox that displays modal */ +/* stylelint-disable selector-max-id */ + +.jetpack-memberships-modal #TB_title { + border-radius: 4px 4px 0 0; +} +#TB_window.jetpack-memberships-modal { + border-radius: 4px; + background-color: $muriel-gray-0; + background-image: url( 'https://s0.wp.com/i/loading/loading-64.gif' ); + background-repeat: no-repeat; + background-position: center; + bottom: 10%; + margin-top: 0 !important; + top: 10%; +} + +.jetpack-memberships-modal #TB_iframeContent { + height: calc( 100% - 50px ) !important; +} +@media only screen and ( max-width: 480px ) { + #TB_window.jetpack-memberships-modal { + bottom: 0; + left: 0; + margin-left: 0 !important; + right: 0; + top: 0; + width: 100% !important; + } + .jetpack-memberships-modal #TB_iframeContent { + width: 100% !important; + } +} + +.jetpack-memberships-modal #TB_iframeContent { + height: calc( 100% - 80px ) !important; +} +.jetpack-memberships-modal .TB_footer { + border-top: 1px solid $muriel-gray-50; + color: $muriel-blue-200; + font-size: 13px; + padding: 4px 0; + text-align: center; +} +.jetpack-memberships-modal .TB_footer a, +.jetpack-memberships-modal .TB_footer a:hover, +.jetpack-memberships-modal .TB_footer a:visited { + color: $muriel-hot-blue-500; +} |