Merge pull request #72 from deriv-com/generate-css-form-tokens

.gitignore

@@ -1,3 +1,3 @@
 node_modules
 coverage
-/dist
+dist/*

lib/styles/breakpoints.scss

@@ -0,0 +1,25 @@
+@mixin breakpoint($breakpoint) {
+  @if $breakpoint == 'sm' {
+    @media (min-width: 640px) {
+      @content;
+    }
+  } @else if $breakpoint == 'md' {
+    @media (min-width: 768px) {
+      @content;
+    }
+  } @else if $breakpoint == 'lg' {
+    @media (min-width: 1024px) {
+      @content;
+    }
+  } @else if $breakpoint == 'xl' {
+    @media (min-width: 1280px) {
+      @content;
+    }
+  } @else if $breakpoint == '2xl' {
+    @media (min-width: 1440px) {
+      @content;
+    }
+  } @else {
+    @warn "Unknown breakpoint: #{$breakpoint}.";
+  }
+}