← All changes | modules/sharedaddy/amp-sharing.css +111 -0 16.2-beta → 16.3 View file →

		@@ -1,0 +1,111 @@
	1	+amp-social-share,
	2	+.amp-social-share {
	3	+ color: #fff;
	4	+ border-radius: 50%;
	5	+ position: relative;
	6	+ line-height: 1;
	7	+ width: 32px;
	8	+ height: 32px;
	9	+ margin: 0 5px 5px 0;
	10	+ vertical-align: middle;
	11	+}
	12	+
	13	+amp-social-share::before,
	14	+.amp-social-share::before {
	15	+ display: inline-block;
	16	+ font: 400 18px/1 social-logos;
	17	+ padding: 7px;
	18	+ position: relative;
	19	+ top: 1px;
	20	+ vertical-align: top;
	21	+ text-align: center;
	22	+}
	23	+
	24	+.amp-social-share.print {
	25	+ background: #e9e9e9;
	26	+ font-size: 0;
	27	+ cursor: pointer;
	28	+ display: inline-block;
	29	+ vertical-align: middle;
	30	+ border: none;
	31	+ padding: 0;
	32	+}
	33	+
	34	+.amp-social-share.print::before {
	35	+ content: "\f469";
	36	+ color: #656565;
	37	+}
	38	+
	39	+amp-social-share[type="email"] {
	40	+ background: #e9e9e9;
	41	+ color: #656565;
	42	+}
	43	+
	44	+amp-social-share[type="email"]::before {
	45	+ content: "\f410";
	46	+}
	47	+
	48	+amp-social-share[type="tumblr"] {
	49	+ background: #2c4762;
	50	+}
	51	+
	52	+amp-social-share[type="tumblr"]::before {
	53	+ content: "\f607";
	54	+}
	55	+
	56	+amp-social-share[type="facebook"] {
	57	+ background: #0866ff;
	58	+}
	59	+
	60	+amp-social-share[type="facebook"]::before {
	61	+ content: "\f203";
	62	+}
	63	+
	64	+amp-social-share[type="twitter"] {
	65	+ background: #000;
	66	+}
	67	+
	68	+amp-social-share[type="twitter"]::before {
	69	+ content: "\f10e";
	70	+}
	71	+
	72	+amp-social-share[type="pinterest"] {
	73	+ background: #ca1f27;
	74	+}
	75	+
	76	+amp-social-share[type="pinterest"]::before {
	77	+ content: "\f210";
	78	+}
	79	+
	80	+amp-social-share[type="telegram"] {
	81	+ background: #08c;
	82	+}
	83	+
	84	+amp-social-share[type="telegram"]::before {
	85	+ content: "\f606";
	86	+}
	87	+
	88	+amp-social-share[type="linkedin"] {
	89	+ background: #0077b5;
	90	+}
	91	+
	92	+amp-social-share[type="linkedin"]::before {
	93	+ content: "\f207";
	94	+}
	95	+
	96	+amp-social-share[type="reddit"] {
	97	+ background: #cee3f8;
	98	+ color: #555;
	99	+}
	100	+
	101	+amp-social-share[type="reddit"]::before {
	102	+ content: "\f222";
	103	+}
	104	+
	105	+amp-social-share[type="whatsapp"] {
	106	+ background: #43d854;
	107	+}
	108	+
	109	+amp-social-share[type="whatsapp"]::before {
	110	+ content: "\f608";
	111	+}