summaryrefslogtreecommitdiff
diff options
context:
space:
mode:
Diffstat (limited to 'plugins/jetpack/extensions/blocks/simple-payments/product-placeholder.scss')
-rw-r--r--plugins/jetpack/extensions/blocks/simple-payments/product-placeholder.scss93
1 files changed, 0 insertions, 93 deletions
diff --git a/plugins/jetpack/extensions/blocks/simple-payments/product-placeholder.scss b/plugins/jetpack/extensions/blocks/simple-payments/product-placeholder.scss
deleted file mode 100644
index e138c863..00000000
--- a/plugins/jetpack/extensions/blocks/simple-payments/product-placeholder.scss
+++ /dev/null
@@ -1,93 +0,0 @@
-@import '../../shared/styles/jetpack-variables.scss';
-
-.simple-payments__loading {
- animation: simple-payments-loading 1600ms ease-in-out infinite;
-}
-
-@keyframes simple-payments-loading {
- 0% {
- opacity: 0.5;
- }
- 50% {
- opacity: 0.7;
- }
- 100% {
- opacity: 0.5;
- }
-}
-
-.jetpack-simple-payments-wrapper {
- margin-bottom: $jetpack-block-margin-bottom;
-}
-
-/* Higher specificity in order to reset paragraph style */
-body .jetpack-simple-payments-wrapper .jetpack-simple-payments-details p {
- margin: 0 0 $jetpack-block-margin-bottom;
- padding: 0;
-}
-
-.jetpack-simple-payments-product {
- display: flex;
- flex-direction: column;
-}
-
-.jetpack-simple-payments-product-image {
- flex: 0 0 30%;
- margin-bottom: $jetpack-block-margin-bottom;
-}
-
-.jetpack-simple-payments-image {
- box-sizing: border-box;
- min-width: 70px;
- padding-top: 100%;
- position: relative;
-}
-
-.jetpack-simple-payments-image img {
- border: 0;
- border-radius: 0;
- height: auto;
- left: 50%;
- margin: 0;
- max-height: 100%;
- max-width: 100%;
- padding: 0;
- position: absolute;
- top: 50%;
- transform: translate( -50%, -50% );
- width: auto;
-}
-
-.jetpack-simple-payments-title p,
-.jetpack-simple-payments-price p {
- font-weight: bold;
-}
-
-.jetpack-simple-payments-purchase-box {
- align-items: flex-start;
- display: flex;
-}
-
-.jetpack-simple-payments-items {
- flex: 0 0 auto;
- margin-right: 10px;
-}
-
-input[type='number'].jetpack-simple-payments-items-number {
- background: var( --color-white );
- font-size: 16px;
- line-height: 1;
- max-width: 60px;
- padding: 4px 8px;
-}
-
-@media screen and ( min-width: 400px ) {
- .jetpack-simple-payments-product {
- flex-direction: row;
- }
-
- .jetpack-simple-payments-product-image + .jetpack-simple-payments-details {
- flex-basis: 70%;
- padding-left: 1em;
- }
-}