com.phloxui/styles/lib/component/editor/SearchButton.less

PhloxUI Ng2+ Framework

.phx-search-button{
	width: @EDITOR_PAGE_SEARCH_BUTTON_WIDTH;
	height:@EDITOR_PAGE_SEARCH_BUTTON_HEIGHT;
	//padding-top: @EDITOR_PAGE_SEARCH_BUTTON_PADDING_TOP;
	text-align: center;
	cursor: pointer;
  position: absolute;

	& img{
		.phlox-transition();
		opacity: 1;
	}

	&.active {
		& img{
			opacity: 1;
		}
	}

  .search-icon {
    .FC4();
    color: inherit;
    font-family: "PhloxGlyphicons";

    &:before{
      content: "s";
    }
  }

  >.wrapper {
    position: absolute;
    width: 100%;
    height: 100%;
    display: flex;
    justify-content: center;
    flex-direction: column;
  }

	& .border-div {
    width: 100%;
		height: @EDITOR_PAGE_SEARCH_BUTTON_BORDER_HEIGHT;
		top: @EDITOR_PAGE_SEARCH_BUTTON_BORDER_PADDING;
    position: absolute;
	}
}