equal
deleted
inserted
replaced
51 .transcript-component .transcript .sentence.active { |
51 .transcript-component .transcript .sentence.active { |
52 background-color: $grey-blue; |
52 background-color: $grey-blue; |
53 color: $light-white; |
53 color: $light-white; |
54 } |
54 } |
55 |
55 |
|
56 .transcript-component .transcript .sentence .words { |
|
57 font-size: 0px; |
|
58 margin: 20px 0px; |
|
59 } |
|
60 |
|
61 .transcript-component .transcript .sentence .words .word { |
|
62 display: inline-block; |
|
63 } |
|
64 |
|
65 .transcript-component .transcript .sentence .words .word .original, |
|
66 .transcript-component .transcript .sentence .words .word .translation { |
|
67 background-color: $medium-grey; |
|
68 padding: 0px 4px; |
|
69 margin-right: 2px; |
|
70 margin-bottom: 2px; |
|
71 font-size: 12px; |
|
72 } |
|
73 |
|
74 .transcript-component .transcript .sentence.active .words .word .original, |
|
75 .transcript-component .transcript .sentence.active .words .word .translation { |
|
76 background-color: $light-white; |
|
77 } |
|
78 |
|
79 .transcript-component .transcript .sentence .words .word { |
|
80 color: $light-blue; |
|
81 } |
|
82 |
|
83 .transcript-component .transcript .sentence.active .words .word .original { |
|
84 color: $grey-blue; |
|
85 } |
|
86 |
|
87 .transcript-component .transcript .sentence .words .word .translation { |
|
88 margin-bottom: 4px; |
|
89 } |
|
90 |
|
91 |
56 .transcript-component .transcript .sentence.active .translation { |
92 .transcript-component .transcript .sentence.active .translation { |
57 color: $light-blue; |
93 color: $light-blue; |
58 } |
94 } |
59 |
95 |
60 .transcript-component .transcript .sentence .fa-play { |
96 .transcript-component .transcript .sentence .fa-play { |