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);
23 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);
30 color: #000 !important;
35 @include disable-default-a-behaviour;
39 @include disable-default-a-behaviour;
40 color: #000 !important;
45 @media screen and (min-width: 768px) {
47 display: inline-block;
48 vertical-align: middle;
54 display: inline-block;
56 vertical-align: middle;
67 background-color: var(--mainBackgroundColor);
76 font-weight: $font-semibold;
96 .action-button-cancel {
97 @include peertube-button;
100 display: inline-block;
104 .action-button-submit {
105 @include peertube-button;
106 @include orange-button;
111 // Nav customizations
113 display: flex !important;
115 height: 30px !important;
116 padding: 10px 15px !important;
120 font-size: 16px !important;
123 font-weight: $font-semibold !important;
127 @include disable-default-a-behaviour;
129 color: var(--mainForegroundColor);
133 ngb-tabset.bootstrap {
137 @include disable-default-a-behaviour;
139 color: var(--mainForegroundColor) !important;
143 .nav-pills .nav-link.active {
144 color: #000 !important;
148 .nav-tabs .nav-link.active {
149 background-color: var(--mainBackgroundColor) !important;
154 background-color: var(--mainBackgroundColor);
155 border-color: #dee2e6;
158 .collapse-transition {
159 // Animation when we show/hide the filters
160 transition: max-height 0.3s;
161 display: block !important;
162 overflow: hidden !important;
175 z-index: 10000 !important;
178 .btn-outline-tertiary {
179 color: var(--secondaryColor);
180 border-color: var(--secondaryColor);
183 color: var(--mainBackgroundColor);
184 background-color: var(--secondaryColor);