More updates

lipis · Sep 23, 2013 · 02276af · 02276af
1 parent 3d6d924
commit 02276af
Show file tree

Hide file tree

Showing 7 changed files with 141 additions and 0 deletions.
diff --git a/.editorconfig b/.editorconfig
@@ -0,0 +1,11 @@
+# editorconfig.org
+
+root = true
+
+[*]
+indent_style = space
+indent_size = 2
+end_of_line = lf
+charset = utf-8
+trim_trailing_whitespace = true
+insert_final_newline = true
diff --git a/css/country-flag-icons.css b/css/country-flag-icons.css
diff --git a/dist/bootstrap.min.css b/dist/bootstrap.min.css
diff --git a/dist/less-1.4.1.min.js b/dist/less-1.4.1.min.js
diff --git a/index.html b/index.html
@@ -0,0 +1,90 @@
+<!DOCTYPE html>
+<html lang="en">
+  <head>
+    <meta charset="utf-8">
+    <meta name="viewport" content="width=device-width, initial-scale=1.0">
+    <meta name="description" content="">
+    <meta name="author" content="">
+
+    <title>country-flag-icons</title>
+
+    <link href="./dist/bootstrap.min.css" rel="stylesheet">
+    <link href="./css/country-flag-icons.css" rel="stylesheet">
+    <link rel="stylesheet/less" type="text/css" href="./less/country-flag-icons.less" />
+  </head>
+
+  <body>
+    <div class="container">
+      <div class="page-header">
+        <h1>country-flag-icons</h1>
+      </div>
+      <p>
+        <span class="badge"><span class="flag-icon flag-icon-gr"></span> badge</span>
+      </p>
+      <hr>
+      <p>
+        <span class="flag-icon flag-icon-gr"></span>
+        Hello, world!
+        <span class="label label-default"><span class="flag-icon flag-icon-gr"></span> label</span>
+        <span class="label label-primary"><span class="flag-icon flag-icon-gr"></span> label</span>
+        <span class="label label-success"><span class="flag-icon flag-icon-gr"></span> label</span>
+        <span class="label label-info"><span class="flag-icon flag-icon-gr"></span> label</span>
+        <span class="label label-warning"><span class="flag-icon flag-icon-gr"></span> label</span>
+        <span class="label label-danger"><span class="flag-icon flag-icon-gr"></span> label</span>
+      </p>
+      <hr>
+      <h1>
+        h1
+        <span class="flag-icon flag-icon-gr"></span>
+        <span class="label label-default"><span class="flag-icon flag-icon-gr"></span> label</span>
+        <span class="label label-primary"><span class="flag-icon flag-icon-gr"></span> label</span>
+        <span class="label label-success"><span class="flag-icon flag-icon-gr"></span> label</span>
+        <span class="label label-info"><span class="flag-icon flag-icon-gr"></span> label</span>
+        <span class="label label-warning"><span class="flag-icon flag-icon-gr"></span> label</span>
+        <span class="label label-danger"><span class="flag-icon flag-icon-gr"></span> label</span>
+      </h1>
+      <hr>
+      <h2>
+        h2
+        <span class="flag-icon flag-icon-gr"></span>
+        <span class="label label-default"><span class="flag-icon flag-icon-gr"></span> label</span>
+        <span class="label label-primary"><span class="flag-icon flag-icon-gr"></span> label</span>
+        <span class="label label-success"><span class="flag-icon flag-icon-gr"></span> label</span>
+        <span class="label label-info"><span class="flag-icon flag-icon-gr"></span> label</span>
+        <span class="label label-warning"><span class="flag-icon flag-icon-gr"></span> label</span>
+        <span class="label label-danger"><span class="flag-icon flag-icon-gr"></span> label</span>
+      </h2>
+      <hr>
+      <h3>
+        h3
+        <span class="flag-icon flag-icon-gr"></span>
+        <span class="label label-default"><span class="flag-icon flag-icon-gr"></span> label</span>
+        <span class="label label-primary"><span class="flag-icon flag-icon-gr"></span> label</span>
+        <span class="label label-success"><span class="flag-icon flag-icon-gr"></span> label</span>
+        <span class="label label-info"><span class="flag-icon flag-icon-gr"></span> label</span>
+        <span class="label label-warning"><span class="flag-icon flag-icon-gr"></span> label</span>
+        <span class="label label-danger"><span class="flag-icon flag-icon-gr"></span> label</span>
+      </h3>
+      <hr>
+      <h4>
+        h4
+        <span class="flag-icon flag-icon-gr"></span>
+        <span class="label label-default"><span class="flag-icon flag-icon-gr"></span> label</span>
+        <span class="label label-primary"><span class="flag-icon flag-icon-gr"></span> label</span>
+        <span class="label label-success"><span class="flag-icon flag-icon-gr"></span> label</span>
+        <span class="label label-info"><span class="flag-icon flag-icon-gr"></span> label</span>
+        <span class="label label-warning"><span class="flag-icon flag-icon-gr"></span> label</span>
+        <span class="label label-danger"><span class="flag-icon flag-icon-gr"></span> label</span>
+      </h4>
+      <hr>
+      <p class="lead">
+        p.lead <span class="flag-icon flag-icon-gr"></span>
+      </p>
+      <hr>
+      <p>
+        p <span class="flag-icon flag-icon-gr"></span>
+      </p>
+    </div>
+    <script src="./dist/less-1.4.1.min.js"></script>
+  </body>
+</html>
diff --git a/less/country-flag-icons.less b/less/country-flag-icons.less
@@ -0,0 +1,19 @@
+.flag-icon {
+  position: relative;
+  top: 1px;
+  display: inline-block;
+  background-size: contain;
+  background-position: 50%;
+  background-repeat: no-repeat;
+
+  width: (4 / 3 * 1em);
+  line-height: 1;
+  box-sizing: border-box;
+  &:before {
+    content: "\00a0";
+  }
+}
+
+.flag-icon-gr {
+  background-image: url(../flags/4x3/gb.svg);
+}
diff --git a/package.json b/package.json
@@ -0,0 +1,9 @@
+{
+  "name": "country-flag-icons",
+  "version": "0.1.0",
+  "devDependencies": {
+    "grunt": "~0.4.1",
+    "grunt-contrib-less": "~0.5",
+    "grunt-contrib-watch": "~0.5"
+  }
+}