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):not(.dropdown-root):not(.action-dropdown) {
31 z-index: z(dropdown) !important;
35 z-index: z(header) - 1 !important;
41 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);
52 color: var(--mainBackgroundColor) !important;
53 background-color: var(--mainHoverColor);
63 @include disable-default-a-behaviour;
67 @include disable-default-a-behaviour;
68 color: #000 !important;
73 @media screen and (min-width: #{breakpoint(md)}) {
75 vertical-align: middle;
83 &:not(.modal-lg):not(.modal-xl) {
95 background-color: var(--mainBackgroundColor);
104 font-weight: $font-semibold;
118 &[iconName="cross"] {
129 .action-button-cancel {
130 @include peertube-button;
131 @include tertiary-button;
133 display: inline-block;
137 .action-button-submit {
138 @include peertube-button;
139 @include orange-button;
144 // Nav customizations
146 display: flex !important;
148 height: 30px !important;
149 padding: 10px 15px !important;
153 font-size: 16px !important;
156 font-weight: $font-semibold !important;
160 @include disable-default-a-behaviour;
162 color: var(--mainForegroundColor);
169 @include disable-default-a-behaviour;
171 color: var(--mainForegroundColor) !important;
175 .nav-tabs .nav-link {
177 border-bottom: 3px solid transparent;
180 font-weight: $font-semibold;
181 background-color: var(--mainBackgroundColor) !important;
183 border-bottom: 2px solid var(--mainColor);
186 border-top-color: transparent;
187 border-left-color: transparent;
188 border-right-color: transparent;
193 background-color: var(--mainBackgroundColor);
194 border-color: #dee2e6;
197 .collapse-transition {
198 // Animation when we show/hide the filters
199 transition: max-height 0.3s;
200 display: block !important;
201 overflow: hidden !important;
214 z-index: z(modal) - 1 !important;
218 z-index: z(modal) !important;
222 z-index: z(popover) !important;
226 z-index: z(tooltip) !important;
229 .btn-outline-secondary {
230 border-color: $input-border-color;
236 background-color: #6c757d;
240 .btn-outline-tertiary {
241 color: var(--secondaryColor);
242 border-color: var(--secondaryColor);
247 color: var(--mainBackgroundColor);
248 background-color: var(--secondaryColor);
252 // input box-shadow on focus
255 color: var(--mainForegroundColor);
256 background-color: var(--inputBackgroundColor);
261 box-shadow: #{$focus-box-shadow-form} var(--mainColorLightest);
264 box-shadow: #{$focus-box-shadow-form} #{scale-color($red, $alpha: -75%)};
274 .input-group-prepend,
275 .input-group-append {
279 .input-group-prepend + input {
280 border-top-left-radius: 0 !important;
281 border-bottom-left-radius: 0 !important;