Rietveld Code Review Tool
Help | Bug tracker | Discussion group | Source code

Unified Diff: static/scss/content/_typography.scss

Issue 29516622: Issue 5511 - Create Product Help Home Template for help.eyeo.com (Closed) Base URL: https://hg.adblockplus.org/help.eyeo.com
Patch Set: Rebase Created Sept. 11, 2017, 2:46 p.m.
Use n/p to move between diff chunks; N/P to move between comments.
Jump to:
View side-by-side diff with in-line comments
Download patch
Index: static/scss/content/_typography.scss
===================================================================
new file mode 100644
--- /dev/null
+++ b/static/scss/content/_typography.scss
@@ -0,0 +1,50 @@
+// This file is part of help.eyeo.com.
+// Copyright (C) 2017 Eyeo GmbH
+//
+// help.eyeo.com is free software: you can redistribute it and/or modify
+// it under the terms of the GNU General Public License as published by
+// the Free Software Foundation, either version 3 of the License, or
+// (at your option) any later version.
+//
+// help.eyeo.com is distributed in the hope that it will be useful,
+// but WITHOUT ANY WARRANTY; without even the implied warranty of
+// MERCHANTABILITY or FITNESS FOR A PARTICULAR PURPOSE. See the
+// GNU General Public License for more details.
+//
+// You should have received a copy of the GNU General Public License
+// along with help.eyeo.com. If not, see <http://www.gnu.org/licenses/>.
+
+.h1
+{
+ font-size: $font-size-h3;
juliandoucette 2017/09/12 13:21:57 Note: It's a little confusing that we are setting
juliandoucette 2017/09/12 22:53:55 * I'm having doubts about this comment. Feel free
ire 2017/09/19 10:27:19 I think it's something we can think about for a se
juliandoucette 2017/09/22 13:29:36 Acknowledged.
+ line-height: 1.2;
+
+ @media (min-width: $phablet-breakpoint)
+ {
+ font-size: $font-size-h2;
+ }
+
+ @media (min-width: $tablet-breakpoint)
+ {
+ font-size: $font-size-h1;
+ }
+}
+
+.h4
+{
+ font-size: $font-size-h4;
+ font-weight: $bold-weight;
+ text-transform: uppercase;
+}
+
+.heading-icon
+{
+ height: 0.9em;
+ margin-right: 0.3em;
+}
+
+[dir="rtl"] .heading-icon
+{
+ margin-right: 0;
+ margin-left: 0.3em;
+}

Powered by Google App Engine
This is Rietveld