Layout: render CSS with both "less" and "scss"

This commit renders the same CSS files using both the "less" and "scss"
CSS generation engines so that the results may be compared.  This is a
comparison script:

    old_main_css=$( grep -rl normalize.css _site/*.css )
    new_main_css=_site/css/main.css
    old_rtl_css=$( grep 'Language specific styles that override default' -rl _site/*.css )
    new_rtl_css=_site/css/rtl.css

    (
      diff -ub $old_main_css $new_main_css
      diff -ub $old_rtl_css $new_rtl_css
    )
This commit is contained in:
David A. Harding 2017-06-15 12:53:37 -04:00
parent b9e114efe8
commit a40fb73dab
No known key found for this signature in database
GPG key ID: 4B29C30FF29EC4B7
10 changed files with 4301 additions and 6 deletions

82
css/ie8.less Normal file
View file

@ -0,0 +1,82 @@
/*
This file is licensed under the MIT License (MIT) available on
http://opensource.org/licenses/MIT.
*/
.wallets>div{
display:none;
}
.wallets>div:first-child,
.wallets>div:first-child+div,
.wallets>div:first-child+div+div,
.wallets>div:first-child+div+div+div,
.wallets>div:first-child+div+div+div+div,
.wallets>div:first-child+div+div+div+div+div,
.wallets>div:first-child+div+div+div+div+div+div,
.wallets>div:first-child+div+div+div+div+div+div+div,
.wallets>div:first-child+div+div+div+div+div+div+div+div,
.wallets>div:first-child+div+div+div+div+div+div+div+div+div,
.wallets>div:first-child+div+div+div+div+div+div+div+div+div+div,
.wallets>div:first-child+div+div+div+div+div+div+div+div+div+div+div{
display:inline-block;
}
.wallets>div:first-child+div+div+div+div+div+div>div,
.wallets>div:first-child+div+div+div+div+div+div+div>div,
.wallets>div:first-child+div+div+div+div+div+div+div+div>div,
.wallets>div:first-child+div+div+div+div+div+div+div+div+div>div,
.wallets>div:first-child+div+div+div+div+div+div+div+div+div+div>div,
.wallets>div:first-child+div+div+div+div+div+div+div+div+div+div+div>div,
.wallets>div:first-child+div+div+div+div+div+div>span,
.wallets>div:first-child+div+div+div+div+div+div+div>span,
.wallets>div:first-child+div+div+div+div+div+div+div+div>span,
.wallets>div:first-child+div+div+div+div+div+div+div+div+div>span,
.wallets>div:first-child+div+div+div+div+div+div+div+div+div+div>span,
.wallets>div:first-child+div+div+div+div+div+div+div+div+div+div+div>span{
top:-222px;
}
.wallets>div:first-child+div+div+div+div+div+div+div+div+div+div+div+div>div,
.wallets>div:first-child+div+div+div+div+div+div+div+div+div+div+div+div+div>div,
.wallets>div:first-child+div+div+div+div+div+div+div+div+div+div+div+div+div+div>div,
.wallets>div:first-child+div+div+div+div+div+div+div+div+div+div+div+div+div+div+div>div,
.wallets>div:first-child+div+div+div+div+div+div+div+div+div+div+div+div+div+div+div+div>div,
.wallets>div:first-child+div+div+div+div+div+div+div+div+div+div+div+div+div+div+div+div+div>div,
.wallets>div:first-child+div+div+div+div+div+div+div+div+div+div+div+div>span,
.wallets>div:first-child+div+div+div+div+div+div+div+div+div+div+div+div+div>span,
.wallets>div:first-child+div+div+div+div+div+div+div+div+div+div+div+div+div+div>span,
.wallets>div:first-child+div+div+div+div+div+div+div+div+div+div+div+div+div+div+div>span,
.wallets>div:first-child+div+div+div+div+div+div+div+div+div+div+div+div+div+div+div+div>span,
.wallets>div:first-child+div+div+div+div+div+div+div+div+div+div+div+div+div+div+div+div+div>span{
top:-92px;
}
.press-quotes p{
display:none;
}
.press-quotes p:first-child,
.press-quotes p:first-child+p,
.press-quotes p:first-child+p+p,
.press-quotes p:first-child+p+p+p,
.press-quotes p:first-child+p+p+p+p,
.press-quotes p:first-child+p+p+p+p+p,
.press-quotes p:first-child+p+p+p+p+p+p,
.press-quotes p:first-child+p+p+p+p+p+p+p{
display:inline-block;
}
.press-quotes.expanded p{
display:inline-block;
}
.devprojectlist li{
display:none;
}
.devprojectlist li:first-child,
.devprojectlist li:first-child+li,
.devprojectlist li:first-child+li+li,
.devprojectlist li:first-child+li+li+li{
display:list-item;
}
.devprojectlist.expanded li{
display:list-item;
}