Skip to content
Browse files

Old IE fixes to #nav

  • Loading branch information...
1 parent a9f65bc commit b7183c14a657b028ba5b7a71b768073d3f8e2d8a @jonikorpi jonikorpi committed Oct 3, 2011
Showing with 10 additions and 0 deletions.
  1. +2 −0 framelessgrid.com/assets/main.css
  2. +8 −0 framelessgrid.com/assets/main.less
View
2 framelessgrid.com/assets/main.css
@@ -118,5 +118,7 @@ h1,h2,h3,p,#nav li{visibility:visible;}
#promo p,#author p{padding-left:3.5294117647058822em;}
#copyright{padding:1.411764705882353em 0 2.823529411764706em;}
.ie #masthead,.ie #introduction,.ie article section,.ie #colophon{width:32.470588235294116em;}
+.ie #nav{width:18.352941176470587em;}
.ie #nav li{display:inline;}
+.ie #nav li:first-child{margin-left:1.411764705882353em;}
@media screen and (max-width: 16.875em){body{font-size:0.9375em;} #masthead,#introduction,article section,#colophon{padding-left:0.5882352941176471em;padding-right:0.5882352941176471em;}}@media screen and (max-width: 19.9375em){body{font-size:1em;}}@media screen and (min-width: 32.5em) and (max-width: 37.4375em), screen and (min-width: 45em) and (max-width: 56.9375em), screen and (min-width: 77.5em) and (max-width: 102.4375em), screen and (min-width: 135em){body{font-size:1.125em;}}@media screen and (min-width: 102.5em) and (max-width: 117.9375em), screen and (min-width: 150em){body{font-size:1.1875em;}}@media screen and (min-width: 15em){#masthead,#introduction,article section,#colophon{width:15.529411764705882em;max-width:none;padding-left:0;padding-right:0;} #masthead h1,#masthead p,#introduction span,#follow span{display:inline;} .col3,.col4,.col21,.col22{background:#e8e8e8;}}@media screen and (min-width: 30em){#masthead,#introduction,article section,#colophon{width:24em;} #masthead h1,#masthead p,#introduction span,#follow span{display:block;} #nav{margin-left:4.235294117647059em;} #grid{height:11.294117647058824em;} .col3,.col21{background:#171717;} #build figure{height:11.294117647058824em;}}@media screen and (min-width: 37.5em){#masthead,#introduction,article section,#colophon{width:32.470588235294116em;} #masthead{text-align:left;position:relative;padding-top:2.1176470588235294em;} #masthead h1{float:left;margin-right:0.23529411764705882em;} #masthead p{width:15.529411764705882em;} #nav{position:absolute;right:0;top:0.7058823529411765em;} #introduction{padding-top:4.235294117647059em;} #introduction h1,#follow h1{font-size:1.588235294117647em;line-height:1.3333333333333333em;} #grid{height:19.764705882352942em;} .col4,.col22{background:#171717;} article h2{font-size:1.588235294117647em;line-height:1.3333333333333333em;letter-spacing:0.040740740740740744em;padding-top:2.6666666666666665em;} #build figure{height:15.529411764705882em;} #author,#promo{width:15.529411764705882em;float:left;} #author{padding:0 1.411764705882353em 0 0;} #copyright{clear:both;}}@media screen and (min-width: 57em){#masthead,#introduction,article section,#colophon{width:49.411764705882355em;} #masthead{padding-top:2.823529411764706em;} #masthead h1{font-size:2.588235294117647em;line-height:1.0909090909090908em;width:auto;letter-spacing:0.045454545454545456em;} #masthead p{position:absolute;left:16.941176470588236em;top:2.823529411764706em;width:11.294117647058824em;} #nav{top:1.411764705882353em;} #introduction h1{font-size:2.588235294117647em;line-height:1.0909090909090908em;} #grid{height:24em;} .col5,.col6,.col23,.col24{background:#171717;} #build .wrapper{position:relative;padding-left:16.941176470588236em;min-height:11.294117647058824em;} #build figure{width:15.529411764705882em;height:11.294117647058824em;margin:0;position:absolute;left:0;top:0;} #build #infinite{height:11.058823529411766em;width:15.294117647058824em;} #colophon{margin-top:4.235294117647059em;border-top:0.11764705882352941em solid #171717;padding-top:1.2941176470588236em;} #follow{float:left;width:15.529411764705882em;padding:2.1176470588235294em 1.411764705882353em 0 0;border:0;} #follow h1{font-size:1em;text-align:left;} #follow span{display:inline;} #copyright{padding-left:16.941176470588236em;}}@media screen and (min-width: 57em) and (max-width: 117.9375em){#downloads h3,#faq h3{float:left;clear:left;width:15.529411764705882em;padding-top:1.3529411764705883em;} #downloads p,#faq p{padding-left:16.941176470588236em;margin-top:1.411764705882353em;border-top:0.06470588235294118em solid #e8e8e8;padding-top:1.3529411764705883em;}}@media screen and (min-width: 118em){#masthead,article .container,#introduction,#colophon{width:108.70588235294117em;margin-left:auto;margin-right:auto;} article section{width:24em;margin-left:5.647058823529412em;float:left;} #build{width:49.411764705882355em;padding-bottom:5.647058823529412em;margin-left:0;} #masthead h1{font-size:4.235294117647059em;line-height:1em;letter-spacing:0.027777777777777776em;} #masthead p{font-size:1.588235294117647em;line-height:1.3333333333333333em;top:1.7777777777777777em;left:16em;} #introduction{position:relative;padding-top:2.823529411764706em;padding-bottom:0;} #introduction h1{font-size:1.588235294117647em;line-height:1.3333333333333333em;position:absolute;left:34.666666666666664em;top:-2.6666666666666665em;text-align:left;} article h2{padding-top:1.7777777777777777em;} #grid{height:40.94117647058823em;} .col7,.col8,.col9,.col10,.col11,.col12,.col13,.col25,.col26,.col27,.col28,.col29,.col30,.col31{background:#171717;} #colophon{clear:both;} #colophon section{padding-bottom:4.235294117647059em;} #follow{width:24em;padding-top:0;} #follow h1{font-size:1.588235294117647em;line-height:1.3333333333333333em;font-style:normal;} #promo,#author{width:24em;padding-right:5.647058823529412em;} #copyright{float:left;width:24em;clear:none;padding:0;}}
View
8 framelessgrid.com/assets/main.less
@@ -560,9 +560,17 @@ h1, h2, h3, p, #nav li {
width: @8cols;
}
+.ie #nav {
+ width: (48/@em) + @4cols;
+}
+
.ie #nav li {
display: inline;
}
+
+.ie #nav li:first-child {
+ margin-left: 24/@em;
+}
/*

0 comments on commit b7183c1

Please sign in to comment.
Something went wrong with that request. Please try again.