libretic/grav-theme-libretic
6
0
Fork 0
Code Issues Pull requests Projects Releases Wiki Activity

mediaqueries

Browse source
This commit is contained in:
Karol Orzeł 2015-01-21 14:44:36 +01:00
parent 02de9f83bd
commit e546a92ce9
3 changed files with 37 additions and 1 deletions
Show stats Download patch file Download diff file Expand all files Collapse all files

17
css-compiled/template.css
View file

@ -1100,6 +1100,23 @@ ul.pagination {
width: 33.33%; width: 33.33%;
position: relative; position: relative;
z-index: 10; } z-index: 10; }
@media only all and (min-width: 60em) and (max-width: 74.938em) {
.callout .notebook {
width: 100%;
float: none; } }
@media only all and (min-width: 48em) and (max-width: 59.938em) {
.callout .notebook {
width: 100%;
float: none; } }
@media only all and (max-width: 47.938em) {
.callout .notebook {
width: 100%;
float: none; } }
@media only all and (max-width: 30em) {
.callout .notebook {
width: 150%;
margin-left: -3.8rem;
float: none; } }
.callout .notebook .screen:before { .callout .notebook .screen:before {
content: ""; content: "";
position: absolute; position: absolute;

2
css-compiled/template.css.map
View file

File diff suppressed because one or more lines are too long

19
scss/template/modular/_text.scss
View file

@ -34,6 +34,25 @@ $image-margin: 2rem;
width: 33.33%; width: 33.33%;
position: relative; position: relative;
z-index: 10; z-index: 10;
@include breakpoint(desktop-range) {
width: 100%;
float: none;
}
@include breakpoint(tablet-range) {
width: 100%;
float: none;
}
@include breakpoint(mobile-only) {
width: 100%;
float: none;
}
@include breakpoint(small-mobile-range) {
width: 150%;
margin-left: -3.8rem;
float: none;
}
} }
.notebook .screen:before { .notebook .screen:before {
content: ""; content: "";