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;
13 from { transform: scale(1) rotate(0deg);}
14 to { transform: scale(1) rotate(360deg);}
19 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);
26 color: #000 !important;
31 @include disable-default-a-behaviour;
35 @include disable-default-a-behaviour;
36 color: #000 !important;
42 background-color: var(--mainBackgroundColor);
51 font-weight: $font-semibold;
71 .action-button-cancel {
72 @include peertube-button;
75 display: inline-block;
79 .action-button-submit {
80 @include peertube-button;
81 @include orange-button;
88 display: flex !important;
90 height: 30px !important;
91 padding: 10px 15px !important;
95 font-size: 16px !important;
98 font-weight: $font-semibold !important;
102 @include disable-default-a-behaviour;
104 color: var(--mainForegroundColor);
108 ngb-tabset.bootstrap {
112 @include disable-default-a-behaviour;
114 color: var(--mainForegroundColor) !important;
118 .nav-pills .nav-link.active {
119 color: #000 !important;
123 .nav-tabs .nav-link.active {
124 background-color: var(--mainBackgroundColor) !important;
129 background-color: var(--mainBackgroundColor);
130 border-color: #dee2e6;
133 .collapse-transition {
134 // Animation when we show/hide the filters
135 transition: max-height 0.3s;
136 display: block !important;
137 overflow: hidden !important;