alvierahman90/comic-mono-font
1
0
Fork 0
mirror of https://github.com/dtinth/comic-mono-font.git synced 2026-02-21 22:43:59 +00:00
Code Issues Packages Projects Releases Wiki Activity

Adjust button styling

Browse Source
This commit is contained in:
kaBeech
2023-03-19 15:44:16 -07:00
parent a3b2ce68ef
commit 0198bcfc6f
2 changed files with 22 additions and 17 deletions
Download Patch File Download Diff File Expand all files Collapse all files

24
index.html
View File

@@ -38,14 +38,24 @@
<br /> <br />
<div id="previewButtons"> <div id="previewButtons">
<div class="flex column"> <div class="flex column">
<button id="seriousOriginalButton">Serious Sans</button> <button id="seriousOriginalButton" class="seriousButton">
<button id="seriousBoldButton">Serious Sans Bold</button> Serious Sans
<button id="seriousLightButton">Serious Sans Light</button> </button>
<button id="seriousBoldButton" class="seriousButton">
Serious Sans Bold
</button>
<button id="seriousLightButton" class="seriousButton">
Serious Sans Light
</button>
</div> </div>
<div class="flex column"> <div class="flex column">
<button id="seriousItalicButton">Serious Sans Italic</button> <button id="seriousItalicButton" class="seriousButton">
<button id="seriousBoldItalicButton">Serious Sans Bold Italic</button> Serious Sans Italic
<button id="seriousLightItalicButton"> </button>
<button id="seriousBoldItalicButton" class="seriousButton">
Serious Sans Bold Italic
</button>
<button id="seriousLightItalicButton" class="seriousButton">
Serious Sans Light Italic Serious Sans Light Italic
</button> </button>
</div> </div>
@@ -81,7 +91,7 @@
id="newExampleTextInput" id="newExampleTextInput"
name="newExampleTextInput" name="newExampleTextInput"
/> />
<input type="button" id="newExampleTextButton" value="Update" /> <button id="newExampleTextButton">Update</button>
</div> </div>
<br /> <br />
<h2>Downloads</h2> <h2>Downloads</h2>

15
style.css
View File

@@ -80,10 +80,6 @@ li {
vertical-align: baseline; vertical-align: baseline;
} }
button {
width: 16em;
}
button, button,
input { input {
padding: 0.1em; padding: 0.1em;
@@ -155,32 +151,31 @@ input.serious {
font-family: "Serious Sans Light Italic"; font-family: "Serious Sans Light Italic";
} }
.seriousButton {
padding-top: 0.3em;
width: 16em;
}
#seriousOriginalButton { #seriousOriginalButton {
font-family: "Serious Sans"; font-family: "Serious Sans";
padding-top: 0.3em;
} }
#seriousItalicButton { #seriousItalicButton {
font-family: "Serious Sans Italic"; font-family: "Serious Sans Italic";
padding-top: 0.3em;
} }
#seriousBoldButton { #seriousBoldButton {
font-family: "Serious Sans Bold"; font-family: "Serious Sans Bold";
padding-top: 0.3em;
} }
#seriousBoldItalicButton { #seriousBoldItalicButton {
font-family: "Serious Sans Bold Italic"; font-family: "Serious Sans Bold Italic";
padding-top: 0.3em;
} }
#seriousLightButton { #seriousLightButton {
font-family: "Serious Sans Light"; font-family: "Serious Sans Light";
padding-top: 0.3em;
} }
#seriousLightItalicButton { #seriousLightItalicButton {
font-family: "Serious Sans Light Italic"; font-family: "Serious Sans Light Italic";
padding-top: 0.3em;
} }