mirror of
https://github.com/TryGhost/Ghost.git
synced 2024-12-25 11:55:03 +03:00
29 lines
639 B
CSS
29 lines
639 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: 44rem);
|
||
|
|
@custom-media --breakpoint-medium screen and (min-width: 44rem) and (max-width: 66rem);
|
||
|
|
@custom-media --breakpoint-large screen and (min-width: 66rem);
|