diff --git a/scss/components/_animation.scss b/scss/components/_animation.scss
new file mode 100644
index 0000000..7878143
--- /dev/null
+++ b/scss/components/_animation.scss
@@ -0,0 +1,40 @@
+/**
+ * animation
+ *
+ * 
+ *
+ * @author Björn Hase
+ *
+ */
+
+@mixin crispy-boilerplate-animation() {
+    .--animation-rotate {
+        animation: spin 3s linear infinite;
+
+        @keyframes spin {
+            to {
+                transform: rotate(360deg);
+            }
+        }
+    }
+
+    .--animation-shake {
+        animation: shake 0.82s cubic-bezier(.36,.07,.19,.97) both;
+        transform: translate3d(0, 0, 0);
+
+        @keyframes shake {
+            10%, 90% {
+                transform: translate3d(-1px, 0, 0);
+            }
+            20%, 80% {
+                transform: translate3d(2px, 0, 0);
+            }
+            30%, 50%, 70% {
+                transform: translate3d(-4px, 0, 0);
+            }
+            40%, 60% {
+                transform: translate3d(4px, 0, 0);
+            }
+        }
+    }
+ }
diff --git a/scss/components/_list.scss b/scss/components/_list.scss
index 8ffe371..b187596 100644
--- a/scss/components/_list.scss
+++ b/scss/components/_list.scss
@@ -25,11 +25,11 @@
 
     .d-list {
         &--horizontal {
-            .d-list__title, .d-list__content {
+            dt, dd {
                 float: left;
             }
 
-            .d-list__content {
+            dd {
                 clear: left;
             }
         }
diff --git a/scss/crispyBoilerplate.scss b/scss/crispyBoilerplate.scss
index e2cb0dc..21adec5 100644
--- a/scss/crispyBoilerplate.scss
+++ b/scss/crispyBoilerplate.scss
@@ -9,6 +9,7 @@
     'mixins/list',
 
     'components/align',
+    'components/animations',
     'components/body',
     'components/button',
     'components/heading',