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

15
style.css
View File

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