← All changes | modules/subscriptions/subscribe-modal/subscribe-modal.css +58 -0 16.2-beta → 16.3 View file →

		@@ -1,0 +1,58 @@
	1	+body.jetpack-subscribe-modal-open {
	2	+ overflow: hidden;
	3	+}
	4	+
	5	+.jetpack-subscribe-modal {
	6	+ visibility: hidden;
	7	+ position: fixed;
	8	+ z-index: 50000; /* Same as WP.com Action bar */
	9	+ left: 0;
	10	+ top: 0;
	11	+ width: 100%;
	12	+ height: 100%;
	13	+ overflow: auto;
	14	+ background-color: transparent;
	15	+ transition: all 0.4s;
	16	+}
	17	+
	18	+.jetpack-subscribe-modal.open {
	19	+ background-color: rgba(0, 0, 0, 0.3);
	20	+ visibility: visible;
	21	+}
	22	+
	23	+.jetpack-subscribe-modal__modal-content {
	24	+ position: relative;
	25	+ visibility: hidden;
	26	+ overflow: hidden;
	27	+ top: 100%;
	28	+ background-color: #fefefe;
	29	+ margin: 15% auto;
	30	+ width: 100%;
	31	+ max-width: 600px;
	32	+ border-radius: 10px;
	33	+ box-sizing: border-box;
	34	+ transition: all 0.4s;
	35	+ text-wrap: balance;
	36	+}
	37	+
	38	+.jetpack-subscribe-modal.open .jetpack-subscribe-modal__modal-content {
	39	+ top: 0;
	40	+ visibility: visible;
	41	+}
	42	+
	43	+/*
	44	+ * These text-wrap properties still have limited browser
	45	+ * support, but based on feedback still adding them for when
	46	+ * they are supported.
	47	+ */
	48	+.jetpack-subscribe-modal__modal-content p {
	49	+ text-wrap: balance;
	50	+ text-wrap: pretty;
	51	+}
	52	+
	53	+@media screen and (max-width: 640px) {
	54	+
	55	+ .jetpack-subscribe-modal__modal-content {
	56	+ width: 94%;
	57	+ }
	58	+}