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;
18 transform: scale(1) rotate(0deg);
21 transform: scale(1) rotate(360deg);
26 z-index: z(dropdown) !important;
31 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);
38 color: var(--mainBackgroundColor) !important;
39 background-color: var(--mainHoverColor);
45 @include disable-default-a-behaviour;
49 @include disable-default-a-behaviour;
50 color: #000 !important;
55 @media screen and (min-width: #{map-get($grid-breakpoints, md)}) {
57 vertical-align: middle;
64 vertical-align: middle;
75 background-color: var(--mainBackgroundColor);
84 font-weight: $font-semibold;
104 .action-button-cancel {
105 @include peertube-button;
106 @include grey-button;
108 display: inline-block;
112 .action-button-submit {
113 @include peertube-button;
114 @include orange-button;
119 // Nav customizations
121 display: flex !important;
123 height: 30px !important;
124 padding: 10px 15px !important;
128 font-size: 16px !important;
131 font-weight: $font-semibold !important;
135 @include disable-default-a-behaviour;
137 color: var(--mainForegroundColor);
141 ngb-tabset.bootstrap {
145 @include disable-default-a-behaviour;
147 color: var(--mainForegroundColor) !important;
151 .nav-pills .nav-link.active {
152 color: #000 !important;
156 .nav-tabs .nav-link.active {
157 background-color: var(--mainBackgroundColor) !important;
162 background-color: var(--mainBackgroundColor);
163 border-color: #dee2e6;
166 .collapse-transition {
167 // Animation when we show/hide the filters
168 transition: max-height 0.3s;
169 display: block !important;
170 overflow: hidden !important;
183 z-index: z(modal) - 1 !important;
187 z-index: z(modal) !important;
190 .btn-outline-tertiary {
191 color: var(--secondaryColor);
192 border-color: var(--secondaryColor);
195 color: var(--mainBackgroundColor);
196 background-color: var(--secondaryColor);