taiga
/
taiga-front
1
0
Fork 0
Code Issues Pull Requests Releases Wiki Activity

responsive structure refactor

stable
Xavier Julián 2014-07-03 09:14:45 +02:00
parent 76fcdf0aba
commit 288d508046
4 changed files with 18 additions and 5 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

18
app/styles/dependencies/responsive.scss Normal file
View File

@ -0,0 +1,18 @@
// - Hey, there is a mixin here instead of in mixins.scss!!! Are you drunk or what?
// - I know, I know, but look it closer, it makes sense
// - Oh, I see. It's ok for this time...
$break-small: 320px;
$break-large: 1024px;
@mixin respond-to($media) {
@if $media == handhelds {
@media only screen and (max-width: $break-small) { @content; }
}
@else if $media == medium-screens {
@media only screen and (min-width: $break-small + 1) and (max-width: $break-large - 1) { @content; }
}
@else if $media == wide-screens {
@media only screen and (min-width: $break-large) { @content; }
}
}

1
app/styles/responsive/mobile.scss
View File

@ -1 +0,0 @@
// Mobile Media Query

3
app/styles/responsive/screen.scss
View File

@ -1,3 +0,0 @@
// Screen Media Query
$break-large: 1200px;

1
app/styles/responsive/tablet.scss
View File

@ -1 +0,0 @@
// Tablet Media Query