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

Unified Diff: scss/_content.scss

Issue 29361647: Issue 4607 - Default content styles (Closed)
Patch Set: Removed missing SCSS dependency Created Nov. 3, 2016, 3:53 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
« no previous file with comments | « package.json ('k') | scss/_reset.scss » ('j') | no next file with comments »
Expand Comments ('e') | Collapse Comments ('c') | Show Comments Hide Comments ('s')
Index: scss/_content.scss
===================================================================
new file mode 100644
--- /dev/null
+++ b/scss/_content.scss
@@ -0,0 +1,254 @@
+/*!
+ * This file is part of universal-design-language
+ * Copyright (C) 2016 Eyeo GmbH
+ *
+ * universal-design-language 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.
+ *
+ * universal-design-language 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 web.starter-kit. If not, see <http://www.gnu.org/licenses/>.
+ */
+
+/* HTML Content
+ *******************************************************************************
+ * 1. Headings
+ * 2. Blockquotes
+ * 3. Links
+ * 4. Code Blocks
+ * 5. Unstyled Lists
+ * 6. Image Alignment
+ * 7. Tables
+ * 8. Embeds
+ ******************************************************************************/
+
+/* Headings
+ ******************************************************************************/
+
+h1
+{
+ font-size: 36px;
+ margin-top: $medium-space;
+}
+
+h2
+{
+ font-size: 28px;
+ margin-top: $medium-space;
+}
+
+h3
+{
+ font-size: 24px;
+ margin-top: $medium-space;
+}
+
+h4
+{
+ font-size: 20px;
+ margin-top: $small-space;
+}
+
+h5
+{
+ font-size: 16px;
+ margin-top: $small-space;
+}
+
+h6
+{
+ font-size: 14px;
+ margin-top: $small-space;
+}
+
+/* Blockquotes
+ ******************************************************************************/
+
+[dir="ltr"] blockquote
+{
+ padding-left: $small-space;
+ border-left: 5px solid $gray;
+}
+
+[dir="rtl"] blockquote
+{
+ padding-right: $small-space;
+ border-right: 5px solid $gray;
+}
+
+/* Links
+ ******************************************************************************/
+
+a,
+a:visited
+{
+ color: $blue-dark;
+ text-decoration: none;
+}
+
+a:hover,
+a:active,
+a:focus
+{
+ text-decoration: underline;
+}
+
+/* Code Blocks
+ ******************************************************************************/
+
+pre,
+code
+{
+ padding: $small-space / 4;
+ background-color: $gray-light;
+}
+
+pre
+{
+ display: block;
+ padding: 0 $small-space;
+}
+
+pre > code
+{
+ padding: 0;
+ background-color: transparent;
+}
+
+/* Unstyled Lists
+ ******************************************************************************/
+
+.unstyled-list,
+.unstyled-list ul
+{
+ list-style-type: none;
+}
+
+[dir="ltr"] .unstyled-list
+{
+ padding-left: 0;
+}
+
+[dir="rtl"] .unstyled-list
+{
+ padding-right: 0;
+}
+
+[dir="ltr"] .unstyled-list ul
+{
+ padding-left: $medium-space;
+}
+
+[dir="rtl"] .unstyled-list ul
+{
+ padding-right: $small-space;
+}
+
+/* Image Alignment
+ ******************************************************************************/
+
+img
+{
+ margin: 0 $small-space / 2;
+}
+
+.block,
+.sol,
+.eol
+{
+ display: block;
+ margin: 0;
+}
+
+.block
+{
+ display: block;
+ width: 100%;
+ height: auto;
+ clear: both;
+ overflow: auto;
+ margin: $small-space 0;
+}
+
+[dir="ltr"] .sol
+{
+ margin-right: $small-space;
+ float: left;
+}
+
+[dir="rtl"] .sol
+{
+ margin-left: $small-space;
+ float: right;
+}
+
+[dir="ltr"] .eol
+{
+ margin-left: $small-space;
+ float: right;
+}
+
+[dir="rtl"] .eol
+{
+ margin-right: $small-space;
+ float: left;
+}
+
+/* Tables
+ ******************************************************************************/
+
+table
+{
+ border-collapse: collapse;
+ width: 100%;
+}
+
+td,
+th
+{
+ padding: $small-space / 4 $small-space / 2;
+}
+
+th
+{
+ background-color: $white;
+}
+
+tr:nth-child(even)
+{
+ background-color: $white;
+}
+
+tr:nth-child(odd)
+{
+ background-color: $gray-light;
+}
+
+/* Embeds
+ ******************************************************************************/
+
+.embed
+{
+ position: relative;
+ display: block;
+ height: 0;
+ padding: 0 0 56.25% 0;
+ overflow: hidden;
+}
+
+.embed iframe
+{
+ position: absolute;
+ top: 0;
+ bottom: 0;
+ left: 0;
+ width: 100%;
+ height: 100%;
+ border: 0;
+}
« no previous file with comments | « package.json ('k') | scss/_reset.scss » ('j') | no next file with comments »

Powered by Google App Engine
This is Rietveld