TrizTech/ohif-viewer
17
0 Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

LT-251: Styling quick switch toolbar like the specifications in the design

Browse Source
This commit is contained in:
Bruno Alves de Faria authored and Erik Ziegler committed 2016-07-22 11:08:27 +02:00
1 parent d8181a1a5e
commit 51cb360b68
3 files changed
+92 -87
Download Patch File Download Diff File Expand all files Collapse all files

No files matched your search

Packages/design/styles/responsive.styl
+10 -7
View File
@@ -1,23 +1,26 @@
@import "./spacings"
// MIN WIDTH 1600
// MIN WIDTH 1920
generateSpacings('r', $spacer-x, $spacer-y)
@media screen and (min-width: 1440px) and (max-width: 1599px)
@media screen and (min-width: 1600px) and (max-width: 1919px)
generateSpacings('r', ($spacer-x * 0.9), ($spacer-y * 0.9))
@media screen and (min-width: 1360px) and (max-width: 1439px)
@media screen and (min-width: 1440px) and (max-width: 1599px)
generateSpacings('r', ($spacer-x * 0.8), ($spacer-y * 0.8))
@media screen and (min-width: 1280px) and (max-width: 1359px)
@media screen and (min-width: 1360px) and (max-width: 1439px)
generateSpacings('r', ($spacer-x * 0.7), ($spacer-y * 0.7))
@media screen and (min-width: 1152px) and (max-width: 1279px)
@media screen and (min-width: 1280px) and (max-width: 1359px)
generateSpacings('r', ($spacer-x * 0.6), ($spacer-y * 0.6))
@media screen and (min-width: 1024px) and (max-width: 1151px)
@media screen and (min-width: 1152px) and (max-width: 1279px)
generateSpacings('r', ($spacer-x * 0.5), ($spacer-y * 0.5))
@media screen and (max-width: 1023px)
@media screen and (min-width: 1024px) and (max-width: 1151px)
generateSpacings('r', ($spacer-x * 0.4), ($spacer-y * 0.4))
@media screen and (max-width: 1023px)
generateSpacings('r', ($spacer-x * 0.3), ($spacer-y * 0.3))