⚠ This post is fairly old. I don't keep it up to date. Be sure to see comments where some people have posted updates
What this will cover
www.website.com to website.comindex.html)
| { | |
| "Resources": { | |
| "ExampleMXRecord": { | |
| "Type": "AWS::Route53::RecordSet", | |
| "Properties": { | |
| "HostedZoneName": "example.com.", | |
| "Comment": "My Example MX Record", | |
| "Name": "example.com.", | |
| "Type": "MX", | |
| "TTL": "600", |
| ### Testing if the client is a mobile or a desktop. | |
| ### The selection is based on the usual UA strings for desktop browsers. | |
| ## Testing a user agent using a method that reverts the logic of the | |
| ## UA detection. Inspired by notnotmobile.appspot.com. | |
| map $http_user_agent $is_desktop { | |
| default 0; | |
| ~*linux.*android|windows\s+(?:ce|phone) 0; # exceptions to the rule | |
| ~*spider|crawl|slurp|bot 1; # bots | |
| ~*windows|linux|os\s+x\s*[\d\._]+|solaris|bsd 1; # OSes |
| @mixin linear-gradient($angle, $color1, $offset1, $color2 ,$offset2:100, $color3:null, $offset3:100, $color4:null, $offset4:100, $color5:null, $offset5:100){ | |
| $angle_webkit:'left top, left bottom'; | |
| $angle_svg:'%20x2%3d%220%25%22%20y2%3d%22100%25%22'; | |
| $color-stop1_css:'#'#{$color1}' '#{$offset1}'%'; | |
| $color-stop2_css:',#'#{$color2}' '#{$offset2}'%'; | |
| $color-stop3_css:''; | |
| $color-stop4_css:''; | |
| $color-stop5_css:''; | |
| $color-stop1_svg:'%3cstop%20style%3d%22stop%2dcolor%3a%23'#{$color1}'%22%20offset%3d%22'#{$offset1}'%25%22%2f%3e'; | |
| $color-stop2_svg:'%3cstop%20style%3d%22stop%2dcolor%3a%23'#{$color2}'%22%20offset%3d%22'#{$offset2}'%25%22%2f%3e'; |
| =gradient($from, $to) | |
| /* fallback/image non-cover color */ | |
| background-color: $from | |
| /* Firefox 3.6+ */ | |
| background-image: -moz-linear-gradient($from, $to) | |
| /* Safari 4+, Chrome 1+ */ | |
| background-image: -webkit-gradient(linear, 0% 0%, 0% 100%, from($from), to($to)) |