init css file + font

src/styles/abstracts/_variables.scss

@@ -22,6 +22,7 @@ $color-210-4-50: hsl(210, 4%, 50%);
 $color-213-4-50: hsl(213, 4%, 50%);
 $color-213-13-86: hsla(213, 13%, 86%, 0.2);
 $color-0-0-29: hsl(0, 0%, 29%);
+$color-203-87-19: hsl(203, 87.8%, 19.2%);
 $color-233-18-29: hsl(233, 18%, 29%);
 $color-233-20-17: hsl(233, 20%, 17%);
 $color-216-4-22: hsl(216, 4%, 22%);

src/styles/components/_index.scss

@@ -1,6 +1,7 @@
 @import 'chat';
 @import 'comment.scss';
 @import 'filters';
+@import 'font';
 @import 'howto';
 @import 'sidebar';
 @import 'skills';

src/styles/components/font.scss

@@ -0,0 +1,17 @@
+$rd-filename:         "RefrigeratorDelxW01Bold";
+$rd-font-name:        "RefrigeratorDelxW01Bold";
+$rd-font-family:      "RefrigeratorDelxW01Bold";
+$rd-font-weight:      "bold";
+$rd-font-path:        "../fonts" !default;
+$rd-css-prefix:       rd !default;
+
+@font-face {
+  font-family: '#{$rd-font-name}';
+  src:  url('#{$rd-font-path}/#{$rd-filename}.eot');
+  src:  url('#{$rd-font-path}/#{$rd-filename}.eot') format('embedded-opentype'),
+    url('#{$rd-font-path}/#{$rd-filename}.ttf') format('truetype'),
+    url('#{$rd-font-path}/#{$rd-filename}.woff') format('woff'),
+    url('#{$rd-font-path}/#{$rd-filename}.svg##{$rd-filename}') format('svg');
+  font-weight: bold;
+  font-style: normal;
+}

src/styles/index.scss

@@ -20,4 +20,5 @@ div#viewport {
     @import 'layout/project-profile/index';
     @import 'layout/circle/index';
     @import 'layout/user/index';
+    @import 'layout/events/index';
 }

src/styles/layout/events/_index.scss

@@ -0,0 +1 @@
+@import 'events.scss';

src/styles/layout/events/events.scss

@@ -0,0 +1,8 @@
+#events {
+    width: 100%;
+    sib-event .events sib-form sib-form-dropdown::before {
+        font-family: $rd-font-family;
+        font-size: 24px;
+        line-height: 29px;
+    }
+}