@import '../../variables.less';
@import '../../mixins.less';

/**********************
real-fields/edit-fields-link.less
*************************/
.ecf-edit-fields-link {
  .flex();
	color: @primary;
	font-size: 25px !important;
	position: relative;
  right: 4px;
  width: 30px;
  height: 40px;
  justify-content: center;
  align-items: center;
  float: right;
  > span {
  	&[class*="ecf-icon-"] {
  		.flex();
  		height: 25px;
  	}
  }
	&:focus {
		.box-shadow(none);
		outline: none;
	}
	&:hover {
		color: @text_3;
	}
	ion-icon {
		position: relative;
		&:before {
			content: '';
			position: absolute;
			left: 0;
			top: 0;
			width: 100%;
			height: 100%;
			background: transparent;
			z-index: 1;
		}
	}
}

#normal-sortables {
	#effcf_metabox {	
		.postbox-header {
			.ecf-edit-fields-link {
				top: 2px;
				right: -6px;
			}
		}
	}	
}

.edit-post-meta-boxes-area__container {
	#normal-sortables {
		#effcf_metabox {	
			.postbox-header {
				.ecf-edit-fields-link {
					top: 2px;
					right: -20px;
				}
			}
		}
	}
}


.ecf-output-fields-wrapper {

	&.ecf-customizer {
		.ecf-all-fields-header {
			.ecf-edit-fields-link {			
				top: -7px;
			}
		}
	}

	.ecf-all-fields-header {
		.ecf-edit-fields-link {			
			top: -9px;
			right: -5px;
		}
	}
	
}