zydronium/neocities
1
0
Fork 0
mirror of https://github.com/neocities/neocities.git synced 2025-04-25 09:42:36 +02:00
Code Issues Projects Releases Packages Wiki Activity

Misc adjustments to margins on mobile and elsewhere

Browse source
This commit is contained in:
Victoria Wang 2015-03-14 12:14:31 -05:00
parent 4248d27544
commit 5af99daa0d
1 changed files with 16 additions and 7 deletions
Show stats Download patch file Download diff file Expand all files Collapse all files

23
sass/_project-sass/_project-Main.scss
View file

@ -15,6 +15,10 @@
.content, .footer-Content { .content, .footer-Content {
padding: 20px 3%; padding: 20px 3%;
@media (max-device-width:480px), screen and (max-width:800px) {
padding: 20px 7%;
}
@media screen and (min-width:1300px){ @media screen and (min-width:1300px){
padding: 20px 0; padding: 20px 0;
} }
@ -30,6 +34,10 @@
.interior .header-Outro { .interior .header-Outro {
padding-top: 30px; padding-top: 30px;
overflow: hidden; overflow: hidden;
@media (max-device-width:480px), screen and (max-width:800px) {
padding-top: 15px;
}
} }
.interior .header-Outro h1 { .interior .header-Outro h1 {
font-size: 2.5em; font-size: 2.5em;
@ -56,13 +64,6 @@
color: #e93250; color: #e93250;
font-weight: bold; font-weight: bold;
} }
.interior .header-Outro .row.content {
padding-left: 3%;
padding-right: 3%;
h1, h2, h3 {
padding-left: 2px;
}
}
.interior .header-Outro .subtitle { .interior .header-Outro .subtitle {
font-size: 1em; font-size: 1em;
margin-top: -15px; margin-top: -15px;
@ -78,6 +79,10 @@
box-shadow: 0px 1px 1px 1px rgba(0,0,0,0.10); box-shadow: 0px 1px 1px 1px rgba(0,0,0,0.10);
padding: 25px 3% 40px 3%; padding: 25px 3% 40px 3%;
@media (max-device-width:480px), screen and (max-width:800px) {
padding: 22px 7% 40px 7%;
}
h1, h2, h3, h4, h5, h6 { h1, h2, h3, h4, h5, h6 {
margin-top: 1em; margin-top: 1em;
&:first-child { &:first-child {
@ -555,6 +560,10 @@
} }
.interior .header-Outro.with-columns .col { .interior .header-Outro.with-columns .col {
padding: 25px 0 8px 30px; padding: 25px 0 8px 30px;
@media (max-device-width:480px), screen and (max-width:800px) {
padding: 10px 0 0 27px;
}
} }
.interior .header-Outro.with-columns .col-32 { .interior .header-Outro.with-columns .col-32 {
width: 33%; width: 33%;