feat: added new example for animation

Author: lokesh-coder

src/app/app.component.html

@@ -62,6 +62,18 @@ <h2><i data-feather="play"></i> Single select dropdown</h2>
               </div>
             </div>
           </div>
+          <div class="example">
+            <h2><i data-feather="play"></i>With animation and without search/footer</h2>
+            <div class="row">
+              <div class="col-md-6">
+                <div class="form-group">
+                  <label class="sr-only" for="exampleInputAmount">Amount (in dollars)</label>
+                  <input type="text" placeholder="choose" class="form-control" choosySingleSelect [options]="universities" [config]="{search:{enable:false},footer:{enable:false},dropdown:{animation:true}}"
+                  />
+                </div>
+              </div>
+            </div>
+          </div>
 
           <div class="example">
             <h2><i data-feather="play"></i> Custom template</h2>

src/styles.scss

@@ -1,12 +1,13 @@
 $col--primary:#21c4e0;
 $col--sec:#7cdced;
-$col--bg:#fcf8ff;
+$col--bg:#F7F8FA;
 $col--text:#70949a;
 $col--border:#baccce;
 body {
     font-family: 'Nunito', sans-serif;
     background-color: $col--bg;
     color: $col--text;
+    height: 2000px;
 }
 
 .navbar-default {