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 font-weight: $font-regular;
15 .peertube-select-container {
16 @include peertube-select-container(auto);
20 color: var(--mainForegroundColor);
23 text-decoration: none;
28 my-peertube-checkbox {
46 @include peertube-input-text(100%);
54 .advanced-settings .form-group {
66 @include create-button;
75 a.caption-entry-label {
76 @include disable-default-a-behaviour;
86 .caption-entry-label {
94 .caption-entry-state {
97 &.caption-entry-state-create {
101 &.caption-entry-state-delete {
106 .caption-entry-delete {
107 @include peertube-button;
108 @include grey-button;
122 display: inline-block;
125 color: var(--greyForegroundColor);
130 @include peertube-button;
131 @include orange-button;
132 @include button-with-icon(20px, 1px);
134 display: inline-block;
138 background-color: inherit;
143 font-weight: $font-semibold;
158 @include peertube-input-text(100%);
166 // columns for the video
168 @include make-col-ready();
170 @include media-breakpoint-up(md) {
171 @include make-col(7);
173 & + .col-video-edit {
174 @include make-col(5);
178 @include media-breakpoint-up(xl) {
179 @include make-col(8);
181 & + .col-video-edit {
182 @include make-col(4);
187 :host-context(.expanded) {
189 @include media-breakpoint-up(md) {
190 @include make-col(8);
192 & + .col-video-edit {
193 @include make-col(4);