libretic
/
grav-theme-libretic
5
0
Fork 0
Code Issues Pull Requests Projects Releases Wiki Activity

mediaqueries

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%;
position: relative;
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 {
content: "";
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%;
position: relative;
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 {
content: "";