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 */
h1 {
font-size: xx-large;
font-size: 2rem;
}
h2 {
font-size: x-large;
font-size: 1.5rem;
}
.h2--secondary {
@ -54,7 +54,7 @@ h2 {
}
h3 {
font-size: large;
font-size: 1rem;
font-weight: normal;
}
@ -231,7 +231,7 @@ option {
}
.input-text--large, .select--large, .textarea--large {
font-size: 2rem;
font-size: 1.5rem;
border-left: 1px solid dodgerblue;
}

View file

@ -52,4 +52,16 @@
.column--sml-10 {
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="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">
<select type="text" id="publish-license" class="select select--primary">
<option value="Public Domain">Public Domain</option>
@ -13,7 +13,7 @@
<div class="row">
<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">
<input class="input-checkbox" type="checkbox" id="publish-nsfw">
</div>