Ything-RepoMirrors/flexboxgrid
1
0
Fork 0
mirror of https://github.com/kristoferjoseph/flexboxgrid.git synced 2026-01-25 07:47:53 +00:00
Code Issues Packages Projects Releases Wiki Activity

Adding media query for mobile first

Browse Source
This commit is contained in:
kristoferjoseph
2013-12-24 10:26:38 -08:00
parent 422d56c981
commit 5a85c23a9a
3 changed files with 29 additions and 8 deletions
Download Patch File Download Diff File Expand all files Collapse all files

17
css/index.css
View File

@@ -287,6 +287,7 @@ h6 {
-moz-box-sizing: border-box;
box-sizing: border-box;
min-height: 1rem;
margin-bottom: 1rem;
padding: 1rem;
background: #007FFF;
border: 1px solid #FFF;
@@ -296,10 +297,6 @@ h6 {
color: #fff;
}
.box {
margin-bottom: 1rem;
}
.box--first {
background: #06C;
border: 0;
@@ -326,6 +323,18 @@ h6 {
font-weight: 400;
}
@media only screen and (min-width:33rem) {
.box--first,
.box--large,
.box--nested {
margin-bottom: 0rem;
}
.box {
margin-bottom: 1rem;
}
}
.grid-margin {
-webkit-box-sizing: border-box;
-moz-box-sizing: border-box;

2
css/index.min.css vendored
View File

File diff suppressed because one or more lines are too long

18
src/style.css
View File

@@ -59,6 +59,7 @@ h6 {
position: relative;
box-sizing: border-box;
min-height: 1rem;
margin-bottom: 1rem;
padding: 1rem;
background: #007FFF;
border: 1px solid #FFF;
@@ -67,9 +68,6 @@ h6 {
text-align: center;
color: white;
}
.box {
margin-bottom: 1rem;
}
.box--first {
background: #0066CC;
border: none;
@@ -90,3 +88,17 @@ h6 {
font-weight: normal;
}
@media only screen and (min-width: 33rem) {
.box--first,
.box--nested,
.box--large {
margin-bottom: 0rem;
}
.box {
margin-bottom: 1rem;
}
}