vitalif
/
react-toolbox
1
0
Fork 0
Code Issues Pull Requests Releases 12 Wiki Activity

Media queries for dialogs to set wider widths for smaller screens

old
Tyrone Tudehope 2016-05-10 09:53:35 +02:00
parent 9d4a03bb2a
commit ec84e6c3b3
1 changed files with 12 additions and 0 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

12
components/dialog/style.scss
View File

@ -23,10 +23,22 @@
.small {
width: 30vw;
@media screen and (max-width: $layout-breakpoint-sm-tablet) {
width: 50vw;
}
@media screen and (max-width: $layout-breakpoint-xs) {
width: 75vw;
}
}
.normal {
width: 50vw;
@media screen and (max-width: $layout-breakpoint-xs) {
width: 96vw;
}
}
.large {