[github/Chocobozzz/PeerTube.git] / client / src / app / shared / shared-actor-image-edit / actor-banner-edit.component.scss

@use '_variables';
@use '_mixins';

.banner-placeholder {
  @include block-ratio('> div, > img', $banner-inverted-ratio);
}

.banner-placeholder {
  background-color: pvar(--greyBackgroundColor);
}

.actor-img-edit-container {
  position: relative;
  display: flex;
  justify-content: center;
  align-items: center;
}

.actor-img-edit-button {
  position: absolute;
  width: auto;

  label {
    font-weight: $font-semibold;
    margin-bottom: 0;
  }
}
Commit	Line	Data
fa12eacc C	1	@use '_variables';
fa12eacc C	2	@use '_mixins';
cdeddff1 C	3
	4	.banner-placeholder {
	5	@include block-ratio('> div, > img', $banner-inverted-ratio);
	6	}
	7
	8	.banner-placeholder {
	9	background-color: pvar(--greyBackgroundColor);
	10	}
	11
	12	.actor-img-edit-container {
	13	position: relative;
	14	display: flex;
	15	justify-content: center;
	16	align-items: center;
	17	}
	18
	19	.actor-img-edit-button {
	20	position: absolute;
	21	width: auto;
	22
	23	label {
	24	font-weight: $font-semibold;
	25	margin-bottom: 0;
	26	}
	27	}