updated media queries for small phones

This commit is contained in:
bill bittner 2017-10-03 17:35:53 -07:00
parent a54e7c6c2c
commit 34c8fe8513
3 changed files with 18 additions and 6 deletions

View file

@ -37,11 +37,11 @@ a, a:visited {
/* HEADERS */ /* HEADERS */
h1 { h1 {
font-size: xx-large; font-size: 2rem;
} }
h2 { h2 {
font-size: x-large; font-size: 1.5rem;
} }
.h2--secondary { .h2--secondary {
@ -54,7 +54,7 @@ h2 {
} }
h3 { h3 {
font-size: large; font-size: 1rem;
font-weight: normal; font-weight: normal;
} }
@ -231,7 +231,7 @@ option {
} }
.input-text--large, .select--large, .textarea--large { .input-text--large, .select--large, .textarea--large {
font-size: 2rem; font-size: 1.5rem;
border-left: 1px solid dodgerblue; border-left: 1px solid dodgerblue;
} }

View file

@ -52,4 +52,16 @@
.column--sml-10 { .column--sml-10 {
width: 100%; width: 100%;
} }
#publish-active-area > .row, #details-detail > .row, #channel-login-form > .row, #publish-channel-form > .row {
padding: 1em 0px 1em 0px;
}
}
@media (max-width: 350px) {
body, button, input, textarea, label, select, option {
font-size: medium;
}
} }

View file

@ -2,7 +2,7 @@
<div class="row"> <div class="row">
<div class="column column--3 column--sml-10"> <div class="column column--3 column--sml-10">
<label for="publish-license" class="label">License:* </label> <label for="publish-license" class="label">License:</label>
</div><div class="column column--7 column--sml-10"> </div><div class="column column--7 column--sml-10">
<select type="text" id="publish-license" class="select select--primary"> <select type="text" id="publish-license" class="select select--primary">
<option value="Public Domain">Public Domain</option> <option value="Public Domain">Public Domain</option>
@ -13,7 +13,7 @@
<div class="row"> <div class="row">
<div class="column column--3 column--sml-10"> <div class="column column--3 column--sml-10">
<label for="publish-nsfw" class="label">NSFW*</label> <label for="publish-nsfw" class="label">NSFW:</label>
</div><div class="column column--7 column--sml-10"> </div><div class="column column--7 column--sml-10">
<input class="input-checkbox" type="checkbox" id="publish-nsfw"> <input class="input-checkbox" type="checkbox" id="publish-nsfw">
</div> </div>