Ghost/ghost/admin/app/styles/spirit/_media-queries.css
Peter Zimon 5bfe1c2095 V3 css fixes (#1377)
* Fixed Firefox bug for input groups
* Moved from `rem` based responsive styles to `px` based
* Fixed invisible clickable menus for member/user list
* Added responsive CSS for meembers list header
* Updated member list responsive styles
* Fix list header responsive style
2019-10-21 13:09:56 +02:00

29 lines
641 B
CSS

/*
The media queries can be referenced like so:
@media (--breakpoint-not-small) {
.medium-and-larger-specific-style {
background-color: red;
}
}
@media (--breakpoint-medium) {
.medium-screen-specific-style {
background-color: red;
}
}
@media (--breakpoint-large) {
.large-and-larger-screen-specific-style {
background-color: red;
}
}
*/
/* Media Queries */
@custom-media --breakpoint-not-small screen and (min-width: 700px);
@custom-media --breakpoint-medium screen and (min-width: 700px) and (max-width: 1080px);
@custom-media --breakpoint-large screen and (min-width: 1080px);