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: pvar(--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: pvar(--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%);
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);