1 // Bootstrap grid utilities require functions, variables and mixins
2 @import 'node_modules/bootstrap/scss/functions';
3 @import 'node_modules/bootstrap/scss/variables';
4 @import 'node_modules/bootstrap/scss/mixins';
5 @import 'node_modules/bootstrap/scss/grid';
11 my-dynamic-form-field ::ng-deep label {
12 font-weight: $font-regular;
16 .peertube-select-container {
17 @include peertube-select-container(auto);
21 color: pvar(--mainForegroundColor);
24 text-decoration: none;
29 my-peertube-checkbox {
47 @include peertube-input-text(100%);
55 .advanced-settings .form-group {
67 @include create-button;
76 a.caption-entry-label {
77 @include disable-default-a-behaviour;
87 .caption-entry-label {
95 .caption-entry-state {
98 &.caption-entry-state-create {
102 &.caption-entry-state-delete {
107 .caption-entry-delete {
108 @include peertube-button;
109 @include grey-button;
123 display: inline-block;
126 color: pvar(--greyForegroundColor);
140 @include peertube-input-text(100%);
146 // columns for the video
148 @include make-col-ready();
150 @include media-breakpoint-up(md) {
151 @include make-col(7);
153 & + .col-video-edit {
154 @include make-col(5);
158 @include media-breakpoint-up(xl) {
159 @include make-col(8);
161 & + .col-video-edit {
162 @include make-col(4);
167 :host-context(.expanded) {
169 @include media-breakpoint-up(md) {
170 @include make-col(8);
172 & + .col-video-edit {
173 @include make-col(4);