1 $icon-font-path: '~@neos21/bootstrap3-glyphicons/assets/fonts/';
7 // Thanks https://gist.github.com/alexandrevicenzi/680147013e902a4eaa5d
8 .glyphicon-refresh-animate {
9 animation: spin 0.7s infinite linear;
12 .glyphicon-duplicate {
26 transform: scale(1) rotate(0deg);
30 transform: scale(1) rotate(360deg);
34 /* rules for dropdowns excepts when in button group, to avoid impacting the dropdown-toggle */
36 z-index: z(dropdown) !important;
41 z-index: z(header) - 1 !important;
49 z-index: inherit !important;
52 .btn-group > .btn:not(:first-child) {
53 border-top-left-radius: 0 !important;
54 border-bottom-left-radius: 0 !important;
58 z-index: z(dropdown) + 1 !important;
61 box-shadow: 0 2px 2px 0 rgba(0, 0, 0, 0.14), 0 1px 5px 0 rgba(0, 0, 0, 0.12), 0 3px 1px -2px rgba(0, 0, 0, 0.2);
72 color: pvar(--mainBackgroundColor) !important;
73 background-color: pvar(--mainHoverColor);
78 color: pvar(--mainForegroundColor) !important;
87 @include disable-default-a-behaviour;
91 @include disable-default-a-behaviour;
92 color: #000 !important;
100 @media screen and (min-width: #{breakpoint(md)}) {
102 vertical-align: middle;
110 &:not(.modal-lg):not(.modal-xl) {
122 background-color: pvar(--mainBackgroundColor);
123 word-break: break-word;
132 font-weight: $font-semibold;
146 &[iconName=cross] { /* stylelint-disable-line selector-max-compound-selectors */
158 > .peertube-button:not(:first-child) {
165 // On desktop browsers, make the content and header horizontally sticked to right not move when modal open and close
167 overflow-y: scroll !important; // Make sure vertical scroll bar is always visible on desktop browsers to get disabled scrollbar effect
168 width: 100vw; // Make sure the content fits all the available width
171 // On touchscreen devices, simply overflow: hidden to avoid detached overlay on scroll
172 @media (hover: none) and (pointer: coarse) {
175 overflow: hidden !important;
178 // On touchscreen devices display content overlay when opened menu
182 background-color: #000;
189 z-index: z('menu') - 1;
195 // Nav customizations
197 display: flex !important;
199 height: 30px !important;
200 padding: 10px 15px !important;
204 font-size: 16px !important;
205 font-weight: $font-semibold !important;
208 opacity: 0.6 !important;
214 opacity: 1 !important;
219 @include disable-default-a-behaviour;
221 color: pvar(--mainForegroundColor);
225 .nav-tabs .nav-link {
226 @include disable-default-a-behaviour;
228 color: pvar(--mainForegroundColor);
229 font-weight: $font-semibold;
231 border-bottom: 2px solid transparent;
235 color: pvar(--mainForegroundColor);
236 background-color: pvar(--mainBackgroundColor) !important;
237 border-bottom-color: pvar(--mainColor);
249 background-color: pvar(--mainBackgroundColor);
250 border-color: #dee2e6;
253 .collapse-transition {
254 // Animation when we show/hide the filters
255 transition: max-height 0.3s;
256 display: block !important;
257 overflow: hidden !important;
270 z-index: z(modal) - 1 !important;
274 z-index: z(modal) !important;
278 z-index: z(popover) !important;
282 z-index: z(tooltip) !important;
285 .btn-outline-secondary {
286 border-color: $input-border-color;
292 background-color: #6c757d;
296 .btn-outline-tertiary {
297 color: pvar(--secondaryColor);
298 border-color: pvar(--secondaryColor);
303 color: pvar(--mainBackgroundColor);
304 background-color: pvar(--secondaryColor);
308 // input box-shadow on focus
311 color: pvar(--mainForegroundColor);
312 background-color: pvar(--inputBackgroundColor);
317 box-shadow: #{$focus-box-shadow-form} pvar(--mainColorLightest);
320 box-shadow: #{$focus-box-shadow-form} #{scale-color($red, $alpha: -75%)};
331 width: unset !important;
335 .input-group-prepend + input {
336 border-top-left-radius: 0 !important;
337 border-bottom-left-radius: 0 !important;
341 .has-feedback.has-clear {
345 padding-right: 1.5rem !important;
348 .form-control-clear {
349 color: rgba(0, 0, 0, 0.4);
351 * Enable pointer events as they have been disabled since Bootstrap 3.3
352 * See https://github.com/twbs/bootstrap/pull/14104
356 justify-content: center;
364 color: rgba(0, 0, 0, 0.7);
369 input:placeholder-shown + .form-control-clear {
376 border: 1px solid #eee;
377 border-radius: .25rem;
383 color: #6c757d !important;
386 &:not(.callout-light) {
387 border-left-width: .25rem;
391 border-color: pvar(--mainColorLightest);
392 border-left-color: pvar(--mainColor);