cartodb-4.29/assets/stylesheets/public/public_footer.scss

101 lines
1.5 KiB
SCSS
Raw Permalink Normal View History

2020-06-15 10:58:47 +08:00
/**
* Styles for announcement in public pages
*
*/
footer {
display: block;
box-sizing: border-box;
color: #999;
p {
width: auto;
}
.inner {
width: 1020px;
}
&,
a {
font-size: 13px;
}
p.right a {
color: #2483B2;
}
}
/** Hello media queries **/
@media only screen and (max-width: 350px) {
footer {
padding: 44px 15px;
.inner {
width: 100%;
}
}
}
@media only screen and (min-width: 351px) and (max-width: 710px) {
footer {
padding: 44px 15px;
.inner {
width: 100%;
}
}
}
@media only screen and (min-width: 981px) and (max-width: 1035px) {
footer {
padding: 44px 15px;
.inner {
width: 100%;
}
}
}
@media only screen and (min-width: 711px) and (max-width: 980px) {
footer {
padding: 44px 15px;
.inner {
width: 100%;
}
}
}
/* iPad landscape */
@media only screen and (min-device-width: 768px) and (max-device-width: 1024px) and (orientation: landscape) {
footer {
padding: 44px 35px;
.inner {
width: 100%;
}
}
}
/* iPhone portrait */
@media only screen and (min-device-width: 320px) and (max-device-width: 480px) and (orientation: portrait) {
footer nav a.signup,
footer nav span {
display: none;
}
footer {
padding: 24px 15px 34px;
}
}
/* iPhone landscape */
@media only screen and (min-device-width: 320px) and (max-device-width: 480px) and (orientation: landscape) {
footer {
padding: 24px 15px 34px;
}
}