Added classes specifically for text

This is also prep for the primary font.
rogueyoshi · Mar 25, 2020 · 509e04f · 509e04f
1 parent 1220ba2
commit 509e04f
Show file tree

Hide file tree

Showing 3 changed files with 18 additions and 8 deletions.
diff --git a/dbfz.css b/dbfz.css
@@ -17,6 +17,15 @@
   --dbfz-color-yellow: #ffba00;
 }
 
+.dbfz-text-primary {
+  text-shadow: 0.1em 0.1em black;  
+}
+
+.dbfz-text-secondary {
+  font-family: "ProbaPro-Regular";
+  text-shadow: 0.1em 0.1em black;
+}
+
 .dbfz-color-white {
   color: var(--dbfz-color-white);
 }
@@ -26,11 +35,9 @@
 }
 
 .dbfz-window {
+  font-size: 200%;
   position: relative;
   padding: 6px;
-  font-size: 200%;
-  font-family: "ProbaPro-Regular";
-  text-shadow: 0.1em 0.1em black;
   color: var(--dbfz-color-white);
 }
 
@@ -122,10 +129,12 @@
 .dbfz-selected:after {
   content: "";
   position: absolute;
-  left: -2.75rem;
-  top: -0.5rem;
-  width: 1.5em;
-  height: 1.5em;
+  left: 0;
+  top: 0;
+  width: 2em;
+  height: 2em;
+  margin-left: -2em;
+  margin-top: -0.25em;
   background-image: url("images/DBFZ/CmnMenu/tex/window_arrow_key_00.png");
   background-repeat: repeat;
   background-size: contain;

diff --git a/demo.css b/demo.css
@@ -9,6 +9,7 @@ h1, ul {
 
 ul {
   list-style-type: none;
+  padding-left: 2em;
 }
 
 img {

diff --git a/index.html b/index.html
@@ -3,7 +3,7 @@
     <link rel="stylesheet" href="dbfz.css" />
     <link rel="stylesheet" href="demo.css" />
   </head>
-  <body>
+  <body class="dbfz-text-secondary">
     <div class="dbfz-window">
       <h1 class="dbfz-window-title">DBFZ.css</h1>
       <div>A work-in-progress recreation of DBFZ's UI elements in CSS.</div>
-Original file line number
+Diff line change
@@ Expand Up / @@ -9,6 +9,7 @@ h1, ul { @@
     ul {
       list-style-type: none;
+      padding-left: 2em;
     }
     img {
@@ Expand Down @@