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

View file

@ -3,17 +3,25 @@ This file is licensed under the MIT License (MIT) available on
http://opensource.org/licenses/MIT.
{% endcomment %}
<!--
{% lesscss main.less %}
{% lesscss ie.css %}
{% lesscss ie8.less %}
{% lesscss rtl.less %}
{% lesscss sans.less %}
-->
<meta http-equiv="content-type" content="text/html; charset=UTF-8">
<meta property="og:image" content="https://bitcoin.org/img/icons/opengraph.png" />
<meta name="viewport" content="width=device-width, initial-scale=1.0, user-scalable=no">
<title>{% capture title %}{% translate title %}{% endcapture %}{% if title != '' %}{{ title }}{% else %}{{ page.title }}{% endif %}</title>
{% capture metadescription %}{% translate metadescription %}{% endcapture %}{% if metadescription != '' %}<meta name="description" content="{{ metadescription }}">{% endif %}
<link rel="stylesheet" href="/css/font-awesome-4.4.0/css/font-awesome.min.css">
{% lesscss main.less %}
<!--[if lt IE 8]>{% lesscss ie.css %}<script type="text/javascript" src="/js/ie.js"></script><![endif]-->
<!--[if IE 8]>{% lesscss ie8.less %}<![endif]-->
{% if page.lang == 'ar' or page.lang == 'fa' %}{% lesscss rtl.less %}{% endif %}
{% if page.lang == 'bg' or page.lang == 'el' or page.lang == 'ko' or page.lang == 'hi' or page.lang == 'pl' or page.lang == 'sl' or page.lang == 'ro' or page.lang == 'ru' or page.lang == 'tr' or page.lang == 'uk' or page.lang == 'zh_CN' or page.lang == 'zh_TW' %}{% lesscss sans.less %}{% endif %}
<link rel="stylesheet" href="/css/main.css">
<!--[if lt IE 8]><link rel="stylesheet" href="/css/ie.css"><script type="text/javascript" src="/js/ie.js"></script><![endif]-->
<!--[if IE 8]><link rel="stylesheet" href="/css/ie8.css"><![endif]-->
{% if page.lang == 'ar' or page.lang == 'fa' %}<link rel="stylesheet" href="/css/rtl.css">{% endif %}
{% if page.lang == 'bg' or page.lang == 'el' or page.lang == 'ko' or page.lang == 'hi' or page.lang == 'pl' or page.lang == 'sl' or page.lang == 'ro' or page.lang == 'ru' or page.lang == 'tr' or page.lang == 'uk' or page.lang == 'zh_CN' or page.lang == 'zh_TW' %}<link rel="stylesheet" href="/css/sans.css">{% endif %}
<script type="text/javascript" src="/js/base.js"></script>
{% if page.id != 'download' %}<script type="text/javascript" src="/js/main.js"></script>{% endif %}
<link rel="shortcut icon" href="/favicon.png">