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

Unified Diff: scss/_reset.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 | « scss/_content.scss ('k') | scss/_variables.scss » ('j') | no next file with comments »
Expand Comments ('e') | Collapse Comments ('c') | Show Comments Hide Comments ('s')
Index: scss/_reset.scss
===================================================================
new file mode 100644
--- /dev/null
+++ b/scss/_reset.scss
@@ -0,0 +1,162 @@
+/*!
+ * 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/>.
+ */
+
+/* set box-sizing to border-box
+ * @see https://css-tricks.com/inheriting-box-sizing-probably-slightly-better-best-practice/
+ */
+
+html
+{
+ box-sizing: border-box;
+}
+
+*,
+*::before,
+*::after
+{
+ box-sizing: inherit;
+}
+
+/* set top level fonts and colors */
+
+body
+{
+ font-size: $medium-font;
+ color: $primary-foreground;
+ background-color: $primary-background;
+}
+
+/* set consistent margins */
+
+h1,
+h2,
+h3,
+h4,
+h5,
+h6,
+p,
+ol,
+ul,
+dl,
+figure,
+blockquote
+{
+ margin: $small-space 0;
+}
+
+li
+{
+ margin: $small-space / 2 0;
+}
+
+dd
+{
+ margin: $small-space / 2 0 $small-space 0;
+}
+
+[dir="ltr"] ol,
+[dir="ltr"] ul
+{
+ padding-left: $medium-space;
+}
+
+[dir="rtl"] ol,
+[dir="rtl"] ul
+{
+ padding-right: $medium-space;
+}
+
+ol ol,
+ul ul,
+ol ul,
+ul ol
+{
+ /* prevent double spacing lists */
+ margin: 0;
+}
+
+dt
+{
+ /* undo browser default */
+ font-weight: $bold-weight;
+}
+
+dd
+{
+ /* undo browser default */
+ margin-bottom: $small-space;
+}
+
+small
+{
+ font-size: $small-font;
+}
+
+abbr[data-original-title]
+{
+ cursor: help;
+}
+
+input,
+button,
+select,
+textarea
+{
+ /* undo browser default */
+ line-height: inherit;
+}
+
+/* undo browser default */
+
+[dir="ltr"] th
+{
+ text-align: left;
+}
+
+[dir="rtl"] th
+{
+ text-align: right;
+}
+
+/* remove image borders lt IE 10 */
+
+a img
+{
+ border:none;
+ outline:none;
+}
+
+/* undo browser defaults */
+
+fieldset
+{
+ min-width: 0;
+ padding: 0;
+ margin: 0;
+ border: 0;
+}
+
+legend
+{
+ display: block;
+ width: 100%;
+ padding: 0;
+ margin: $small-space 0;
+ font-size: $medium-font;
+ line-height: inherit;
+}
« no previous file with comments | « scss/_content.scss ('k') | scss/_variables.scss » ('j') | no next file with comments »

Powered by Google App Engine
This is Rietveld