Separation of styles

css-ui · Jan 31, 2017 · 4f735bd · 4f735bd
1 parent 9b4b9e9
commit 4f735bd
Show file tree

Hide file tree

Showing 3 changed files with 18 additions and 17 deletions.
diff --git a/src/css/style.css b/src/css/style.css
@@ -0,0 +1,15 @@
+
+/*
+    import css styles
+*/
+@import url(css.ui.min.css);
+@import url(style.sign.in.css);
+
+/*
+    elements
+*/
+body {
+    background-color: #f4f4f4;
+         font-family: 'Segoe UI', Frutiger, 'Frutiger Linotype', 'Dejavu Sans', 'Helvetica Neue', Arial, sans-serif;
+	     padding: 10px 10px 0;
+}
diff --git a/src/css/style.sign.in.css b/src/css/style.sign.in.css
@@ -1,18 +1,4 @@
 
-/*
-    import css styles
-*/
-@import url(css.ui.min.css);
-
-/*
-    elements
-*/
-body {
-    background-color: #f4f4f4;
-         font-family: 'Segoe UI', Frutiger, 'Frutiger Linotype', 'Dejavu Sans', 'Helvetica Neue', Arial, sans-serif;
-	     padding: 10px 10px 0;
-}
-
 /*
     form
 */
@@ -62,7 +48,7 @@ body {
 
 @media only screen and (min-width: 768px) {
 
-    body {
+    html body {
 	padding-top: 70px;
     }
 
@@ -80,7 +66,7 @@ body {
 
 @media only screen and (min-width: 1170px) {
 
-    body {
+    html body {
 	padding-top: 150px;
     }
 

diff --git a/src/index.html b/src/index.html
@@ -8,7 +8,7 @@
 	<title>CSS UI - Sign in</title>
 
 	<!-- CSS styles -->
-	<link rel="stylesheet" href="css/style.sign.in.css">
+	<link rel="stylesheet" href="css/style.css">
 </head>
 <body>
 	<!-- container -->