← All changes | modules/widget-visibility/widget-conditions/widget-conditions.css +237 -0 16.2-beta → 16.3 View file →

		@@ -1,0 +1,237 @@
	1	+.wp-customizer .expanded .widget-conditional .widget-conditional-inner {
	2	+ width: 98%;
	3	+ box-sizing: border-box;
	4	+}
	5	+
	6	+.wp-customizer .expanded .widget-conditional .form {
	7	+ overflow: scroll;
	8	+ margin-bottom: 20px;
	9	+}
	10	+
	11	+.widget-liquid-right .widget.expanded {
	12	+ overflow: visible;
	13	+}
	14	+
	15	+.widget-conditional-hide {
	16	+ display: none;
	17	+}
	18	+
	19	+.widget-conditional .widget-conditional-inner {
	20	+ background: #f6f7f7;
	21	+ border: 1px solid #dcdcde;
	22	+ padding: 12px 10px 0;
	23	+
	24	+}
	25	+
	26	+.widget-conditional {
	27	+ margin-bottom: 12px;
	28	+ margin-top: 10px;
	29	+}
	30	+
	31	+.widget-conditional .conditions {
	32	+ margin-bottom: 12px;
	33	+}
	34	+
	35	+.widget-conditional .condition,
	36	+.widget-conditional .condition-top {
	37	+ clear: both;
	38	+}
	39	+
	40	+.widget-conditional .condition {
	41	+ padding-top: 12px;
	42	+ position: relative;
	43	+}
	44	+
	45	+.widget-conditional .condition select {
	46	+ width: 120px;
	47	+ position: relative;
	48	+ z-index: 2;
	49	+}
	50	+
	51	+.widget-conditional .condition-top select {
	52	+ width: auto;
	53	+}
	54	+
	55	+.widget-conditional .condition-control {
	56	+ padding-top: 4px;
	57	+ clear: both;
	58	+ margin-top: -20px;
	59	+}
	60	+
	61	+.widget-conditional .selection {
	62	+ margin-right: 50px;
	63	+ margin-left: 20px;
	64	+}
	65	+
	66	+.widget-conditional .conditions-rule-has-children {
	67	+ display: block;
	68	+}
	69	+
	70	+.widget-conditional .condition .actions {
	71	+ margin-top: -28px;
	72	+}
	73	+
	74	+.widget-conditional .condition-control a {
	75	+ text-decoration: none;
	76	+ position: absolute;
	77	+ top: 17px;
	78	+ text-indent: -9999px;
	79	+ z-index: 1;
	80	+}
	81	+
	82	+.wp-block-legacy-widget__edit-form .widget-conditional .condition-control a {
	83	+ top: 20px;
	84	+}
	85	+
	86	+.widget-conditional .condition-control a::before {
	87	+ position: absolute;
	88	+ text-indent: 0;
	89	+ top: 0;
	90	+ left: 0;
	91	+}
	92	+
	93	+.wp-block-legacy-widget__edit-form .widget-inside.widget-inside .widget-conditional .condition-control .delete-condition,
	94	+.widget-conditional .condition-control .delete-condition {
	95	+ left: 0;
	96	+ color: #f11;
	97	+}
	98	+
	99	+.widget-conditional .condition-control .add-condition {
	100	+ right: 0;
	101	+}
	102	+
	103	+.wp-block-legacy-widget__edit-form .widget-inside.widget-inside .widget-conditional .widget-conditional-inner a.dashicons {
	104	+ font-family: dashicons;
	105	+}
	106	+
	107	+.wp-block-legacy-widget__edit-form .widget-inside.widget-inside .widget-conditional-inner select {
	108	+ display: initial;
	109	+ width: auto;
	110	+ background-color: #fff;
	111	+}
	112	+
	113	+.wp-block-legacy-widget__edit-form .widget-inside.widget-inside .widget-conditional .widget-conditional-inner select:disabled {
	114	+ color: #a7aaad;
	115	+ border-color: #dcdcde;
	116	+ background-color: #f6f7f7;
	117	+}
	118	+
	119	+.editor-styles-wrapper .wp-block-legacy-widget__edit-form .widget-inside.widget-inside .widget-conditional .alignleft {
	120	+ margin-left: 20px;
	121	+}
	122	+
	123	+.widget-conditional .condition:last-child .condition-conjunction,
	124	+.widget-conditional .condition:last-child .condition-intersection {
	125	+ display: none;
	126	+}
	127	+
	128	+.widget-conditional.conjunction .condition-intersection {
	129	+ display: none;
	130	+}
	131	+
	132	+.widget-conditional.intersection .condition-conjunction {
	133	+ display: none;
	134	+}
	135	+
	136	+.wp-core-ui .button.display-options {
	137	+ margin-right: 5px;
	138	+}
	139	+
	140	+.wp-core-ui .button.display-options:hover {
	141	+ text-decoration: none;
	142	+}
	143	+
	144	+.wp-customizer .widget-conditional select {
	145	+ min-width: 0;
	146	+ max-width: none;
	147	+ height: auto;
	148	+}
	149	+
	150	+.wp-customizer .widget-conditional .condition-control a {
	151	+ top: 15px;
	152	+}
	153	+
	154	+@media screen and ( max-width: 782px ) {
	155	+
	156	+ .widget-conditional .condition-control a {
	157	+ top: 20px;
	158	+ }
	159	+}
	160	+
	161	+.wp-block-legacy-widget__edit-form .widget-inside.widget-inside .widget-conditional-inner {
	162	+
	163	+ /*
	164	+ * fonts of labels are reset to 13px in gutenberg editor for legacy widgets
	165	+ * ensure a consistent look on non-labels
	166	+ */
	167	+ font-size: 13px;
	168	+}
	169	+
	170	+/*
	171	+ * Rules for gutenberg advanced panel
	172	+ */
	173	+
	174	+.widget-vis__wrapper .components-base-control,
	175	+.widget-vis__rule .components-base-control {
	176	+ margin-bottom: 12px;
	177	+}
	178	+
	179	+.widget-vis__rule {
	180	+ padding: 12px;
	181	+ border: 1px solid #dcdcde;
	182	+ display: flex;
	183	+ flex-direction: column;
	184	+ margin-bottom: 12px;
	185	+}
	186	+
	187	+.widget-vis__rule-major,
	188	+.widget-vis__rule-minor {
	189	+ display: flex;
	190	+ justify-content: stretch;
	191	+ align-items: center;
	192	+}
	193	+
	194	+.widget-vis__rule-minor {
	195	+ margin-top: 8px;
	196	+}
	197	+
	198	+.widget-vis__if,
	199	+.widget-vis__is {
	200	+ margin-right: 8px;
	201	+ width: 10px;
	202	+}
	203	+
	204	+.widget-vis__show-hide {
	205	+ margin-bottom: 0;
	206	+}
	207	+
	208	+.components-button.widget-vis__add-new-rule {
	209	+ display: block;
	210	+}
	211	+
	212	+.widget-vis__delete-rule {
	213	+ margin-top: 6px;
	214	+ text-align: right;
	215	+}
	216	+
	217	+.widget-vis__match-all {
	218	+ margin-top: 12px;
	219	+}
	220	+
	221	+.widget-vis__select {
	222	+ width: 100%;
	223	+}
	224	+
	225	+.widget-vis__select .components-input-control__container {
	226	+ position: relative;
	227	+ top: 4px;
	228	+}
	229	+
	230	+.widget-vis__select-multi-level select option:disabled {
	231	+ font-size: 18px;
	232	+ font-weight: 600;
	233	+}
	234	+
	235	+.widget-vis__delete-rule .components-button.is-secondary {
	236	+ margin-top: 8px;
	237	+}