-
-
Save kaelig/a67988da890af7fe26e9 to your computer and use it in GitHub Desktop.
Apple's Bento Stylesheet: how not to be Sassy. Backed up from: http://store.storeimages.cdn-apple.com/3401/store.apple.com/Catalog/regional/amr/css/bento/bento.css
This file contains bidirectional Unicode text that may be interpreted or compiled differently than what appears below. To review, open the file in an editor that reveals hidden Unicode characters.
Learn more about bidirectional Unicode characters
| /* Current RS overrides */ | |
| /* line 3, ../../sass/_rs-base.scss */ | |
| body { | |
| background: #f2f2f2; | |
| } | |
| /* | |
| .box { | |
| background: #fff; | |
| color: #333; | |
| -webkit-border-radius: 4px; | |
| -moz-border-radius: 4px; | |
| border-radius: 4px; | |
| overflow: hidden; | |
| -webkit-box-shadow: -1px 0 0 0 #d2d2d2,-1px 0 0 0 #e6e6e6,1px 0 0 0 #d2d2d2,2px 0 0 0 #e6e6e6,0 -1px 0 0 #e8e8e8,0 2px 0 0 rgba(241,241,241,0.3),0 1px 0 0 #b1b1b1; | |
| -moz-box-shadow: -1px 0 0 0 #d2d2d2,-1px 0 0 0 #e6e6e6,1px 0 0 0 #d2d2d2,2px 0 0 0 #e6e6e6,0 -1px 0 0 #e8e8e8,0 2px 0 0 rgba(241,241,241,0.3),0 1px 0 0 #b1b1b1; | |
| box-shadow: -1px 0 0 0 #d2d2d2,-1px 0 0 0 #e6e6e6,1px 0 0 0 #d2d2d2,2px 0 0 0 #e6e6e6,0 -1px 0 0 #e8e8e8,0 2px 0 0 rgba(241,241,241,0.3),0 1px 0 0 #b1b1b1; | |
| -ie7-8-border: 1px solid #dedede; | |
| border: 1px solid #dedede \9; | |
| position: relative; | |
| margin-bottom: 10px; | |
| } | |
| .box .box-content { | |
| border: none; | |
| box-shadow: none; | |
| border-radius: none; | |
| } | |
| */ | |
| /* line 5, ../../sass/bento/bento.scss */ | |
| .bento { | |
| background: #fff; | |
| color: #333; | |
| -webkit-border-radius: 4px; | |
| -moz-border-radius: 4px; | |
| border-radius: 4px; | |
| overflow: hidden; | |
| -webkit-box-shadow: -1px 0 0 0 #d2d2d2, -1px 0 0 0 #e6e6e6, 1px 0 0 0 #d2d2d2, 2px 0 0 0 #e6e6e6, 0 -1px 0 0 #e8e8e8, 0 2px 0 0 rgba(241, 241, 241, 0.3), 0 1px 0 0 #b1b1b1; | |
| -moz-box-shadow: -1px 0 0 0 #d2d2d2, -1px 0 0 0 #e6e6e6, 1px 0 0 0 #d2d2d2, 2px 0 0 0 #e6e6e6, 0 -1px 0 0 #e8e8e8, 0 2px 0 0 rgba(241, 241, 241, 0.3), 0 1px 0 0 #b1b1b1; | |
| box-shadow: -1px 0 0 0 #d2d2d2, -1px 0 0 0 #e6e6e6, 1px 0 0 0 #d2d2d2, 2px 0 0 0 #e6e6e6, 0 -1px 0 0 #e8e8e8, 0 2px 0 0 rgba(241, 241, 241, 0.3), 0 1px 0 0 #b1b1b1; | |
| -ie7-8-border: 1px solid #dedede; | |
| border: 1px solid #dedede \9; | |
| position: relative; | |
| margin-bottom: 9px; | |
| } | |
| /* line 19, ../../sass/bento/bento.scss */ | |
| .bento .row { | |
| position: relative; | |
| overflow: hidden; | |
| } | |
| /* line 26, ../../sass/bento/bento.scss */ | |
| .bento .row .tiles.extra-large .info .tagline { | |
| color: #666; | |
| font-size: 16px; | |
| line-height: 1.2em; | |
| } | |
| /* line 32, ../../sass/bento/bento.scss */ | |
| .bento .row .tiles.extra-large .info .price { | |
| font-size: 14px; | |
| color: #000; | |
| } | |
| /* line 36, ../../sass/bento/bento.scss */ | |
| .bento .row .tiles.extra-large .info .installments { | |
| color: #888; | |
| display: block; | |
| font-size: 10px; | |
| font-weight: normal; | |
| } | |
| /* line 44, ../../sass/bento/bento.scss */ | |
| .bento .row .tiles.extra-large > div { | |
| min-height: 415px; | |
| position: relative; | |
| overflow: hidden; | |
| } | |
| /* line 51, ../../sass/bento/bento.scss */ | |
| .bento .row .tiles.large { | |
| float: left; | |
| width: 653px; | |
| font-size: 16px; | |
| color: #666; | |
| line-height: 1.1em; | |
| } | |
| /* line 63, ../../sass/bento/bento.scss */ | |
| .bento .row .tiles.large .info .details { | |
| font-size: 14px; | |
| color: #666; | |
| } | |
| /* line 67, ../../sass/bento/bento.scss */ | |
| .bento .row .tiles.large .info .price { | |
| font-size: 14px; | |
| color: #000; | |
| } | |
| /* line 73, ../../sass/bento/bento.scss */ | |
| .bento .row .tiles.large > div { | |
| min-height: 415px; | |
| position: relative; | |
| overflow: hidden; | |
| } | |
| /* line 80, ../../sass/bento/bento.scss */ | |
| .bento .row .tiles.medium { | |
| float: left; | |
| width: 326px; | |
| font-size: 14px; | |
| line-height: 1.3em; | |
| color: #666; | |
| } | |
| /* line 87, ../../sass/bento/bento.scss */ | |
| .bento .row .tiles.medium > div { | |
| min-height: 415px; | |
| position: relative; | |
| overflow: hidden; | |
| } | |
| /* line 93, ../../sass/bento/bento.scss */ | |
| .bento .row .tiles.medium .info { | |
| margin: 0 25px; | |
| } | |
| /* line 98, ../../sass/bento/bento.scss */ | |
| .bento .row .tiles.small { | |
| /* -webkit-tap-highlight-color: rgba(255, 255, 255, 0); */ | |
| float: left; | |
| width: 326px; | |
| } | |
| /* line 104, ../../sass/bento/bento.scss */ | |
| .bento .row .tiles.small > div { | |
| position: relative; | |
| min-height: 207px; | |
| font-size: 14px; | |
| line-height: 1.4em; | |
| letter-spacing: -.025em; | |
| color: #666; | |
| overflow: hidden; | |
| } | |
| /* line 113, ../../sass/bento/bento.scss */ | |
| .bento .row .tiles.small > div .tagline { | |
| margin-top: -3px; | |
| } | |
| /* line 117, ../../sass/bento/bento.scss */ | |
| .bento .row .tiles.small > div + div { | |
| border-top: 1px solid #dadada; | |
| overflow: visible; | |
| /* Visible for browser zooming bug. Uses .row {overflow:hidden;} */ | |
| } | |
| /* line 121, ../../sass/bento/bento.scss */ | |
| .bento .row .tiles.small > div .info { | |
| margin: 0 25px; | |
| } | |
| /* line 125, ../../sass/bento/bento.scss */ | |
| .bento .row .tiles.small > div { | |
| border-right: none; | |
| } | |
| /* line 131, ../../sass/bento/bento.scss */ | |
| .bento .row .tiles { | |
| position: relative; | |
| text-align: center; | |
| } | |
| /* line 135, ../../sass/bento/bento.scss */ | |
| .bento .row .tiles .superlink:active a.superlink.more, | |
| .bento .row .tiles .superlink:active a.superlink.link { | |
| text-decoration: underline; | |
| } | |
| /* line 140, ../../sass/bento/bento.scss */ | |
| .bento .row .tiles.large { | |
| margin: 0 -1px\9; | |
| } | |
| /* line 144, ../../sass/bento/bento.scss */ | |
| .bento .row .tiles.medium { | |
| border-right: 1px solid #dadada; | |
| } | |
| /* line 147, ../../sass/bento/bento.scss */ | |
| .bento .row .tiles.large + .tiles.medium { | |
| border-right: none; | |
| border-left: 1px solid #dadada; | |
| } | |
| /* line 153, ../../sass/bento/bento.scss */ | |
| .bento .row .tiles.small { | |
| border-right: 1px solid #dadada; | |
| } | |
| /* line 156, ../../sass/bento/bento.scss */ | |
| .bento .row .tiles.large + .tiles.small { | |
| border-right: none; | |
| border-left: 1px solid #dadada; | |
| } | |
| /* line 161, ../../sass/bento/bento.scss */ | |
| .bento .row .tiles.small + .tiles.small + .tiles.small { | |
| margin: 0 -1px\9; | |
| border-right: none; | |
| } | |
| /* line 167, ../../sass/bento/bento.scss */ | |
| .bento .button { | |
| margin-top: 15px; | |
| } | |
| /* Platter Reduction for R5 */ | |
| /* line 173, ../../sass/bento/bento.scss */ | |
| .bento { | |
| margin-left: 1px; | |
| width: 978px; | |
| z-index: 2; | |
| } | |
| /* line 178, ../../sass/bento/bento.scss */ | |
| .bento .row .tiles { | |
| z-index: 1; | |
| background-color: #fff; | |
| } | |
| /* line 183, ../../sass/bento/bento.scss */ | |
| .bento .row .tiles > div { | |
| z-index: 0; | |
| } | |
| /* line 187, ../../sass/bento/bento.scss */ | |
| .bento .row .tiles.extra-large { | |
| width: 978px; | |
| } | |
| /* line 191, ../../sass/bento/bento.scss */ | |
| .bento .row .tiles.large { | |
| width: 652px; | |
| } | |
| /* line 196, ../../sass/bento/bento.scss */ | |
| .bento .row .tiles.medium + .tiles.large, | |
| .bento .row .tiles.small + .tiles.large { | |
| width: 651px; | |
| z-index: 0; | |
| } | |
| /* line 202, ../../sass/bento/bento.scss */ | |
| .bento .row .tiles.large + .tiles.medium, | |
| .bento .row .tiles.large + .tiles.small { | |
| width: 325px; | |
| } | |
| /* line 207, ../../sass/bento/bento.scss */ | |
| .bento .row .tiles.small { | |
| background: none; | |
| } | |
| /* line 211, ../../sass/bento/bento.scss */ | |
| .bento .row .tiles.small + .tiles.small { | |
| width: 325px; | |
| } | |
| /* line 215, ../../sass/bento/bento.scss */ | |
| .bento .row .tiles.small + .tiles.small + .tiles.small { | |
| width: 325px; | |
| } | |
| /* Bento overrides for localization issues */ | |
| /* line 226, ../../sass/bento/bento.scss */ | |
| html.fr-ca .bento .row .tiles.large > div { | |
| min-height: 447px; | |
| } | |
| /* line 230, ../../sass/bento/bento.scss */ | |
| html.fr-ca .bento .row .tiles.medium > div { | |
| min-height: 447px; | |
| } | |
| /* line 234, ../../sass/bento/bento.scss */ | |
| html.fr-ca .bento .row .tiles.small > div { | |
| min-height: 223px; | |
| } | |
| /* /Platter Reduction for R5 */ | |
| /* line 1, ../../sass/bento/_ribbons.scss */ | |
| .bento { | |
| /* Platter Reduction for R5 */ | |
| /* /Platter Reduction for R5 */ | |
| } | |
| /* line 2, ../../sass/bento/_ribbons.scss */ | |
| .bento .ribbon { | |
| width: 100%; | |
| border-top: 1px solid #dadada; | |
| background: -o-linear-gradient(left, white, rgba(245, 245, 245, 0) 250px), -o-linear-gradient(right, white, rgba(245, 245, 245, 0) 250px), -o-linear-gradient(top, #e3e3e3, rgba(237, 237, 237, 0) 4px), -o-linear-gradient(top, whitesmoke, white 25px); | |
| background: -ms-linear-gradient(left, white, rgba(245, 245, 245, 0) 250px), -ms-linear-gradient(right, white, rgba(245, 245, 245, 0) 250px), -ms-linear-gradient(top, #e3e3e3, rgba(237, 237, 237, 0) 4px), -ms-linear-gradient(top, whitesmoke, white 25px); | |
| background: -moz-linear-gradient(left, white, rgba(245, 245, 245, 0) 250px), -moz-linear-gradient(right, white, rgba(245, 245, 245, 0) 250px), -moz-linear-gradient(top, #e3e3e3, rgba(237, 237, 237, 0) 4px), -moz-linear-gradient(top, whitesmoke, white 25px); | |
| background: -webkit-linear-gradient(left, white, rgba(245, 245, 245, 0) 250px), -webkit-linear-gradient(right, white, rgba(245, 245, 245, 0) 250px), -webkit-linear-gradient(top, #e3e3e3, rgba(237, 237, 237, 0) 4px), -webkit-linear-gradient(top, whitesmoke, white 25px); | |
| background: linear-gradient(left, #ffffff, rgba(245, 245, 245, 0) 250px), linear-gradient(right, #ffffff, rgba(245, 245, 245, 0) 250px), linear-gradient(top, #e3e3e3, rgba(237, 237, 237, 0) 4px), linear-gradient(top, #f5f5f5, #ffffff 25px); | |
| background-color: #fff; | |
| background-repeat: no-repeat; | |
| display: table; | |
| } | |
| /* line 30, ../../sass/bento/_ribbons.scss */ | |
| .bento .ribbon .gs { | |
| border-right: 1px solid #dadada; | |
| display: table-cell; | |
| vertical-align: top; | |
| float: none; | |
| *border: 0; | |
| *float: left; | |
| } | |
| /* line 38, ../../sass/bento/_ribbons.scss */ | |
| .bento .ribbon .gs:last-child { | |
| border-right: none; | |
| } | |
| /* line 42, ../../sass/bento/_ribbons.scss */ | |
| .bento .ribbon .gs:first-child { | |
| border-left: 0; | |
| } | |
| /* line 47, ../../sass/bento/_ribbons.scss */ | |
| .bento .ribbon .item { | |
| margin: 1px auto; | |
| text-align: center; | |
| padding: 14px 10px; | |
| } | |
| /* line 52, ../../sass/bento/_ribbons.scss */ | |
| .bento .ribbon .item img { | |
| padding-right: 3px; | |
| vertical-align: top; | |
| } | |
| /* line 57, ../../sass/bento/_ribbons.scss */ | |
| .bento .ribbon .item h3 { | |
| display: inline; | |
| font-size: 15px; | |
| letter-spacing: -1px; | |
| line-height: 1.4em; | |
| vertical-align: top; | |
| } | |
| /* line 65, ../../sass/bento/_ribbons.scss */ | |
| .bento .ribbon .item p { | |
| margin-top: 4px; | |
| font-size: 11px; | |
| line-height: 1.4em; | |
| color: #777; | |
| } | |
| /* line 73, ../../sass/bento/_ribbons.scss */ | |
| .bento .ribbon a { | |
| color: #000; | |
| } | |
| /* line 75, ../../sass/bento/_ribbons.scss */ | |
| .bento .ribbon a .more { | |
| color: #08c; | |
| } | |
| /* line 79, ../../sass/bento/_ribbons.scss */ | |
| .bento .ribbon a.link { | |
| color: #08c; | |
| } | |
| /* line 82, ../../sass/bento/_ribbons.scss */ | |
| .bento .ribbon .superlink:hover a { | |
| color: #08c; | |
| text-decoration: none; | |
| } | |
| /* line 88, ../../sass/bento/_ribbons.scss */ | |
| .bento .grid-1of1 { | |
| width: 100%; | |
| } | |
| /* line 91, ../../sass/bento/_ribbons.scss */ | |
| .bento .grid-1of1 .item { | |
| padding: 18px 10px 20px; | |
| } | |
| /* line 93, ../../sass/bento/_ribbons.scss */ | |
| .bento .grid-1of1 .item p { | |
| margin-top: 2px; | |
| } | |
| /* line 97, ../../sass/bento/_ribbons.scss */ | |
| .bento .grid-1of1 .item.large { | |
| padding: 14px 10px 10px; | |
| } | |
| /* line 99, ../../sass/bento/_ribbons.scss */ | |
| .bento .grid-1of1 .item.large img { | |
| margin-top: -4px; | |
| } | |
| /* line 102, ../../sass/bento/_ribbons.scss */ | |
| .bento .grid-1of1 .item.large p { | |
| margin-top: 4px; | |
| display: inline; | |
| font-size: 15px; | |
| letter-spacing: -1px; | |
| line-height: 1.4em; | |
| vertical-align: top; | |
| letter-spacing: normal; | |
| } | |
| /* line 111, ../../sass/bento/_ribbons.scss */ | |
| .bento .grid-1of1 .item.large a.more { | |
| color: #08c; | |
| } | |
| /* line 114, ../../sass/bento/_ribbons.scss */ | |
| .bento .grid-1of1 .item.large.superlink:hover a { | |
| text-decoration: underline; | |
| } | |
| /* line 119, ../../sass/bento/_ribbons.scss */ | |
| .bento .grid-1of2 .item { | |
| padding: 18px 10px 20px; | |
| } | |
| /* line 121, ../../sass/bento/_ribbons.scss */ | |
| .bento .grid-1of2 .item p { | |
| margin-top: 2px; | |
| } | |
| /* line 126, ../../sass/bento/_ribbons.scss */ | |
| .bento .grid-1of3 { | |
| width: 326px; | |
| } | |
| /* line 129, ../../sass/bento/_ribbons.scss */ | |
| .bento .grid-1of3 + .grid-1of3 { | |
| width: 326px; | |
| } | |
| /* line 133, ../../sass/bento/_ribbons.scss */ | |
| .bento .grid-1of3 + .grid-1of3 + .grid-1of3 { | |
| width: 320px; | |
| } | |
| /* line 138, ../../sass/bento/_ribbons.scss */ | |
| .bento .grid-1of3 + .grid-1of3 { | |
| width: 325px; | |
| } | |
| /* line 146, ../../sass/bento/_ribbons.scss */ | |
| .home .ribbon { | |
| padding: 0; | |
| } | |
| /* line 245, ../../sass/bento/bento.scss */ | |
| .bento .row .tiles { | |
| /* --------- Small ---------- */ | |
| /* --------- Medium ---------- */ | |
| /* --------- Large ---------- */ | |
| /* iMac */ | |
| /* MacBook Pro with Retina display */ | |
| /* MacBook Pro with Retina display - EDU */ | |
| /* MacBook Air - EDU */ | |
| /* ---------- Extra Large ---------- */ | |
| /* iMac */ | |
| /* iMac SMB */ | |
| /* MacBook Pro with Retina display */ | |
| /* -- iPad Small Tiles -- */ | |
| /* -- iPad Medium Tiles -- */ | |
| /* -- iPad Large Tiles -- */ | |
| /* -- iPad Extra Large Tiles -- */ | |
| /* -- Medium Tiles -- */ | |
| /* Default Small Tiles */ | |
| } | |
| /* line 4, ../../sass/bento/_mac.scss */ | |
| .bento .row .tiles .edu-price-m-edu-2013 { | |
| overflow: hidden; | |
| } | |
| /* line 6, ../../sass/bento/_mac.scss */ | |
| .bento .row .tiles .edu-price-m-edu-2013 .info { | |
| padding: 20px 0 10px; | |
| } | |
| /* line 10, ../../sass/bento/_mac.scss */ | |
| .bento .row .tiles .edu-price-m-edu-2013 .hero { | |
| position: relative; | |
| margin-bottom: -10px; | |
| } | |
| /* line 23, ../../sass/bento/_mac.scss */ | |
| .bento .row .tiles .imac-l-20130410 .info { | |
| position: relative; | |
| float: left; | |
| padding: 95px 0 15px 22px; | |
| width: 420px; | |
| } | |
| /* line 29, ../../sass/bento/_mac.scss */ | |
| .bento .row .tiles .imac-l-20130410 .info .tagline { | |
| padding-top: 13px; | |
| } | |
| /* line 33, ../../sass/bento/_mac.scss */ | |
| .bento .row .tiles .imac-l-20130410 .info .price { | |
| padding: 21px 0 7px 0; | |
| } | |
| /* line 39, ../../sass/bento/_mac.scss */ | |
| .bento .row .tiles .imac-l-20130410 .hero { | |
| position: absolute; | |
| bottom: 5px; | |
| right: 25px; | |
| } | |
| /* line 49, ../../sass/bento/_mac.scss */ | |
| .bento .row .tiles .macbookpro-retina-l-20130410 .info { | |
| float: right; | |
| padding: 72px 20px 100px 0; | |
| width: 395px; | |
| } | |
| /* line 54, ../../sass/bento/_mac.scss */ | |
| .bento .row .tiles .macbookpro-retina-l-20130410 .info .tagline { | |
| padding-top: 12px; | |
| font-size: 18px; | |
| } | |
| /* line 59, ../../sass/bento/_mac.scss */ | |
| .bento .row .tiles .macbookpro-retina-l-20130410 .info .details { | |
| padding-top: 15px; | |
| } | |
| /* line 64, ../../sass/bento/_mac.scss */ | |
| .bento .row .tiles .macbookpro-retina-l-20130410 .hero { | |
| position: absolute; | |
| left: 48px; | |
| bottom: 14px; | |
| } | |
| /* line 74, ../../sass/bento/_mac.scss */ | |
| .bento .row .tiles .macbookpro-retina-l-edu-20130417 .info { | |
| float: right; | |
| padding: 54px 25px 100px 0; | |
| width: 280px; | |
| } | |
| /* line 79, ../../sass/bento/_mac.scss */ | |
| .bento .row .tiles .macbookpro-retina-l-edu-20130417 .info .details { | |
| font-size: 16px; | |
| line-height: 1.438em; | |
| padding: 10px 0 15px; | |
| } | |
| /* line 86, ../../sass/bento/_mac.scss */ | |
| .bento .row .tiles .macbookpro-retina-l-edu-20130417 .hero { | |
| position: absolute; | |
| left: -60px; | |
| bottom: 40px; | |
| } | |
| /* line 96, ../../sass/bento/_mac.scss */ | |
| .bento .row .tiles .imac-macbookair-l-edu-2013 .info { | |
| float: left; | |
| padding: 80px 0 0 20px; | |
| width: 250px; | |
| } | |
| /* line 101, ../../sass/bento/_mac.scss */ | |
| .bento .row .tiles .imac-macbookair-l-edu-2013 .info .tagline { | |
| font-size: 14px; | |
| padding-top: 10px; | |
| } | |
| /* line 107, ../../sass/bento/_mac.scss */ | |
| .bento .row .tiles .imac-macbookair-l-edu-2013 .hero { | |
| position: absolute; | |
| top: 65px; | |
| right: 0; | |
| } | |
| /* line 122, ../../sass/bento/_mac.scss */ | |
| .bento .row .tiles .imac-xl-2013 .info { | |
| position: relative; | |
| float: left; | |
| padding: 90px 0 50px 120px; | |
| width: 500px; | |
| } | |
| /* line 128, ../../sass/bento/_mac.scss */ | |
| .bento .row .tiles .imac-xl-2013 .info .tagline { | |
| padding: 21px; | |
| } | |
| /* line 130, ../../sass/bento/_mac.scss */ | |
| .bento .row .tiles .imac-xl-2013 .info .tagline + p { | |
| margin-top: 25px; | |
| } | |
| /* line 134, ../../sass/bento/_mac.scss */ | |
| .bento .row .tiles .imac-xl-2013 .info .price { | |
| padding: 0; | |
| } | |
| /* line 139, ../../sass/bento/_mac.scss */ | |
| .bento .row .tiles .imac-xl-2013 .hero { | |
| position: absolute; | |
| top: 30px; | |
| right: 130px; | |
| } | |
| /* line 149, ../../sass/bento/_mac.scss */ | |
| .bento .row .tiles .imac-xl-smb-2013 .info { | |
| position: relative; | |
| float: left; | |
| padding: 80px 0 50px 90px; | |
| width: 360px; | |
| } | |
| /* line 155, ../../sass/bento/_mac.scss */ | |
| .bento .row .tiles .imac-xl-smb-2013 .info .tagline { | |
| font-size: 16px; | |
| line-height: 1.500em; | |
| } | |
| /* line 159, ../../sass/bento/_mac.scss */ | |
| .bento .row .tiles .imac-xl-smb-2013 .info .price { | |
| padding-top: 20px; | |
| } | |
| /* line 164, ../../sass/bento/_mac.scss */ | |
| .bento .row .tiles .imac-xl-smb-2013 .hero { | |
| position: absolute; | |
| bottom: 14px; | |
| right: 80px; | |
| } | |
| /* line 175, ../../sass/bento/_mac.scss */ | |
| .bento .row .tiles .macbookpro-retina-xl-20130411 .info { | |
| position: relative; | |
| float: right; | |
| padding: 47px 87px 55px 0; | |
| width: 475px; | |
| } | |
| /* line 181, ../../sass/bento/_mac.scss */ | |
| .bento .row .tiles .macbookpro-retina-xl-20130411 .info .tagline { | |
| padding-top: 2px; | |
| } | |
| /* line 185, ../../sass/bento/_mac.scss */ | |
| .bento .row .tiles .macbookpro-retina-xl-20130411 .info .installments { | |
| margin-top: 10px; | |
| font-size: 12px; | |
| } | |
| /* line 190, ../../sass/bento/_mac.scss */ | |
| .bento .row .tiles .macbookpro-retina-xl-20130411 .info .extra { | |
| position: relative; | |
| border-top: 1px solid #dadada; | |
| padding: 28px 10px 0 10px; | |
| margin: 24px 0 0 0; | |
| font-size: 13px; | |
| line-height: 1.4em; | |
| color: #333; | |
| text-align: left; | |
| } | |
| /* line 200, ../../sass/bento/_mac.scss */ | |
| .bento .row .tiles .macbookpro-retina-xl-20130411 .info .extra .fade-left { | |
| position: absolute; | |
| top: -1px; | |
| left: 0; | |
| width: 20px; | |
| height: 1px; | |
| background: -moz-linear-gradient(left, white 0%, #dadada 100%); | |
| /* FF3.6+ */ | |
| background: -webkit-gradient(linear, left top, right top, color-stop(0%, white), color-stop(100%, #dadada)); | |
| /* Chrome,Safari4+ */ | |
| background: -webkit-linear-gradient(left, white 0%, #dadada 100%); | |
| /* Chrome10+,Safari5.1+ */ | |
| background: -o-linear-gradient(left, white 0%, #dadada 100%); | |
| /* Opera 11.10+ */ | |
| background: -ms-linear-gradient(left, white 0%, #dadada 100%); | |
| /* IE10+ */ | |
| background: linear-gradient(to right, #ffffff 0%, #dadada 100%); | |
| /* W3C */ | |
| filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#ffffff', endColorstr='#dadada',GradientType=1 ); | |
| /* IE6-9 */ | |
| } | |
| /* line 215, ../../sass/bento/_mac.scss */ | |
| .bento .row .tiles .macbookpro-retina-xl-20130411 .info .extra .fade-right { | |
| position: absolute; | |
| top: -1px; | |
| right: 0; | |
| width: 20px; | |
| height: 1px; | |
| background: #dadada; | |
| /* Old browsers */ | |
| background: -moz-linear-gradient(left, #dadada 0%, white 100%); | |
| /* FF3.6+ */ | |
| background: -webkit-gradient(linear, left top, right top, color-stop(0%, #dadada), color-stop(100%, white)); | |
| /* Chrome,Safari4+ */ | |
| background: -webkit-linear-gradient(left, #dadada 0%, white 100%); | |
| /* Chrome10+,Safari5.1+ */ | |
| background: -o-linear-gradient(left, #dadada 0%, white 100%); | |
| /* Opera 11.10+ */ | |
| background: -ms-linear-gradient(left, #dadada 0%, white 100%); | |
| /* IE10+ */ | |
| background: linear-gradient(to right, #dadada 0%, #ffffff 100%); | |
| /* W3C */ | |
| filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#dadada', endColorstr='#ffffff',GradientType=1 ); | |
| /* IE6-9 */ | |
| } | |
| /* line 231, ../../sass/bento/_mac.scss */ | |
| .bento .row .tiles .macbookpro-retina-xl-20130411 .info .extra .ctochips { | |
| float: left; | |
| } | |
| /* line 235, ../../sass/bento/_mac.scss */ | |
| .bento .row .tiles .macbookpro-retina-xl-20130411 .info .extra .details { | |
| margin: 5px 0 0 142px; | |
| } | |
| /* line 241, ../../sass/bento/_mac.scss */ | |
| .bento .row .tiles .macbookpro-retina-xl-20130411 .hero { | |
| position: absolute; | |
| bottom: 8px; | |
| left: -20px; | |
| } | |
| /* line 249, ../../sass/bento/_mac.scss */ | |
| .bento .row .tiles .macbookpro-retina-xl-20130411.geo-alt .info { | |
| padding-top: 100px; | |
| } | |
| /* line 255, ../../sass/bento/_mac.scss */ | |
| .bento .row .tiles .imac-20130411 .info { | |
| position: relative; | |
| top: 47px; | |
| right: 88px; | |
| width: 465px; | |
| } | |
| /* line 261, ../../sass/bento/_mac.scss */ | |
| .bento .row .tiles .imac-20130411 .info .tagline { | |
| padding: 10px 0; | |
| } | |
| /* line 3, ../../sass/bento/_ipad.scss */ | |
| .bento .row .tiles .ipad-engraving-s-2013 .info { | |
| padding: 20px 0 120px; | |
| } | |
| /* line 6, ../../sass/bento/_ipad.scss */ | |
| .bento .row .tiles .ipad-engraving-s-2013 .hero { | |
| position: absolute; | |
| bottom: -2px; | |
| left: 66px; | |
| } | |
| /* line 15, ../../sass/bento/_ipad.scss */ | |
| .bento .row .tiles .ipad-covers-m-2013 .info { | |
| padding: 38px 0 65px; | |
| } | |
| /* line 17, ../../sass/bento/_ipad.scss */ | |
| .bento .row .tiles .ipad-covers-m-2013 .info .tagline { | |
| line-height: 1.3em; | |
| margin-bottom: 6px; | |
| } | |
| /* line 25, ../../sass/bento/_ipad.scss */ | |
| .bento .row .tiles .ipad-engraving-m-2013 .info { | |
| padding: 29px 0 260px; | |
| } | |
| /* line 28, ../../sass/bento/_ipad.scss */ | |
| .bento .row .tiles .ipad-engraving-m-2013 .info .tagline { | |
| margin-top: -2px; | |
| line-height: 1.4em; | |
| } | |
| /* line 34, ../../sass/bento/_ipad.scss */ | |
| .bento .row .tiles .ipad-engraving-m-2013 .hero { | |
| position: absolute; | |
| bottom: -23px; | |
| left: 25px; | |
| } | |
| /* line 44, ../../sass/bento/_ipad.scss */ | |
| .bento .row .tiles .ipad-l-20130410 .info { | |
| position: relative; | |
| float: right; | |
| padding: 115px 20px 50px 0; | |
| width: 275px; | |
| } | |
| /* line 50, ../../sass/bento/_ipad.scss */ | |
| .bento .row .tiles .ipad-l-20130410 .info .tagline { | |
| padding-top: 13px; | |
| } | |
| /* line 54, ../../sass/bento/_ipad.scss */ | |
| .bento .row .tiles .ipad-l-20130410 .info .price { | |
| padding-top: 16px; | |
| } | |
| /* line 56, ../../sass/bento/_ipad.scss */ | |
| .bento .row .tiles .ipad-l-20130410 .info .price + .price { | |
| padding: 0; | |
| } | |
| /* line 62, ../../sass/bento/_ipad.scss */ | |
| .bento .row .tiles .ipad-l-20130410 .hero { | |
| position: absolute; | |
| top: 30px; | |
| left: 45px; | |
| } | |
| /* line 71, ../../sass/bento/_ipad.scss */ | |
| .bento .row .tiles .ipad-retina-l-2013 .info { | |
| float: right; | |
| width: 340px; | |
| padding: 27px 26px 210px; | |
| } | |
| /* line 75, ../../sass/bento/_ipad.scss */ | |
| .bento .row .tiles .ipad-retina-l-2013 .info .tagline { | |
| padding-top: 10px; | |
| } | |
| /* line 79, ../../sass/bento/_ipad.scss */ | |
| .bento .row .tiles .ipad-retina-l-2013 .hero { | |
| position: absolute; | |
| left: -4px; | |
| bottom: -74px; | |
| } | |
| /* line 86, ../../sass/bento/_ipad.scss */ | |
| .bento .row .tiles .ipad-retina-l-2013.geo .info { | |
| width: 230px; | |
| padding: 80px 20px 0; | |
| } | |
| /* line 89, ../../sass/bento/_ipad.scss */ | |
| .bento .row .tiles .ipad-retina-l-2013.geo .info .tagline { | |
| padding-top: 0; | |
| line-height: 1.3em; | |
| color: #666; | |
| } | |
| /* line 94, ../../sass/bento/_ipad.scss */ | |
| .bento .row .tiles .ipad-retina-l-2013.geo .info .details { | |
| font-size: 12px; | |
| padding: 9px 0; | |
| line-height: 1.3em; | |
| } | |
| /* line 100, ../../sass/bento/_ipad.scss */ | |
| .bento .row .tiles .ipad-retina-l-2013.geo .hero { | |
| left: -148px; | |
| bottom: 1px; | |
| } | |
| /* line 107, ../../sass/bento/_ipad.scss */ | |
| .bento .row .tiles .ipads-l-2013 .ipads-1of2 { | |
| float: left; | |
| width: 325px; | |
| min-height: 415px; | |
| } | |
| /* line 111, ../../sass/bento/_ipad.scss */ | |
| .bento .row .tiles .ipads-l-2013 .ipads-1of2 .hero { | |
| position: absolute; | |
| top: 80px; | |
| left: 185px; | |
| } | |
| /* line 116, ../../sass/bento/_ipad.scss */ | |
| .bento .row .tiles .ipads-l-2013 .ipads-1of2 .info { | |
| float: left; | |
| width: 156px; | |
| padding: 170px 0 20px; | |
| margin: 0 15px; | |
| } | |
| /* line 123, ../../sass/bento/_ipad.scss */ | |
| .bento .row .tiles .ipads-l-2013 .ipads-2of2 { | |
| float: right; | |
| width: 325px; | |
| min-height: 415px; | |
| } | |
| /* line 127, ../../sass/bento/_ipad.scss */ | |
| .bento .row .tiles .ipads-l-2013 .ipads-2of2 .hero { | |
| position: absolute; | |
| top: 14px; | |
| left: 300px; | |
| } | |
| /* line 132, ../../sass/bento/_ipad.scss */ | |
| .bento .row .tiles .ipads-l-2013 .ipads-2of2 .info { | |
| float: right; | |
| width: 126px; | |
| padding: 158px 0 20px; | |
| margin: 0 15px; | |
| } | |
| /* line 142, ../../sass/bento/_ipad.scss */ | |
| .bento .row .tiles .ipads-l-edu-2013 .info { | |
| float: left; | |
| padding: 100px 0 0 25px; | |
| width: 200px; | |
| } | |
| /* line 146, ../../sass/bento/_ipad.scss */ | |
| .bento .row .tiles .ipads-l-edu-2013 .info .tagline { | |
| line-height: 1.4em; | |
| } | |
| /* line 150, ../../sass/bento/_ipad.scss */ | |
| .bento .row .tiles .ipads-l-edu-2013 .hero { | |
| position: absolute; | |
| top: 70px; | |
| right: 52px; | |
| } | |
| /* line 160, ../../sass/bento/_ipad.scss */ | |
| .bento .row .tiles .ipad-retina-l-edu-2013 .info { | |
| float: left; | |
| padding: 30px 25px 225px; | |
| min-width: 218px; | |
| max-width: 260px; | |
| } | |
| /* line 165, ../../sass/bento/_ipad.scss */ | |
| .bento .row .tiles .ipad-retina-l-edu-2013 .info .tagline { | |
| padding-top: 6px; | |
| } | |
| /* line 169, ../../sass/bento/_ipad.scss */ | |
| .bento .row .tiles .ipad-retina-l-edu-2013 .hero { | |
| position: absolute; | |
| right: 0; | |
| bottom: 13px; | |
| } | |
| /* line 177, ../../sass/bento/_ipad.scss */ | |
| .bento .row .tiles .ipad-retina-l-edu-geo-2013 .info { | |
| width: 175px; | |
| float: left; | |
| padding: 30px 25px 200px; | |
| } | |
| /* line 181, ../../sass/bento/_ipad.scss */ | |
| .bento .row .tiles .ipad-retina-l-edu-geo-2013 .info .tagline { | |
| padding-top: 6px; | |
| } | |
| /* line 185, ../../sass/bento/_ipad.scss */ | |
| .bento .row .tiles .ipad-retina-l-edu-geo-2013 .hero { | |
| position: absolute; | |
| right: 0; | |
| bottom: 10px; | |
| } | |
| /* line 194, ../../sass/bento/_ipad.scss */ | |
| .bento .row .tiles .ipad-l-smb-2013 .info { | |
| padding: 30px 0 220px; | |
| } | |
| /* line 196, ../../sass/bento/_ipad.scss */ | |
| .bento .row .tiles .ipad-l-smb-2013 .info .tagline { | |
| padding-top: 6px; | |
| } | |
| /* line 200, ../../sass/bento/_ipad.scss */ | |
| .bento .row .tiles .ipad-l-smb-2013 .hero { | |
| position: absolute; | |
| left: 0; | |
| bottom: 0; | |
| } | |
| /* line 207, ../../sass/bento/_ipad.scss */ | |
| .bento .row .tiles .ipad-seminars-l-smb-2013 .info { | |
| padding: 28px 0 270px; | |
| font-size: 16px; | |
| width: 601px; | |
| margin: 0 auto; | |
| } | |
| /* line 212, ../../sass/bento/_ipad.scss */ | |
| .bento .row .tiles .ipad-seminars-l-smb-2013 .info .tagline { | |
| padding: 6px 0 7px; | |
| } | |
| /* line 216, ../../sass/bento/_ipad.scss */ | |
| .bento .row .tiles .ipad-seminars-l-smb-2013 .hero { | |
| position: absolute; | |
| bottom: 14px; | |
| left: 0; | |
| } | |
| /* line 225, ../../sass/bento/_ipad.scss */ | |
| .bento .row .tiles .ipad-xl-2013 .info { | |
| float: left; | |
| padding: 150px 156px 0; | |
| } | |
| /* line 228, ../../sass/bento/_ipad.scss */ | |
| .bento .row .tiles .ipad-xl-2013 .info .tagline { | |
| padding: 15px 0 19px; | |
| } | |
| /* line 231, ../../sass/bento/_ipad.scss */ | |
| .bento .row .tiles .ipad-xl-2013 .info .more { | |
| font-size: 16px; | |
| } | |
| /* line 235, ../../sass/bento/_ipad.scss */ | |
| .bento .row .tiles .ipad-xl-2013 .hero { | |
| position: absolute; | |
| top: 0; | |
| right: 120px; | |
| } | |
| /* line 243, ../../sass/bento/_ipad.scss */ | |
| .bento .row .tiles .ipad-xl-br-2013 .info { | |
| padding: 30px 0 0 0; | |
| } | |
| /* line 245, ../../sass/bento/_ipad.scss */ | |
| .bento .row .tiles .ipad-xl-br-2013 .info .tagline { | |
| padding-top: 5px; | |
| font-size: 16px; | |
| } | |
| /* line 250, ../../sass/bento/_ipad.scss */ | |
| .bento .row .tiles .ipad-xl-br-2013 .hero { | |
| position: absolute; | |
| bottom: 0; | |
| left: 0; | |
| } | |
| /* line 258, ../../sass/bento/_ipad.scss */ | |
| .bento .row .tiles .ipad2-xl-2013 .info { | |
| position: relative; | |
| z-index: 2; | |
| padding: 45px 0 0 0; | |
| } | |
| /* line 262, ../../sass/bento/_ipad.scss */ | |
| .bento .row .tiles .ipad2-xl-2013 .info .tagline { | |
| padding-top: 5px; | |
| font-size: 16px; | |
| } | |
| /* line 267, ../../sass/bento/_ipad.scss */ | |
| .bento .row .tiles .ipad2-xl-2013 .hero { | |
| position: absolute; | |
| bottom: 0; | |
| left: 0; | |
| z-index: 1; | |
| } | |
| /* line 276, ../../sass/bento/_ipad.scss */ | |
| .bento .row .tiles .ipads-xl-2013 .ipads-1of2 { | |
| float: left; | |
| width: 475px; | |
| min-height: 415px; | |
| } | |
| /* line 280, ../../sass/bento/_ipad.scss */ | |
| .bento .row .tiles .ipads-xl-2013 .ipads-1of2 .hero { | |
| position: absolute; | |
| top: 86px; | |
| left: 335px; | |
| } | |
| /* line 285, ../../sass/bento/_ipad.scss */ | |
| .bento .row .tiles .ipads-xl-2013 .ipads-1of2 .info { | |
| float: left; | |
| width: 265px; | |
| padding: 142px 0 20px; | |
| margin: 0 35px; | |
| } | |
| /* line 290, ../../sass/bento/_ipad.scss */ | |
| .bento .row .tiles .ipads-xl-2013 .ipads-1of2 .info .tagline { | |
| color: #666; | |
| font-size: 14px; | |
| line-height: 1.45em; | |
| padding: 5px 0 9px; | |
| } | |
| /* line 296, ../../sass/bento/_ipad.scss */ | |
| .bento .row .tiles .ipads-xl-2013 .ipads-1of2 .info a.more { | |
| font-size: 14px; | |
| } | |
| /* line 299, ../../sass/bento/_ipad.scss */ | |
| .bento .row .tiles .ipads-xl-2013 .ipads-1of2 .info .installments { | |
| font-size: 12px; | |
| margin-top: 5px; | |
| } | |
| /* line 305, ../../sass/bento/_ipad.scss */ | |
| .bento .row .tiles .ipads-xl-2013 .ipads-2of2 { | |
| float: right; | |
| width: 503px; | |
| min-height: 415px; | |
| } | |
| /* line 309, ../../sass/bento/_ipad.scss */ | |
| .bento .row .tiles .ipads-xl-2013 .ipads-2of2 .hero { | |
| position: absolute; | |
| top: 20px; | |
| left: 450px; | |
| } | |
| /* line 314, ../../sass/bento/_ipad.scss */ | |
| .bento .row .tiles .ipads-xl-2013 .ipads-2of2 .info { | |
| float: right; | |
| width: 265px; | |
| padding: 130px 0 20px; | |
| margin: 0 35px; | |
| } | |
| /* line 319, ../../sass/bento/_ipad.scss */ | |
| .bento .row .tiles .ipads-xl-2013 .ipads-2of2 .info .tagline { | |
| color: #666; | |
| font-size: 14px; | |
| line-height: 1.45em; | |
| padding: 2px 0 9px; | |
| } | |
| /* line 325, ../../sass/bento/_ipad.scss */ | |
| .bento .row .tiles .ipads-xl-2013 .ipads-2of2 .info a.more { | |
| font-size: 14px; | |
| } | |
| /* line 328, ../../sass/bento/_ipad.scss */ | |
| .bento .row .tiles .ipads-xl-2013 .ipads-2of2 .info .installments { | |
| font-size: 12px; | |
| margin-top: 5px; | |
| } | |
| /* line 337, ../../sass/bento/_ipad.scss */ | |
| .bento .row .tiles .ipad-retina-xl-smb-2013 .info { | |
| padding: 30px 0 8px; | |
| } | |
| /* line 339, ../../sass/bento/_ipad.scss */ | |
| .bento .row .tiles .ipad-retina-xl-smb-2013 .info .tagline { | |
| padding-top: 7px; | |
| font-size: 16px; | |
| } | |
| /* line 344, ../../sass/bento/_ipad.scss */ | |
| .bento .row .tiles .ipad-retina-xl-smb-2013 .hero { | |
| position: relative; | |
| } | |
| /* line 351, ../../sass/bento/_ipad.scss */ | |
| .bento .row .tiles .ipad-engraving-l-2013 .info { | |
| padding: 32px 0 275px; | |
| } | |
| /* line 354, ../../sass/bento/_ipad.scss */ | |
| .bento .row .tiles .ipad-engraving-l-2013 .info .tagline { | |
| font-size: 16px; | |
| line-height: 1.35em; | |
| padding-bottom: 4px; | |
| } | |
| /* line 361, ../../sass/bento/_ipad.scss */ | |
| .bento .row .tiles .ipad-engraving-l-2013 .hero { | |
| position: absolute; | |
| bottom: 0; | |
| left: 117px; | |
| } | |
| /* line 13, ../../sass/bento/_iphone.scss */ | |
| .bento .row .tiles .iphone5-l-20130411 .info { | |
| padding: 55px 0 43px; | |
| } | |
| /* line 16, ../../sass/bento/_iphone.scss */ | |
| .bento .row .tiles .iphone5-l-20130411 .info .subtitle { | |
| padding-top: 15px; | |
| } | |
| /* line 21, ../../sass/bento/_iphone.scss */ | |
| .bento .row .tiles .iphone5-l-20130411 .disclaimer { | |
| text-align: left; | |
| font-size: 11px; | |
| padding: 9px 15px; | |
| } | |
| /* line 28, ../../sass/bento/_iphone.scss */ | |
| .bento .row .tiles .iphone5-l-20130411.geo .info { | |
| padding-bottom: 20px; | |
| } | |
| /* line 31, ../../sass/bento/_iphone.scss */ | |
| .bento .row .tiles .iphone5-l-20130411.geo .installments { | |
| font-size: 12px; | |
| margin-top: 10px; | |
| } | |
| /* line 46, ../../sass/bento/_iphone.scss */ | |
| .bento .row .tiles .iphone5-xl-2013 .info { | |
| padding: 35px 0 18px; | |
| } | |
| /* line 49, ../../sass/bento/_iphone.scss */ | |
| .bento .row .tiles .iphone5-xl-2013 .info .tagline { | |
| color: #888; | |
| padding-top: 7px; | |
| line-height: 1.35em; | |
| font-size: 19px; | |
| } | |
| /* line 56, ../../sass/bento/_iphone.scss */ | |
| .bento .row .tiles .iphone5-xl-2013 .info .button { | |
| margin-top: 2px; | |
| } | |
| /* line 60, ../../sass/bento/_iphone.scss */ | |
| .bento .row .tiles .iphone5-xl-2013 .info .details { | |
| font-size: 14px; | |
| padding-top: 8px; | |
| margin-bottom: 10px; | |
| } | |
| /* line 65, ../../sass/bento/_iphone.scss */ | |
| .bento .row .tiles .iphone5-xl-2013 .info .details a { | |
| margin: 0 10px; | |
| } | |
| /* line 71, ../../sass/bento/_iphone.scss */ | |
| .bento .row .tiles .iphone5-xl-2013 .info .installments { | |
| font-size: 12px; | |
| margin-top: 10px; | |
| } | |
| /* line 77, ../../sass/bento/_iphone.scss */ | |
| .bento .row .tiles .iphone5-xl-2013 .carriers { | |
| position: relative; | |
| left: 1px; | |
| margin-top: -27px; | |
| } | |
| /* line 82, ../../sass/bento/_iphone.scss */ | |
| .bento .row .tiles .iphone5-xl-2013 .disclaimer { | |
| position: relative; | |
| width: 250px; | |
| padding: 0 18px 0; | |
| margin-top: -21px; | |
| font-size: 11px; | |
| color: #666; | |
| text-align: left; | |
| } | |
| /* line 95, ../../sass/bento/_iphone.scss */ | |
| .bento .row .tiles .iphone5-xl-2013.geo .info { | |
| padding: 54px 0 45px; | |
| } | |
| /* line 97, ../../sass/bento/_iphone.scss */ | |
| .bento .row .tiles .iphone5-xl-2013.geo .info .tagline { | |
| padding-top: 9px; | |
| } | |
| /* line 105, ../../sass/bento/_iphone.scss */ | |
| .bento .row .tiles .iphone5-xl-2013.geo-carriers .info { | |
| padding: 31px 0 10px; | |
| } | |
| /* line 107, ../../sass/bento/_iphone.scss */ | |
| .bento .row .tiles .iphone5-xl-2013.geo-carriers .info .tagline { | |
| padding-top: 14px; | |
| } | |
| /* line 110, ../../sass/bento/_iphone.scss */ | |
| .bento .row .tiles .iphone5-xl-2013.geo-carriers .info .details { | |
| color: #999; | |
| padding: 10px 0 11px; | |
| font-size: 16px; | |
| } | |
| /* line 115, ../../sass/bento/_iphone.scss */ | |
| .bento .row .tiles .iphone5-xl-2013.geo-carriers .info .carriers { | |
| margin: 0 0 2px; | |
| } | |
| /* line 122, ../../sass/bento/_iphone.scss */ | |
| .bento .row .tiles .iphone4s-xl-2013 { | |
| position: relative; | |
| } | |
| /* line 124, ../../sass/bento/_iphone.scss */ | |
| .bento .row .tiles .iphone4s-xl-2013 .hero { | |
| position: absolute; | |
| top: 26px; | |
| left: 118px; | |
| } | |
| /* line 129, ../../sass/bento/_iphone.scss */ | |
| .bento .row .tiles .iphone4s-xl-2013 .info { | |
| float: right; | |
| width: 500px; | |
| padding: 89px 0 20px; | |
| margin-right: 60px; | |
| text-align: center; | |
| } | |
| /* line 135, ../../sass/bento/_iphone.scss */ | |
| .bento .row .tiles .iphone4s-xl-2013 .info .tagline { | |
| font-size: 20px; | |
| line-height: 1.4em; | |
| color: #222; | |
| margin-top: 8px; | |
| } | |
| /* line 140, ../../sass/bento/_iphone.scss */ | |
| .bento .row .tiles .iphone4s-xl-2013 .info .tagline + p { | |
| margin-top: 20px; | |
| } | |
| /* line 144, ../../sass/bento/_iphone.scss */ | |
| .bento .row .tiles .iphone4s-xl-2013 .info .price { | |
| font-size: 15px; | |
| color: #222; | |
| } | |
| /* line 148, ../../sass/bento/_iphone.scss */ | |
| .bento .row .tiles .iphone4s-xl-2013 .info .details { | |
| font-size: 12px; | |
| line-height: 1.6em; | |
| color: #888; | |
| margin-top: 2px; | |
| } | |
| /* line 154, ../../sass/bento/_iphone.scss */ | |
| .bento .row .tiles .iphone4s-xl-2013 .info .button { | |
| margin-top: 10px; | |
| } | |
| /* line 162, ../../sass/bento/_iphone.scss */ | |
| .bento .row .tiles .iphone4s-l-201305 .hero { | |
| position: absolute; | |
| left: 35px; | |
| top: 40px; | |
| } | |
| /* line 167, ../../sass/bento/_iphone.scss */ | |
| .bento .row .tiles .iphone4s-l-201305 .info { | |
| float: right; | |
| width: 324px; | |
| font-size: 11px; | |
| padding: 94px 30px 0 0; | |
| } | |
| /* line 173, ../../sass/bento/_iphone.scss */ | |
| .bento .row .tiles .iphone4s-l-201305 .info .tagline { | |
| font-size: 16px; | |
| margin-top: 18px; | |
| } | |
| /* line 177, ../../sass/bento/_iphone.scss */ | |
| .bento .row .tiles .iphone4s-l-201305 .info .tagline + p { | |
| margin-top: 18px; | |
| } | |
| /* line 182, ../../sass/bento/_iphone.scss */ | |
| .bento .row .tiles .iphone4s-l-201305 .info .price { | |
| font-size: 12px; | |
| } | |
| /* line 191, ../../sass/bento/_iphone.scss */ | |
| .bento .row .tiles .iphone4-2012-12 .info { | |
| padding: 38px 0 20px; | |
| } | |
| /* line 193, ../../sass/bento/_iphone.scss */ | |
| .bento .row .tiles .iphone4-2012-12 .info h2 { | |
| margin-bottom: 5px; | |
| } | |
| /* line 196, ../../sass/bento/_iphone.scss */ | |
| .bento .row .tiles .iphone4-2012-12 .info .tagline { | |
| line-height: 1.3em; | |
| margin-bottom: 6px; | |
| } | |
| /* line 200, ../../sass/bento/_iphone.scss */ | |
| .bento .row .tiles .iphone4-2012-12 .info .price { | |
| margin-bottom: 2px; | |
| } | |
| /* line 2, ../../sass/bento/_ipod.scss */ | |
| .bento .row .tiles .ipodtouch-l-2013 .hero { | |
| position: absolute; | |
| /* top: 36px; */ | |
| left: 10px; | |
| bottom: 2px; | |
| } | |
| /* line 8, ../../sass/bento/_ipod.scss */ | |
| .bento .row .tiles .ipodtouch-l-2013 .info { | |
| float: right; | |
| width: 290px; | |
| padding: 156px 23px 60px; | |
| /* | |
| position: absolute; | |
| top: 156px; | |
| right: 0; | |
| padding: 0 14px; | |
| */ | |
| } | |
| /* line 19, ../../sass/bento/_ipod.scss */ | |
| .bento .row .tiles .ipodtouch-l-2013 .info .tagline { | |
| font-size: 16px; | |
| margin-top: 9px; | |
| } | |
| /* line 27, ../../sass/bento/_ipod.scss */ | |
| .bento .row .tiles .ipodnano-s-2013 .info { | |
| padding: 20px 0 21px 0; | |
| } | |
| /* line 30, ../../sass/bento/_ipod.scss */ | |
| .bento .row .tiles .ipodnano-s-2013 .info .tagline { | |
| margin-top: -4px; | |
| } | |
| /* line 37, ../../sass/bento/_ipod.scss */ | |
| .bento .row .tiles .ipodengraving-s-2013 .info { | |
| padding: 20px 0 135px 0; | |
| } | |
| /* line 40, ../../sass/bento/_ipod.scss */ | |
| .bento .row .tiles .ipodengraving-s-2013 .info .tagline { | |
| margin-top: -4px; | |
| } | |
| /* line 44, ../../sass/bento/_ipod.scss */ | |
| .bento .row .tiles .ipodengraving-s-2013 .hero { | |
| position: absolute; | |
| bottom: -2px; | |
| left: 49px; | |
| } | |
| /* line 52, ../../sass/bento/_ipod.scss */ | |
| .bento .row .tiles .ipod-nano-m-2013 .info { | |
| padding: 20px 0 65px 0; | |
| } | |
| /* line 55, ../../sass/bento/_ipod.scss */ | |
| .bento .row .tiles .ipod-nano-m-2013 .info .tagline { | |
| padding-top: 10px; | |
| } | |
| /* line 2, ../../sass/bento/_appletv.scss */ | |
| .bento .row .tiles .appletv-xl-us-2013 .hero { | |
| position: absolute; | |
| /* top: 47px; */ | |
| bottom: 0; | |
| right: 49px; | |
| } | |
| /* line 8, ../../sass/bento/_appletv.scss */ | |
| .bento .row .tiles .appletv-xl-us-2013 .info { | |
| float: left; | |
| padding: 83px 20px 20px; | |
| /* | |
| position: absolute; | |
| top: 83px; | |
| left: 0; | |
| padding: 0 20px; | |
| */ | |
| width: 345px; | |
| } | |
| /* line 19, ../../sass/bento/_appletv.scss */ | |
| .bento .row .tiles .appletv-xl-us-2013 .info .tagline { | |
| line-height: 1.45em; | |
| padding-top: 11px; | |
| } | |
| /* line 1, ../../sass/bento/_accessories.scss */ | |
| .bento .row .tiles .call-chat-s-2013 { | |
| overflow: hidden; | |
| } | |
| /* line 3, ../../sass/bento/_accessories.scss */ | |
| .bento .row .tiles .call-chat-s-2013 .info { | |
| padding: 20px 0 126px; | |
| } | |
| /* line 7, ../../sass/bento/_accessories.scss */ | |
| .bento .row .tiles .call-chat-s-2013 .hero { | |
| position: absolute; | |
| bottom: 0; | |
| left: 0; | |
| } | |
| /* line 14, ../../sass/bento/_accessories.scss */ | |
| .bento .row .tiles .experts-s-2013 { | |
| padding: 0; | |
| } | |
| /* line 16, ../../sass/bento/_accessories.scss */ | |
| .bento .row .tiles .experts-s-2013 .info { | |
| padding: 20px 0 126px; | |
| } | |
| /* line 20, ../../sass/bento/_accessories.scss */ | |
| .bento .row .tiles .experts-s-2013 .hero { | |
| position: absolute; | |
| bottom: -2px; | |
| left: 60px; | |
| } | |
| /* line 28, ../../sass/bento/_accessories.scss */ | |
| .bento .row .tiles .experts-m-smb-2013 .info { | |
| padding: 30px 0 266px; | |
| } | |
| /* line 31, ../../sass/bento/_accessories.scss */ | |
| .bento .row .tiles .experts-m-smb-2013 .info .tagline { | |
| padding: 0; | |
| } | |
| /* line 35, ../../sass/bento/_accessories.scss */ | |
| .bento .row .tiles .experts-m-smb-2013 .hero { | |
| position: absolute; | |
| left: 0; | |
| bottom: 0; | |
| } | |
| /* line 43, ../../sass/bento/_accessories.scss */ | |
| .bento .row .tiles .support-m-smb-2013 .info { | |
| padding: 30px 0 300px; | |
| } | |
| /* line 46, ../../sass/bento/_accessories.scss */ | |
| .bento .row .tiles .support-m-smb-2013 .info .tagline { | |
| padding: 0; | |
| } | |
| /* line 50, ../../sass/bento/_accessories.scss */ | |
| .bento .row .tiles .support-m-smb-2013 .hero { | |
| position: absolute; | |
| left: 0; | |
| bottom: 0; | |
| } | |
| /* line 58, ../../sass/bento/_accessories.scss */ | |
| .bento .row .tiles .concierge-m-201305 .info { | |
| padding: 30px 0 246px; | |
| } | |
| /* line 61, ../../sass/bento/_accessories.scss */ | |
| .bento .row .tiles .concierge-m-201305 .info .tagline { | |
| padding: 0; | |
| } | |
| /* line 65, ../../sass/bento/_accessories.scss */ | |
| .bento .row .tiles .concierge-m-201305 .hero { | |
| position: absolute; | |
| left: 20px; | |
| bottom: 0; | |
| } | |
| /* line 70, ../../sass/bento/_accessories.scss */ | |
| .bento .row .tiles .concierge-m-201305 .discription { | |
| margin: 0; | |
| } | |
| /* line 76, ../../sass/bento/_accessories.scss */ | |
| .bento .row .tiles .corp-gifting-m-2013 .info { | |
| padding: 30px 0 265px; | |
| } | |
| /* line 79, ../../sass/bento/_accessories.scss */ | |
| .bento .row .tiles .corp-gifting-m-2013 .info .tagline { | |
| padding: 0; | |
| } | |
| /* line 83, ../../sass/bento/_accessories.scss */ | |
| .bento .row .tiles .corp-gifting-m-2013 .hero { | |
| position: absolute; | |
| left: 0; | |
| bottom: 30px; | |
| } | |
| /* line 5, ../../sass/bento/_default-s-tiles.scss */ | |
| .bento .row .tiles .default-s-2013 .info { | |
| padding: 20px 0 15px; | |
| } | |
| /* line 8, ../../sass/bento/_default-s-tiles.scss */ | |
| .bento .row .tiles .default-s-2013 .info .tagline { | |
| padding: 0; | |
| } |
Sign up for free
to join this conversation on GitHub.
Already have an account?
Sign in to comment
Forgot to turn off debug mode :)
Come on Apple!