client/src/app/header/header.component.scss


1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31

@use '_variables' as *;
@use '_mixins' as *;

my-search-typeahead {
  @include margin-right(80px);

  @media screen and (max-width: $small-view) {
    @include margin-right(15px);
  }
}

.publish-button {
  @include peertube-button-link;
  @include orange-button;
  @include button-with-icon(22px, 3px, -1px);
  @include margin-right(25px);

  @media screen and (max-width: $mobile-view) {
    @include margin-right(10px);

    padding: 0 10px;

    .icon.icon-upload {
      @include margin-right(0);
    }

    .publish-button-label {
      display: none;
    }
  }
}