status-im
/
react-native
mirror of https://github.com/status-im/react-native.git
2
0
Fork 0
Code Issues Projects Releases Wiki Activity

Merge pull request #3872 from mccambridge/master 

Added media queries for Showcase page in docs
This commit is contained in:
James Ide 2015-11-04 12:27:02 -08:00
parent 05996963c9 c7b46a13f9
commit 471449b368
1 changed files with 18 additions and 2 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

20
website/src/react-native/css/react-native.css
View File

@ -1091,13 +1091,28 @@ div[data-twttr-id] iframe {
.showcase {
margin: 30px auto;
width: 25%;
width: 100%;
display: inline-block;
text-align: center;
vertical-align: top;
transition: 0.2s opacity ease-in;
}
@media only screen
and (min-device-width: 768px)
and (max-device-width: 1024px) {
.showcase {
width: 50%;
}
}
@media only screen
and (min-device-width: 1024px) {
.showcase {
width: 25%;
}
}
.showcase:hover {
text-decoration: none;
opacity: 0.8;
@ -1124,7 +1139,8 @@ div[data-twttr-id] iframe {
border-radius: 20px;
}
@media only screen and (max-device-width : 1024px) {
@media only screen
and (max-device-width: 1024px) {
#content {
display: inline;
}