spee.ch/public/assets/css/mediaQueries.css

72 lines
1,012 B
CSS
Raw Normal View History

2017-09-27 00:12:47 +02:00
@media (max-width: 1050px) {
2017-09-27 00:12:47 +02:00
2017-10-19 00:47:06 +02:00
.nav-bar-title--tagline {
2017-10-19 00:16:07 +02:00
display: none;
}
2017-10-09 19:30:19 +02:00
}
2017-09-27 00:12:47 +02:00
@media (max-width: 750px ) {
2017-10-04 01:26:43 +02:00
2017-10-19 00:16:07 +02:00
body, button, input, textarea, label, select, option {
font-size: medium;
}
2017-10-19 00:51:26 +02:00
.instructions-text--large, .pull-quote {
font-size: 1.5rem;
}
2017-10-04 01:26:43 +02:00
.column--med-10 {
2017-09-27 00:12:47 +02:00
width: 100%;
}
2017-10-04 01:26:43 +02:00
.h2--top {
margin-top: 1em;
}
.nav-bar {
2017-10-19 00:16:07 +02:00
height: 9rem;
}
.row--full-height {
height: calc(100% - 16rem);
2017-09-27 00:12:47 +02:00
}
2017-10-19 00:16:07 +02:00
.nav-bar-title {
2017-10-04 01:26:43 +02:00
padding-bottom: 0px;
2017-09-27 00:12:47 +02:00
}
2017-10-04 01:26:43 +02:00
.nav-bar-link-section {
position: relative;
padding-left: 0px;
2017-09-27 00:12:47 +02:00
}
2017-10-04 01:26:43 +02:00
.column--sml-10 {
2017-09-27 00:12:47 +02:00
width: 100%;
}
2017-10-04 02:35:53 +02:00
2017-10-10 03:29:40 +02:00
#publish-active-area > .row, #publish-details > .row, #channel-login-form > .row, #publish-channel-form > .row {
2017-10-04 02:35:53 +02:00
padding: 1em 0px 1em 0px;
}
2017-10-04 02:35:53 +02:00
}
2017-10-19 00:16:07 +02:00
@media (max-width: 450px) {
2017-10-04 02:35:53 +02:00
body, button, input, textarea, label, select, option {
2017-10-19 00:16:07 +02:00
font-size: small;
2017-10-04 02:35:53 +02:00
}
2017-10-19 00:51:26 +02:00
.instructions-text--large, .pull-quote {
font-size: 1rem;
}
}
@media (max-width: 360px) {
body, button, input, textarea, label, select, option {
font-size: x-small;
}
2017-10-04 01:26:43 +02:00
}