Css styles are in a separated file

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:/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 <[email protected]>",
  "Andrej Zachar <[email protected]"
  ],
+ "repository": {
+ "type": "git",
+ "url": "git:/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}

example/index.html

@@ -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>

package.json

@@ -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"
  }
 }

src/templates/language-picker-dialog.tpl.jade

@@ -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}}')
  |  

src/templates/style.css

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