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);
131 @include peertube-button;
132 @include orange-button;
133 @include button-with-icon(20px, 1px);
135 display: inline-block;
139 background-color: inherit;
144 font-weight: $font-semibold;
158 @include peertube-input-text(100%);
164 // columns for the video
166 @include make-col-ready();
168 @include media-breakpoint-up(md) {
169 @include make-col(7);
171 & + .col-video-edit {
172 @include make-col(5);
176 @include media-breakpoint-up(xl) {
177 @include make-col(8);
179 & + .col-video-edit {
180 @include make-col(4);
185 :host-context(.expanded) {
187 @include media-breakpoint-up(md) {
188 @include make-col(8);
190 & + .col-video-edit {
191 @include make-col(4);