build css from less

.gitignore

@@ -198,3 +198,4 @@ FakesAssemblies/
 # Other
 project.lock.json
 .DS_Store
+src/App/Css

src/App/App.csproj

@@ -43,4 +43,8 @@
       <Generator>MSBuild:UpdateDesignTimeXaml</Generator>
     </EmbeddedResource>
   </ItemGroup>
+
+  <Target Name="PreBuild" BeforeTargets="PreBuildEvent">
+    <Exec Command="npm run less" />
+  </Target>
 </Project>

src/App/Less/android.less

@@ -0,0 +1,3 @@
+^Label, ^Entry, ^Editor {
+    font-size: 16;
+}

src/App/Less/dark.less

@@ -0,0 +1,3 @@
+^contentpage {
+    background-color: gray;
+}

src/App/Less/ios.less

@@ -0,0 +1,3 @@
+^Label, ^Entry, ^Editor {
+    font-size: 14;
+}

src/App/Less/styles.less

@@ -0,0 +1,14 @@
+@import "variables.less";
+
+^ContentPage {
+    background-color: @white;
+}
+
+StackLayout.list-cell {
+    padding: 10;
+    -xf-orientation: horizontal;
+}
+
+StackLayout.list-cell > FaLabel {
+    font-size: 22;
+}

src/App/Less/variables.less

@@ -0,0 +1 @@
+@white: #FFFFFF;

src/App/gulpfile.js

@@ -0,0 +1,16 @@
+const gulp = require('gulp');
+const gulpLess = require('gulp-less');
+const del = require('del');
+
+function less() {
+    return gulp.src(['./Less/android.less', './Less/ios.less', './Less/dark.less', './Less/styles.less'])
+        .pipe(gulpLess())
+        .pipe(gulp.dest('./Css'));
+}
+
+function cleanCss() {
+    return del('./Css');
+}
+
+exports.cleanCss = cleanCss;
+exports.less = gulp.series(cleanCss, less);

src/App/package.json

@@ -0,0 +1,12 @@
+{
+  "name": "bitwarden-mobile",
+  "version": "1.0.0",
+  "scripts": {
+    "less": "gulp less"
+  },
+  "devDependencies": {
+    "del": "4.1.0",
+    "gulp": "4.0.0",
+    "gulp-less": "4.0.1"
+  }
+}