spee.ch/public/assets/css/mediaQueries.css
2017-10-03 17:35:53 -07:00

67 lines
879 B
CSS

@media (max-width: 1000px) {
.main {
float: none;
width: 100%;
margin-right: 0px;
padding-right: 0px;
border-right: 0px;
margin-bottom: 5px;
}
.sidebar {
border-top: 1px solid lightgray;
float: none;
width: 100%;
}
}
@media (max-width: 750px ) {
.column--med-10 {
width: 100%;
}
.h2--top {
margin-top: 1em;
}
}
@media (max-width: 475px) {
.nav-bar {
height: 8rem;
}
.nav-bar-title {
padding-bottom: 0px;
}
.nav-bar-link-section {
position: relative;
padding-left: 0px;
}
.row--full-height {
height: calc(100% - 11rem);
}
.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;
}
}