~cadence/cloudtube

ref: 739f537bc7f09d3a8f65de444076e71d87922d14 cloudtube/sass/includes/channel-page.sass -rw-r--r-- 1.2 KiB
739f537bCadence Ember Setting to alter recommended videos display 10 months ago
                                                                                
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
32
33
34
35
36
37
38
39
40
41
42
43
44
45
46
47
48
49
50
51
52
53
54
55
56
57
58
59
60
61
62
63
64
65
66
67
68
69
70
71
72
73
74
@use "colors.sass" as c
@use "video-list-item.sass" as *
@use "_dimensions.sass" as dimensions

.channel-page
  padding: 40px 20px 20px
  max-width: 900px
  margin: 0 auto

.banner
  display: flex

.banner-image
  width: 100%
  height: auto
  border-radius: 8px

.channel-data
  background-color: c.$bg-darker
  padding: 24px
  margin: 12px 0px 24px
  border-radius: 8px

  .info
    display: flex
    flex-wrap: wrap

    +dimensions.thin
      display: block

    .thumbnail-image
      $size: 120px

      width: $size
      height: $size
      border-radius: 50%
      margin-right: 24px

    .about
      flex: 1
      margin-top: 10px

      .name
        font-size: 30px
        color: c.$fg-bright

      .subscribers
        color: c.$fg-main
        font-size: 18px

    .subscribe-form
      margin-top: 24px

      .subscribe-button
        $padding: 14px

        padding: $padding - 2px $padding $padding
        line-height: 1
        border-radius: 8px
        font-size: 22px
        background-color: c.$power-deep
        border: none

  .description
    margin-top: 16px

.channel-video
  @include channel-video

.about-description // class provided by youtube
  pre
    font-size: inherit
    font-family: inherit
    white-space: pre-wrap