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;
159 @include peertube-input-text(100%);
165 // columns for the video
167 @include make-col-ready();
169 @include media-breakpoint-up(md) {
170 @include make-col(7);
172 & + .col-video-edit {
173 @include make-col(5);
177 @include media-breakpoint-up(xl) {
178 @include make-col(8);
180 & + .col-video-edit {
181 @include make-col(4);
186 :host-context(.expanded) {
188 @include media-breakpoint-up(md) {
189 @include make-col(8);
191 & + .col-video-edit {
192 @include make-col(4);