Adds namespace

src/scss/cdb-variables/_colors.scss

@@ -0,0 +1,31 @@
+// Colors variables
+// ----------------------------------------------
+
+// General
+$cBlue: #3AA9E3;
+$cBlack: #000;
+$cWhite: #FFF;
+$cMainDark: #2E3C43;
+
+//Structure
+$cSecondaryDark: #282C2F;
+$cSecondaryBackground: #F2F6F9;
+$cThirdBackground: #F9F9F9;
+
+//Lines
+$cHoverLine: #AAA;
+$cMainLine: #DDD;
+$cSecondaryLine: #EEE;
+
+//Typography
+$cTypo2: #636D72;
+$cTypo3: #979EA1;
+$cTypo4: #CBCED0;
+
+//Others
+$cHighlight: #9DE0AD;
+$cAlert: #F19243;
+$cPublic: #9BC63B;
+$cLink: #FEB100;
+$cPassword: #FB7B23;
+$cError: #F15743;

src/scss/cdb-variables/_sizes.scss

@@ -0,0 +1,30 @@
+// Sizes variables
+// ----------------------------------------------
+
+// Widths
+$desktopLayout: 352px;
+$mobileLayout: 280px;
+
+//Base
+$baseSize: 8px;
+
+// Margins
+$sMargin-section: 24px; // To separate main section
+$sMargin-element: 14px; // To separate elements inside a group
+
+// Font sizes
+$sFontSize-small: 10px;
+$sFontSize-medium: 14px;
+$sFontSize-large: 16px;
+$sFontSize-huge: 26px;
+
+// Font weights
+$sFontWeight-lighter: 300;
+$sFontWeight-normal: 400;
+$sFontWeight-semibold: 600;
+
+// Line heights
+$sLineHeight-small: 14px;
+$sLineHeight-medium: 16px;
+$sLineHeight-large: 22px;
+$sLineHeight-huge: 34px;