From 2f5dbe595ec5f653b16dfb0919e47d5ca2f1710a Mon Sep 17 00:00:00 2001 From: mama Date: Tue, 12 Dec 2017 09:46:39 +0100 Subject: [PATCH] =?UTF-8?q?:art:=20Am=C3=A9liorations=20diverses=20des=20p?= =?UTF-8?q?ages?= MIME-Version: 1.0 Content-Type: text/plain; charset=UTF-8 Content-Transfer-Encoding: 8bit --- source/components/TargetSelection.css | 4 +- source/components/pages/About.js | 6 +- source/components/pages/Contribution.js | 2 +- source/components/pages/Integration.css | 130 +++++++++++------------- source/components/pages/Menu.css | 2 +- source/components/pages/Pages.css | 6 +- source/components/pages/RulesList.js | 2 +- 7 files changed, 70 insertions(+), 82 deletions(-) diff --git a/source/components/TargetSelection.css b/source/components/TargetSelection.css index 5f14f93f0..9970ead96 100644 --- a/source/components/TargetSelection.css +++ b/source/components/TargetSelection.css @@ -1,6 +1,6 @@ #targetSelection { - margin: 3em auto; - font-size: 120%; + margin: 0 auto; + font-size: 90%; max-width: 860px; } diff --git a/source/components/pages/About.js b/source/components/pages/About.js index ac2b61a1d..dc0635dfc 100644 --- a/source/components/pages/About.js +++ b/source/components/pages/About.js @@ -11,10 +11,10 @@ export default class About extends Component {

À propos

- L'incubateur des services numériques de l'État a lancé + L'incubateur des services numériques de l'État {' '} - en 2014 le développement d’une ressource ouverte de calcul - des prélèvements sociaux sur les revenus d'activité en France. + a lancé en 2014 le développement d’une ressource ouverte de + calcul des prélèvements sociaux sur les revenus d'activité en France.

Ce premier service, un{' '} diff --git a/source/components/pages/Contribution.js b/source/components/pages/Contribution.js index 83b572043..cb90163f2 100644 --- a/source/components/pages/Contribution.js +++ b/source/components/pages/Contribution.js @@ -18,7 +18,7 @@ export default class Contribution extends Component { sur{' '} GitHub - + .

) diff --git a/source/components/pages/Integration.css b/source/components/pages/Integration.css index ae5655f47..4abd9cec9 100644 --- a/source/components/pages/Integration.css +++ b/source/components/pages/Integration.css @@ -1,117 +1,105 @@ - - - - - - - - #integration p { - margin-top: 3em; - vertical-align: top; - position: relative; + margin-top: 3em; + vertical-align: top; + position: relative; } #integration code { - position: relative; - display: inline-block; - font-size: 80%; - max-width: 40em; - padding: 1em; - background: #f8f8f8; - margin: auto; - margin-bottom: 1em; - - box-shadow: 0 1px 1px rgba(0,0,0,0.05), -1px 1px 1px rgba(0,0,0,0.02); + position: relative; + display: inline-block; + font-size: 80%; + width: 90%; + padding: 1em; + background: #f8f8f8; + margin: auto; + margin-bottom: 1em; + overflow: auto; + box-shadow: 0 1px 1px rgba(0, 0, 0, 0.05), -1px 1px 1px rgba(0, 0, 0, 0.02); } #integration code em { - font-weight: 300; - color: black; + font-weight: 300; + color: black; } #integration code:before { - content: ""; - position: absolute; - top: 0; - right: 0; - border-width: 0 16px 16px 0; - border-style: solid; - border-color: #e8e8e8 white; + content: ''; + position: absolute; + top: 0; + right: 0; + border-width: 0 16px 16px 0; + border-style: solid; + border-color: #e8e8e8 white; } #scriptColor { - color: #4A89DC + color: #4a89dc; } - section#integrations a { - text-decoration: none; + text-decoration: none; } - - #integrationList { - display: flex; - flex-wrap: wrap; - justify-content: space-around; - align-items: center; + display: flex; + flex-wrap: wrap; + justify-content: space-around; + align-items: center; } #integrations article { - vertical-align: top; - width: 15em; - padding: 0 2%; - display: inline-block; - background-repeat: no-repeat; - background-size: contain; - text-align: center; - margin-bottom: 2em; + vertical-align: top; + width: 15em; + padding: 0 2%; + display: inline-block; + background-repeat: no-repeat; + background-size: contain; + text-align: center; + margin-bottom: 2em; } #integrations article img { - width: 8em; - height: 8em; - border-radius: 8em; - border: 3px solid #3C4963; + width: 8em; + height: 8em; + border-radius: 8em; + border: 3px solid #3c4963; } #integrations .question-mark { - display: inline-block; - font-size: 6.5em; - border: 1px solid white; - border-radius: 10em; - width: 1.2em; - height: 1.2em; - line-height: 1.2em + display: inline-block; + font-size: 6.5em; + border: 1px solid white; + border-radius: 10em; + width: 1.2em; + height: 1.2em; + line-height: 1.2em; } #integrations { - padding-bottom: 0; - border-bottom: none; + padding-bottom: 0; + border-bottom: none; } #contribution .block-wrap { - margin-top: 3em; - width: 100%; + margin-top: 3em; + width: 100%; } - #contribution article { - padding: 0 5% 2em; - margin-bottom: 0; - font-size: 90%; + padding: 0 5% 2em; + margin-bottom: 0; + font-size: 90%; } #contribution article h2 { - font-weight: 600; - color: #3C4963; + font-weight: 600; + color: #3c4963; } #contribution article p { - display: inline; + display: inline; } #contribution article img { - width: 8em; - border-radius: 0; + width: 8em; + border-radius: 0; } diff --git a/source/components/pages/Menu.css b/source/components/pages/Menu.css index a8f833078..ac09272ae 100644 --- a/source/components/pages/Menu.css +++ b/source/components/pages/Menu.css @@ -28,7 +28,7 @@ .bm-menu { background: white; padding: 3em 0.6em; - font-size: 280%; + font-size: 200%; } /* Morph shape necessary with bubble or elastic */ diff --git a/source/components/pages/Pages.css b/source/components/pages/Pages.css index f734b7a38..40d3428dc 100644 --- a/source/components/pages/Pages.css +++ b/source/components/pages/Pages.css @@ -1,7 +1,7 @@ .page { max-width: 45em; - margin: 3em; + margin: 2em; font-size: 130%; } @@ -10,9 +10,9 @@ } .page h1 { - margin: 4em 0 1em; + margin: 5em 0 1em; color: #3C4963; - font-size: 280%; + font-size: 220%; } .page em { diff --git a/source/components/pages/RulesList.js b/source/components/pages/RulesList.js index 8caf98b4a..af6b7ec2c 100644 --- a/source/components/pages/RulesList.js +++ b/source/components/pages/RulesList.js @@ -11,7 +11,7 @@ export default class RulesList extends Component { return (
-

Notre base de règles

+

Les règles aujourd'hui implémentées

    {rules.map(rule => (