new lay

OpenDyslexic · Jan 17, 2025 · d93573e · d93573e
1 parent 850396f
commit d93573e
Show file tree

Hide file tree

Showing 12 changed files with 546 additions and 358 deletions.
diff --git a/.DS_Store b/.DS_Store
diff --git a/app/assets/styles/app.css b/app/assets/styles/app.css
@@ -35,7 +35,7 @@
 
 .viewport,
 body {
-	width: 280px;
+	width: 290px;
 	height: 530px;
 	font-family: 'opendyslexic';
 	background-color: #55b685;

diff --git a/app/assets/styles/core/opendyslexic.css b/app/assets/styles/core/opendyslexic.css
@@ -1,88 +1,89 @@
 @font-face {
 	font-family: 'OpenDyslexic';
 	src: url('{{$browser_extension_protocol}}assets/fonts/opendyslexic/regular.otf')
-		format('opentype');
+	  format('opentype');
 	font-style: normal;
 	font-weight: normal;
-}
-
-@font-face {
+  }
+  
+  @font-face {
 	font-family: 'OpenDyslexic Italic';
 	src: url('{{$browser_extension_protocol}}assets/fonts/opendyslexic/italic.otf')
-		format('opentype');
+	  format('opentype');
 	font-style: normal;
 	font-weight: normal;
-}
-
-@font-face {
+  }
+  
+  @font-face {
 	font-family: 'OpenDyslexic Bold';
 	src: url('{{$browser_extension_protocol}}assets/fonts/opendyslexic/bold.otf')
-		format('opentype');
+	  format('opentype');
 	font-style: normal;
 	font-weight: normal;
-}
-
-@font-face {
+  }
+  
+  @font-face {
 	font-family: 'OpenDyslexic Bold Italic';
 	src: url('{{$browser_extension_protocol}}assets/fonts/opendyslexic/bold-italic.otf')
-		format('opentype');
+	  format('opentype');
 	font-style: normal;
 	font-weight: normal;
-}
-
-@font-face {
+  }
+  
+  @font-face {
 	font-family: 'opendyslexicmono';
 	src: url('{{$browser_extension_protocol}}assets/fonts/opendyslexic/regular.otf')
-		format('opentype');
-}
-
-:root {
+	  format('opentype');
+  }
+  
+  :root {
 	--opendyslexic-chrome-regular: 'OpenDyslexic';
 	--opendyslexic-chrome-italic: 'OpenDyslexic Italic';
 	--opendyslexic-chrome-bold: 'OpenDyslexic Bold';
 	--opendyslexic-chrome-bold-italic: 'OpenDyslexic Bold Italic';
 	--opendyslexic-chrome-mono: 'OpenDyslexic';
-}
-
-.helperbird-font-opendyslexic-regular {
+  }
+  
+  .helperbird-font-opendyslexic-regular * {
 	font-family: var(--opendyslexic-chrome-regular);
 	font-weight: normal;
 	font-style: normal;
 	line-height: 150%;
-}
-
-.helperbird-font-opendyslexic-italic {
+  }
+  
+  .helperbird-font-opendyslexic-italic * {
 	font-family: var(--opendyslexic-chrome-italic);
 	font-style: italic;
 	line-height: 150%;
-}
-
-.helperbird-font-opendyslexic-bold {
+  }
+  
+  .helperbird-font-opendyslexic-bold  * {
 	font-family: var(--opendyslexic-chrome-bold);
 	font-weight: bold;
 	line-height: 150%;
-}
-
-.helperbird-font-opendyslexic-bold-italic {
+  }
+  
+  .helperbird-font-opendyslexic-bold-italic  * {
 	font-family: var(--opendyslexic-chrome-bold);
 	font-weight: bold;
 	line-height: 150%;
-}
-
-p.helperbird-font-opendyslexic-regular:nth-child(even),
-p.helperbird-font-opendyslexic-italic:nth-child(even),
-p.helperbird-font-opendyslexic-bold:nth-child(even),
-li.helperbird-font-opendyslexic-regular:nth-child(even),
-li.helperbird-font-opendyslexic-italic:nth-child(even),
-li.helperbird-font-opendyslexic-bold:nth-child(even) {
+  }
+  
+  p.helperbird-font-opendyslexic-regular:nth-child(even),
+  p.helperbird-font-opendyslexic-italic:nth-child(even),
+  p.helperbird-font-opendyslexic-bold:nth-child(even),
+  li.helperbird-font-opendyslexic-regular:nth-child(even),
+  li.helperbird-font-opendyslexic-italic:nth-child(even),
+  li.helperbird-font-opendyslexic-bold:nth-child(even) {
 	opacity: rgba(0, 0, 0, 0.03);
-}
-
-p.helperbird-font-opendyslexic-regular:hover,
-p.helperbird-font-opendyslexic-italic:hover,
-p.helperbird-font-opendyslexic-bold:hover,
-li.helperbird-font-opendyslexic-regular:hover,
-li.helperbird-font-opendyslexic-italic:hover,
-li.helperbird-font-opendyslexic-bold:hover {
+  }
+  
+  p.helperbird-font-opendyslexic-regular:hover,
+  p.helperbird-font-opendyslexic-italic:hover,
+  p.helperbird-font-opendyslexic-bold:hover,
+  li.helperbird-font-opendyslexic-regular:hover,
+  li.helperbird-font-opendyslexic-italic:hover,
+  li.helperbird-font-opendyslexic-bold:hover {
 	background-color: rgba(0, 0, 0, 0.09) !important;
-}
+  }
+
diff --git a/app/index.html b/app/index.html
@@ -23,12 +23,12 @@
 		<link rel="stylesheet" href="./assets/css/app.css" />
 	</head>
 	<body
-		class="background-color-od p-0 m-0 overflow-hidden flex items-center justify-center viewport"
+		class="background-color-od overflow-hidden  viewport"
 	>
 		<div
 			id="app"
 			role="main"
-			class="overflow-hidden flex items-center justify-center"
+
 		></div>
 		<script src="scripts/popup.js" type="text/javascript"></script>
 	</body>