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

Unified Diff: scss/_base.scss

Issue 29361647: Issue 4607 - Default content styles (Closed)
Patch Set: See comments for details Created Dec. 1, 2016, 2:05 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/_content.scss » ('j') | no next file with comments »
Expand Comments ('e') | Collapse Comments ('c') | Show Comments Hide Comments ('s')
Index: scss/_base.scss
===================================================================
new file mode 100644
--- /dev/null
+++ b/scss/_base.scss
@@ -0,0 +1,97 @@
+/*!
+ * This file is part of website-defaults
+ * Copyright (C) 2016 Eyeo GmbH
+ *
+ * website-defaults 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.
+ *
+ * website-defaults 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 website-defaults. If not, see <http://www.gnu.org/licenses/>.
+ */
+
+/*******************************************************************************
+ * Base styles
+ ******************************************************************************/
+
+html
+{
+ box-sizing: border-box;
+ color: $primary;
+ background-color: $primary-light;
+ font-family: $primary-font;
+ font-size: $medium-font;
+ line-height: 1.15;
+}
+
+/* Set default box-sizing (opinionated) */
+
+*,
+*:before,
+*:after
+{
+ box-sizing: inherit;
+}
+
+/* Remove the margin in all browsers (opinionated). */
+
+body
+{
+ margin: 0px;
+}
+
+/* Add the correct display in IE 9-. */
+
+article,
+aside,
+footer,
+header,
+nav,
+section,
+main
+{
+ display: block;
+}
+
+/**
+ * Stretch content full-width
+ */
+.full-width
+{
+ display: block;
+ width: 100%;
+ margin: $small-space 0px;
+}
+
+/**
+ * Center content within a (responsive) fixed width
+ */
+.container
+{
+ width: $mobile-width;
+ max-width: 100%;
+ margin: 0px auto;
+ padding: 0px $small-space;
+}
+
+@media(min-width: $tablet-breakpoint)
+{
+ .container
+ {
+ width: $tablet-width;
+ }
+}
+
+@media(min-width: $desktop-breakpoint)
+{
+ .container
+ {
+ width: $desktop-width;
+ }
+}
« no previous file with comments | « package.json ('k') | scss/_content.scss » ('j') | no next file with comments »

Powered by Google App Engine
This is Rietveld