Css styles are in a separated file

Author: azachar

Gruntfile.js

@@ -71,6 +71,17 @@ module.exports = function (grunt) {
       }
     },
 
+    cssmin: {
+      options: {
+        banner: '/*! <%= pkg.name %> <%= grunt.template.today("dd-mm-yyyy") %> */\n'
+      },
+      combine: {
+        files: {
+          'dist/<%= pkg.name %>.min.css': ['src/**/*.css']
+        }
+      }
+    },
+
     watch: {
       src: {
         files: ['src/**/*'],
@@ -97,7 +108,8 @@ module.exports = function (grunt) {
     'jade',
     'html2js',
     'concat',
-    'uglify'
+    'uglify',
+    'cssmin'
   ]);
 
   grunt.registerTask('dev', [

bower.json

@@ -3,12 +3,17 @@
   "homepage": "https://github.com/azachar/angular-language-picker",
   "main": [
     "dist/angular-language-picker.js",
-    "dist/angular-language-picker.templates.js"
+    "dist/angular-language-picker.templates.js",
+    "dist/angular-language-picker.min.css"
   ],
   "authors": [
     "Kate Hudson <k88hudson@gmail.com>",
     "Andrej Zachar <andrej@chocolatejar.eu"
   ],
+  "repository": {
+    "type": "git",
+    "url": "git://github.com/azachar/angular-language-picker.git"
+  },
   "license": "MPL-2.0",
   "dependencies": {
     "angular-bootstrap": "~0.11.0",

dist/angular-language-picker.min.css

@@ -0,0 +1,3 @@
+/*! angular-language-picker 14-10-2014 */
+
+.language{cursor:pointer}.language:hover{text-decoration:none}

dist/angular-language-picker.templates.js

@@ -8,6 +8,7 @@
   <link rel="stylesheet" href="https://maxcdn.bootstrapcdn.com/bootstrap/3.2.0/css/bootstrap.min.css">
   <link rel="stylesheet" type="text/css" href="//cdnjs.cloudflare.com/ajax/libs/font-awesome/4.2.0/css/font-awesome.min.css">
   <link rel="stylesheet" href="http://lipis.github.io/flag-icon-css/css/flag-icon.min.css">
+  <link rel="stylesheet" href="../dist/angular-language-picker.min.css">
   <script src="//ajax.googleapis.com/ajax/libs/angularjs/1.2.25/angular.min.js"></script>
   <script src="//cdnjs.cloudflare.com/ajax/libs/angular-ui-bootstrap/0.11.0/ui-bootstrap.js"></script>
   <script src="//cdnjs.cloudflare.com/ajax/libs/angular-ui-bootstrap/0.11.0/ui-bootstrap-tpls.js"></script>

dist/angular-language-picker.templates.min.js

@@ -5,14 +5,15 @@
   "license": "MPL-2.0",
   "devDependencies": {
     "grunt": "^0.4.5",
-    "jit-grunt": "^0.7.0",
-    "grunt-contrib-less": "^0.11.3",
-    "grunt-contrib-watch": "^0.6.1",
+    "grunt-contrib-clean": "~0.5.0",
+    "grunt-contrib-concat": "^0.5.0",
     "grunt-contrib-connect": "^0.8.0",
-    "grunt-contrib-uglify": "^0.6.0",
+    "grunt-contrib-cssmin": "^0.10.0",
     "grunt-contrib-jade": "^0.13.0",
-    "grunt-contrib-clean": "~0.5.0",
+    "grunt-contrib-less": "^0.11.3",
+    "grunt-contrib-uglify": "^0.6.0",
+    "grunt-contrib-watch": "^0.6.1",
     "grunt-html2js": "^0.2.8",
-    "grunt-contrib-concat": "^0.5.0"
+    "jit-grunt": "^0.7.0"
   }
 }

example/index.html

@@ -12,7 +12,7 @@
       h4 We are available in {{languages.length}} languages
     .row
       .col-xs-6.col-sm-4.col-lg-4(ng-repeat='lang in languages | filter:search | limitTo: limitMax')
-        a.language(ng-click='onLanguageChange({language:lang})', style='cursor:pointer')
+        a.language(ng-click='onLanguageChange({language:lang})')
           span(ng-if='flags')
             span(class='flag-icon flag-icon-{{lang.country}}')
             |  

package.json

@@ -0,0 +1,7 @@
+.language {
+    cursor:pointer;
+}
+
+.language:hover{
+    text-decoration: none;
+}