feat(angular-bootstrap): Added angular bootstrap and dropdown stylees

Gruntfile.js

@@ -9,7 +9,19 @@ module.exports = function (grunt) {
             },
             dist: {
                 files: {
-                    'dist/superdesk-ui-framework.css': 'app/styles/app.scss'
+                    'dist/superdesk-ui-framework.core.css': 'app/styles/app.scss'
+                }
+            }
+        },
+        cssmin: {
+            options: {
+                sourceMap: true
+            },
+            dist: {
+                files: {
+                    'dist/superdesk-ui-framework.min.css': [
+                        'dist/superdesk-ui-framework.core.css'
+                    ]
                 }
             }
         },
@@ -26,6 +38,17 @@ module.exports = function (grunt) {
                         'node_modules/angular/angular.min.js'
                     ]
                 }
+            },
+            dist: {
+                options: {
+                    sourceMap: true
+                },
+                files: {
+                    'dist/superdesk-ui-framework.js': [
+                        'node_modules/angular-ui-bootstrap/ui-bootstrap.min.js',
+                        'app/scripts/index.js'
+                    ]
+                }
             }
         },
         connect: {
@@ -47,7 +70,7 @@ module.exports = function (grunt) {
             },
             sass: {
                 files: ['app/styles/*.scss'],
-                tasks: ['sass'],
+                tasks: ['sass', 'cssmin'],
                 options: {
                     livereload: true,
                     spawn: false
@@ -58,6 +81,7 @@ module.exports = function (grunt) {
 
     grunt.registerTask('build', [
         'sass',
+        'cssmin',
         'uglify',
         'connect',
         'watch'

app/scripts/index.js

@@ -0,0 +1,5 @@
+'use strict';
+
+angular.module('superdesk-ui', [
+    'ui.bootstrap'
+]);

app/styles/_helpers.scss

@@ -0,0 +1,11 @@
+.pull-left {
+    float: left;
+}
+
+.pull-right {
+    float: right;
+}
+
+.clearfix {
+    @include clearfix();
+}

app/styles/_labels.scss

@@ -1,6 +1,5 @@
 /// @group label
 
-
 /// Default background color for labels.
 $label-background: $gray !default;
 

app/styles/_mixins.scss

@@ -0,0 +1,11 @@
+@mixin clearfix {
+    *zoom: 1;
+    &:before,
+        &:after {
+        display: table;
+        content: "";
+    }
+    &:after {
+        clear: both;
+    }
+}

app/styles/_variables.scss

@@ -1,23 +1,13 @@
-/*
-To change this license header, choose License Headers in Project Properties.
-To change this template file, choose Tools | Templates
-and open the template in the editor.
-*/
-/* 
-    Created on : Dec 9, 2016, 3:22:57 PM
-    Author     : Nemanja Pavlovic
-*/
-
 html {
     box-sizing: border-box;
 }
 
-  // Set box-sizing globally to handle padding and border widths
-  *,
-  *::before,
-  *::after {
+// Set box-sizing globally to handle padding and border widths
+*,
+*::before,
+*::after {
     box-sizing: inherit;
-  }
+}
 
 @import 'variables/typography';
 @import 'variables/colors';

app/styles/app.scss

@@ -1,4 +1,12 @@
+@import "mixins";
+@import "helpers";
 @import "variables";
 @import "buttons";
 @import "labels";
-@import "badge";
+@import "badge";
+
+// Dropdowns
+@import 'dropdowns/basic-dropdown';
+@import 'dropdowns/nested-dropdown';
+@import 'dropdowns/navigation-dropdown';
+@import 'dropdowns/input-dropdown';