Mirrors
/
Zelda64Recomp
mirror of https://github.com/Mr-Wiseguy/Zelda64Recomp.git
0
0
Fork 0
Code Issues Packages Projects Releases Wiki Activity

increase font size for the old people

This commit is contained in:
thecozies 2024-03-03 14:57:19 -06:00
parent 02adf1b5f2
commit 85f88d904d
6 changed files with 62 additions and 16 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

21
assets/config_menu.rml
View File

@ -75,15 +75,26 @@
<svg src="icons/X.svg" /> <svg src="icons/X.svg" />
</button> </button>
</div> </div>
</div> <div
<div style="flex:0 1 80dp;display:flex; justify-content: space-between; width:100%; max-width:800dp; align-self:center;"> class="centered-page__controls"
<label style="text-align:center; font-size:24dp;"><span style="font-family:promptfont; font-size:40dp">&#x2424;&#x242B;</span><span style="font-size:24dp;">Navigate</span></label> >
<label style="text-align:center; font-size:24dp;"><span style="font-family:promptfont; font-size:40dp">&#x242E;</span><span style="font-size:24dp;">Accept</span></label> <label>
<label style="text-align:center; font-size:24dp;"><span style="font-family:promptfont; font-size:40dp">&#x242F;</span><span style="font-size:24dp;">Exit</span></label> <span>Navigate</span>
<span class="prompt-font-sm">&#x2424;&#x242B;</span>
</label>
<label>
<span>Accept</span>
<span class="prompt-font-sm">&#x242E;</span>
</label>
<label>
<span>Exit</span>
<span class="prompt-font-sm">&#x242F;</span>
</label>
<!-- <label><span style="font-family:promptfont;">&#x21F3;</span> Navigate</label> <!-- <label><span style="font-family:promptfont;">&#x21F3;</span> Navigate</label>
<label><span style="font-family:promptfont;">&#x21A7;</span> Accept</label> --> <label><span style="font-family:promptfont;">&#x21A7;</span> Accept</label> -->
</div> </div>
</div> </div>
</div>
<!-- </handle> --> <!-- </handle> -->
<!-- <handle size_target="#document" style="position: absolute; width: 16dp; height: 16dp; bottom: 0px; right: 0px; cursor: resize;"></handle> --> <!-- <handle size_target="#document" style="position: absolute; width: 16dp; height: 16dp; bottom: 0px; right: 0px; cursor: resize;"></handle> -->
</body> </body>

2
assets/recomp.rcss
View File

File diff suppressed because one or more lines are too long

30
assets/scss/styles/components/CenteredPage.scss
View File

@ -42,3 +42,33 @@
flex: 1 1 100%; flex: 1 1 100%;
} }
} }
.centered-page__controls {
display: flex;
flex-direction: row;
position: absolute;
align-items: center;
justify-content: center;
height: auto;
bottom: space(24);
margin: 0 auto;
width: 100%;
max-width: space($base-modal-max-width);
> label {
@extend %label-sm;
display: inline-block;
align-items: center;
justify-content: space-between;
width: auto;
height: space(24);
&:not(:last-child) {
margin-right: space(40);
}
> span:first-child {
margin-right: space(4);
}
}
}

4
assets/scss/styles/global.scss
View File

@ -60,6 +60,10 @@ h3 {
@extend %prompt-font; @extend %prompt-font;
} }
.prompt-font-sm {
@extend %prompt-font-sm;
}
button { button {
background-color: $color-primary-d; background-color: $color-primary-d;
} }

7
assets/scss/styles/mixins/_typography.scss
View File

@ -3,9 +3,10 @@ $font-stack: chiaro;
@mixin set-font-sizing($sz, $spacing) { @mixin set-font-sizing($sz, $spacing) {
// font-family: $font-stack; // font-family: $font-stack;
font-size: space($sz); $sz-add: $sz + 4;
letter-spacing: space($sz * $spacing); font-size: space($sz-add);
line-height: space($sz); letter-spacing: space($sz-add * $spacing);
line-height: space($sz-add);
} }
%header-1 { %header-1 {

10
assets/scss/styles/pages/config/debug.scss
View File

@ -67,7 +67,7 @@
flex: 1 1 auto; flex: 1 1 auto;
height: auto; height: auto;
width: auto; width: auto;
max-width: space(600); max-width: space(800);
padding: 0 space(12); padding: 0 space(12);
} }
@ -83,7 +83,7 @@
justify-content: flex-start; justify-content: flex-start;
flex: 1 1 100%; flex: 1 1 100%;
width: auto; width: auto;
max-width: space(600); max-width: space(800);
height: auto; height: auto;
padding: space(4); padding: space(4);
@ -91,7 +91,7 @@
@extend %label-sm; @extend %label-sm;
padding-right: space(16); padding-right: space(16);
flex: auto; flex: auto;
width: space(144); width: space(196);
> div { > div {
display: inline; display: inline;
@ -111,7 +111,7 @@
padding: 0; padding: 0;
flex: 1 1 100%; flex: 1 1 100%;
width: auto; width: auto;
height: space(40); height: space(48);
border-radius: $border-radius-md; border-radius: $border-radius-md;
background-color: $color-white-a5; background-color: $color-white-a5;
cursor: pointer; cursor: pointer;
@ -129,7 +129,7 @@
display: inline; display: inline;
align-items: center; align-items: center;
justify-content: flex-start; justify-content: flex-start;
padding: space(12); padding: space(14);
margin: auto 0; margin: auto 0;
height: auto; height: auto;
} }