[github/Chocobozzz/PeerTube.git] / client / src / app / shared / shared-main / misc / simple-search-input.component.scss

@import '_variables';
@import '_mixins';

.root {
  display: flex;
}

my-global-icon {
  height: 28px;
  width: 28px;
  margin-left: 10px;
  cursor: pointer;

  &:hover {
    color: pvar(--mainHoverColor);
  }

  &[iconName=search] {
    color: pvar(--mainForegroundColor);
  }

  &[iconName=cross] {
    color: pvar(--mainForegroundColor);
  }
}

input {
  @include peertube-input-text(200px);
}
Commit	Line	Data
37024082 RK	1	@import '_variables';
	2	@import '_mixins';
	3
67264e06 C	4	.root {
67264e06 C	5	display: flex;
37024082 RK	6	}
	7
	8	my-global-icon {
900f7820 C	9	height: 28px;
900f7820 C	10	width: 28px;
67264e06 C	11	margin-left: 10px;
67264e06 C	12	cursor: pointer;
37024082	13
67264e06 C	14	&:hover {
	15	color: pvar(--mainHoverColor);
	16	}
37024082	17
67264e06	18	&[iconName=search] {
733dbc53	19	color: pvar(--mainForegroundColor);
67264e06	20	}
37024082	21
67264e06 C	22	&[iconName=cross] {
67264e06 C	23	color: pvar(--mainForegroundColor);
37024082 RK	24	}
37024082 RK	25	}
67264e06 C	26
	27	input {
	28	@include peertube-input-text(200px);
	29	}