1 $icon-font-path: '~@neos21/bootstrap3-glyphicons/assets/fonts/';
7 // Thanks https://gist.github.com/alexandrevicenzi/680147013e902a4eaa5d
8 .glyphicon-refresh-animate {
9 animation: spin .7s infinite linear;
22 transform: scale(1) rotate(0deg);
25 transform: scale(1) rotate(360deg);
29 /* rules for dropdowns excepts when in button group, to avoid impacting the dropdown-toggle */
30 .dropdown:not(.btn-group) {
31 z-index: z(dropdown) !important;
35 z-index: z(header) - 1 !important;
40 z-index: z(dropdown) !important;
42 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);
49 color: var(--mainBackgroundColor) !important;
50 background-color: var(--mainHoverColor);
60 @include disable-default-a-behaviour;
64 @include disable-default-a-behaviour;
65 color: #000 !important;
70 @media screen and (min-width: #{map-get($grid-breakpoints, md)}) {
72 vertical-align: middle;
79 vertical-align: middle;
90 background-color: var(--mainBackgroundColor);
99 font-weight: $font-semibold;
113 &[iconName="cross"] {
124 .action-button-cancel {
125 @include peertube-button;
126 @include tertiary-button;
128 display: inline-block;
132 .action-button-submit {
133 @include peertube-button;
134 @include orange-button;
139 // Nav customizations
141 display: flex !important;
143 height: 30px !important;
144 padding: 10px 15px !important;
148 font-size: 16px !important;
151 font-weight: $font-semibold !important;
155 @include disable-default-a-behaviour;
157 color: var(--mainForegroundColor);
165 @include disable-default-a-behaviour;
167 color: var(--mainForegroundColor) !important;
171 .nav-pills .nav-link.active {
172 color: #000 !important;
176 .nav-tabs .nav-link {
178 border-bottom: 3px solid transparent;
181 font-weight: $font-semibold;
182 background-color: var(--mainBackgroundColor) !important;
184 border-bottom: 2px solid var(--mainColor);
187 border-top-color: transparent;
188 border-left-color: transparent;
189 border-right-color: transparent;
194 background-color: var(--mainBackgroundColor);
195 border-color: #dee2e6;
198 .collapse-transition {
199 // Animation when we show/hide the filters
200 transition: max-height 0.3s;
201 display: block !important;
202 overflow: hidden !important;
215 z-index: z(modal) - 1 !important;
219 z-index: z(modal) !important;
223 z-index: z(popover) !important;
227 z-index: z(tooltip) !important;
230 .btn-outline-tertiary {
231 color: var(--secondaryColor);
232 border-color: var(--secondaryColor);
235 color: var(--mainBackgroundColor);
236 background-color: var(--secondaryColor);