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

Unified Diff: static/scss/_variables.scss

Issue 29581555: Noissue - Add option to enable large desktop (Closed) Base URL: https://hg.adblockplus.org/website-defaults
Patch Set: Created Oct. 17, 2017, 8:30 a.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/_variables.scss
===================================================================
rename from scss/_variables.scss
rename to static/scss/_variables.scss
--- a/scss/_variables.scss
+++ b/static/scss/_variables.scss
@@ -1,96 +1,96 @@
-/*!
- * This file is part of website-defaults
- * Copyright (C) 2016-present 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/>.
- */
+// This file is part of website-defaults
+// Copyright (C) 2016-present 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/>.
-/*******************************************************************************
- * Variables
- *******************************************************************************
- * ~ WARNING ~ DO NOT EDIT THIS FILE!
- * Set variables within project specfic SCSS before including website defaults.
- *******************************************************************************
- * - Brand colors
- * - Fonts
- * - Spacing
- * - Breakpoints
- ******************************************************************************/
+////////////////////////////////////////////////////////////////////////////////
+// Variables
+////////////////////////////////////////////////////////////////////////////////
+// ~ WARNING ~ DO NOT EDIT THIS FILE!
+// Set variables within project specfic SCSS before including website defaults.
+////////////////////////////////////////////////////////////////////////////////
+// - Brand colors
+// - Fonts
+// - Spacing
+// - Breakpoints
+////////////////////////////////////////////////////////////////////////////////
-/* Brand colors
- ******************************************************************************/
+// Brand colors
+////////////////////////////////////////////////////////////////////////////////
-/* Primary - The most widely used across all screens and components. */
+// Primary - The most widely used across all screens and components.
$primary: #212121 !default;
$primary-light: #fff !default;
$primary-dark: #000 !default;
-/* Secondary - Used to indicate a related action or information. */
+// Secondary - Used to indicate a related action or information.
$secondary: #9e9e9e !default;
$secondary-light: #eee !default;
$secondary-dark: #424242 !default;
-/* Accent - Used for action buttons and interactive elements. */
+// Accent - Used for action buttons and interactive elements.
$accent: #1565c0 !default;
$accent-light: #e3f2fd !default;
$accent-dark: #0d47a1 !default;
-/* Error - Used for error messages and warnings. */
+// Error - Used for error messages and warnings.
$error: #f44336 !default;
$error-light: #ffebee !default;
$error-dark: #b71c1c !default;
-/* Fonts
- ******************************************************************************/
+// Fonts
+////////////////////////////////////////////////////////////////////////////////
$primary-font: sans-serif !default;
$secondary-font: serif !default;
$monospace-font: monospace !default;
$large-font: 1.2em !default;
$medium-font: 1em !default;
$small-font: 0.8em !default;
$bold-weight: 600 !default;
$normal-weight: 400 !default;
$thin-weight: 300 !default;
-/* Spacing
- ******************************************************************************/
+// Spacing
+////////////////////////////////////////////////////////////////////////////////
$large-space: 4em !default;
$medium-space: 2em !default;
$small-space: 1em !default;
-/* Breakpoints
- ******************************************************************************/
+// Breakpoints
+////////////////////////////////////////////////////////////////////////////////
$phone-breakpoint: 320px !default;
$phablet-breakpoint: 576px !default;
$tablet-breakpoint: 768px !default;
$desktop-breakpoint: 992px !default;
$large-desktop-breakpoint: 1200px !default;
-/* Container widths
- ******************************************************************************/
+$enable-large-desktop: true !default;
ire 2017/10/17 08:33:45 I added this
+
+// Container widths
+////////////////////////////////////////////////////////////////////////////////
$phone-width: auto !default;
$phablet-width: 540px !default;
$tablet-width: 720px !default;
$desktop-width: 960px !default;
$large-desktop-width: 1140px !default;

Powered by Google App Engine
This is Rietveld