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;
14 transform: scale(1) rotate(0deg);
17 transform: scale(1) rotate(360deg);
22 z-index: 10001 !important;
27 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);
34 color: #000 !important;
39 @include disable-default-a-behaviour;
43 @include disable-default-a-behaviour;
44 color: #000 !important;
49 @media screen and (min-width: 768px) {
51 display: inline-block;
52 vertical-align: middle;
58 display: inline-block;
60 vertical-align: middle;
71 background-color: var(--mainBackgroundColor);
80 font-weight: $font-semibold;
100 .action-button-cancel {
101 @include peertube-button;
102 @include grey-button;
104 display: inline-block;
108 .action-button-submit {
109 @include peertube-button;
110 @include orange-button;
115 // Nav customizations
117 display: flex !important;
119 height: 30px !important;
120 padding: 10px 15px !important;
124 font-size: 16px !important;
127 font-weight: $font-semibold !important;
131 @include disable-default-a-behaviour;
133 color: var(--mainForegroundColor);
137 ngb-tabset.bootstrap {
141 @include disable-default-a-behaviour;
143 color: var(--mainForegroundColor) !important;
147 .nav-pills .nav-link.active {
148 color: #000 !important;
152 .nav-tabs .nav-link.active {
153 background-color: var(--mainBackgroundColor) !important;
158 background-color: var(--mainBackgroundColor);
159 border-color: #dee2e6;
162 .collapse-transition {
163 // Animation when we show/hide the filters
164 transition: max-height 0.3s;
165 display: block !important;
166 overflow: hidden !important;
179 z-index: 10000 !important;
182 .btn-outline-tertiary {
183 color: var(--secondaryColor);
184 border-color: var(--secondaryColor);
187 color: var(--mainBackgroundColor);
188 background-color: var(--secondaryColor);