← All changes | modules/widgets/social-icons/social-icons-admin.css +91 -0 16.2-beta → 16.3 View file →

		@@ -1,0 +1,91 @@
	1	+.jetpack-social-icons-widget-item {
	2	+ background: #fff;
	3	+ border: 1px solid #dcdcde;
	4	+ cursor: move;
	5	+ margin: 0;
	6	+}
	7	+
	8	+html[class*="wordpress_com"] .jetpack-social-icons-widget-item,
	9	+.in-calypso .jetpack-social-icons-widget-item {
	10	+ border-color: #c8d7e1;
	11	+}
	12	+
	13	+.jetpack-social-icons-widget-item:hover {
	14	+ outline: 1px solid #999;
	15	+ outline-offset: -1px;
	16	+}
	17	+
	18	+html[class*="wordpress_com"] .jetpack-social-icons-widget-item:hover,
	19	+.in-calypso .jetpack-social-icons-widget-item:hover {
	20	+ outline-color: #a8bece;
	21	+}
	22	+
	23	+.jetpack-social-icons-widget-item.ui-sortable-helper {
	24	+ border-color: #999;
	25	+ box-shadow: 0 1px 2px rgba(0, 0, 0, 0.1);
	26	+}
	27	+
	28	+html[class*="wordpress_com"] .jetpack-social-icons-widget-item.ui-sortable-helper,
	29	+.in-calypso .jetpack-social-icons-widget-item.ui-sortable-helper {
	30	+ border-color: #a8bece;
	31	+}
	32	+
	33	+.jetpack-social-icons-widget-item.ui-state-placeholder {
	34	+ border-color: #a7aaad;
	35	+ border-style: dashed;
	36	+ margin: 0 0 1px;
	37	+}
	38	+
	39	+.jetpack-social-icons-widget-item + .jetpack-social-icons-widget-item:not(.ui-state-placeholder) {
	40	+ margin-top: -1px;
	41	+}
	42	+
	43	+.jetpack-social-icons-widget-item-wrapper {
	44	+ padding: 1em;
	45	+ position: relative;
	46	+}
	47	+
	48	+.jetpack-social-icons-widget-item .handle {
	49	+ display: block;
	50	+ height: 100%;
	51	+ left: 0;
	52	+ position: absolute;
	53	+ top: 0;
	54	+ width: 100%;
	55	+}
	56	+
	57	+.jetpack-social-icons-widget-item p {
	58	+ margin: 0;
	59	+ position: relative;
	60	+}
	61	+
	62	+.jetpack-social-icons-widget-item p + p {
	63	+ margin-top: 1em;
	64	+}
	65	+
	66	+.jetpack-widget-social-icons-remove-item {
	67	+ display: inline-block;
	68	+}
	69	+
	70	+.jetpack-widget-social-icons-remove-item-button {
	71	+ color: #d63638;
	72	+ text-decoration: none;
	73	+}
	74	+
	75	+.jetpack-widget-social-icons-remove-item-button:focus,
	76	+.jetpack-widget-social-icons-remove-item-button:hover {
	77	+ color: #f00;
	78	+}
	79	+
	80	+.jetpack-social-icons-add-button::before {
	81	+ content: "\f132";
	82	+ display: inline-block;
	83	+ position: relative;
	84	+ left: -2px;
	85	+ top: -1px;
	86	+ font: 400 20px/1 dashicons;
	87	+ vertical-align: middle;
	88	+ transition: all 0.2s;
	89	+ -webkit-font-smoothing: antialiased;
	90	+ -moz-osx-font-smoothing: grayscale;
	91	+}