static/scss/base/_variables.scss - Issue 29596555: Noissue - Format CSS comments and implement new wd classes

Side by Side Diff: static/scss/base/_variables.scss

Issue 29596555: Noissue - Format CSS comments and implement new wd classes (Closed) Base URL: https://hg.adblockplus.org/help.eyeo.com

Patch Set: Created Nov. 3, 2017, 8:46 a.m.

Left:
Right:

Use n/p to move between diff chunks; N/P to move between comments.

Jump to:

View unified diff | Download patch

OLD	NEW
1 // This file is part of help.eyeo.com.	1 // This file is part of help.eyeo.com.

2 // Copyright (C) 2017-present eyeo GmbH	2 // Copyright (C) 2017-present eyeo GmbH

3 //	3 //

4 // help.eyeo.com is free software: you can redistribute it and/or modify	4 // help.eyeo.com is free software: you can redistribute it and/or modify

5 // it under the terms of the GNU General Public License as published by	5 // it under the terms of the GNU General Public License as published by

6 // the Free Software Foundation, either version 3 of the License, or	6 // the Free Software Foundation, either version 3 of the License, or

7 // (at your option) any later version.	7 // (at your option) any later version.

8 //	8 //

9 // help.eyeo.com is distributed in the hope that it will be useful,	9 // help.eyeo.com is distributed in the hope that it will be useful,

10 // but WITHOUT ANY WARRANTY; without even the implied warranty of	10 // but WITHOUT ANY WARRANTY; without even the implied warranty of

11 // MERCHANTABILITY or FITNESS FOR A PARTICULAR PURPOSE. See the	11 // MERCHANTABILITY or FITNESS FOR A PARTICULAR PURPOSE. See the

12 // GNU General Public License for more details.	12 // GNU General Public License for more details.

13 //	13 //

14 // You should have received a copy of the GNU General Public License	14 // You should have received a copy of the GNU General Public License

15 // along with help.eyeo.com. If not, see <http://www.gnu.org/licenses/>.	15 // along with help.eyeo.com. If not, see <http://www.gnu.org/licenses/>.

16	16

17 // Colors //////////////////////////////////////////////////////////////////////	17 // Colors

	18 ////////////////////////////////////////////////////////////////////////////////

18	19

19 // Grayscale	20 // Grayscale

20	21

21 $white: #fff;	22 $white: #fff;

22 $gray: #D2D2D2;	23 $gray: #D2D2D2;

23 $gray-light: #ECECEC;	24 $gray-light: #ECECEC;

24 $gray-medium: #AEAEAE;	25 $gray-medium: #AEAEAE;

25 $gray-dark: #757575;	26 $gray-dark: #757575;

26 $black: #161616;	27 $black: #161616;

27	28

28 // Brand colors	29 // Brand colors

29	30

30 $eyeo-black: $black;	31 $eyeo-black: $black;

31 $abp-red: #C70D2B;	32 $abp-red: #C70D2B;

32 $abb-blue: #0D79C7;	33 $abb-blue: #0D79C7;

33	34

	35 // Primary - The most widely used across all screens and components.

	36

34 $primary: $eyeo-black;	37 $primary: $eyeo-black;

35	38

36 // Typography //////////////////////////////////////////////////////////////////	39 // Fonts

	40 ////////////////////////////////////////////////////////////////////////////////

37	41

38 // Font stack	42 // Font stack

39	43

40 $primary-font: "Source Sans Pro", sans-serif;	44 $primary-font: "Source Sans Pro", sans-serif;

41	45

42 // Font colours	46 // Font colours

43	47

44 $font-color-default: $eyeo-black;	48 $font-color-default: $eyeo-black;

45 $font-color-link: $abb-blue;	49 $font-color-link: $abb-blue;

46	50

47 // Font sizes (headings)	51 // Font sizes (headings)

48	52

49 $font-size-h1: 2.8em;	53 $font-size-h1: 2.8em;

50 $font-size-h2: 2em;	54 $font-size-h2: 2em;

51 $font-size-h3: 1.6em;	55 $font-size-h3: 1.6em;

52 $font-size-h4: 1em;	56 $font-size-h4: 1em;

53 $font-size-h5: $font-size-h4;	57 $font-size-h5: $font-size-h4;

54 $font-size-h6: $font-size-h4;	58 $font-size-h6: $font-size-h4;

55	59

56 // Font sizes (general)	60 // Font sizes (general)

57	61

58 $small-font: 0.9em;	62 $small-font: 0.9em;

59 $tiny-font: 0.8em;	63 $tiny-font: 0.8em;

60	64

61 // Sizes ///////////////////////////////////////////////////////////////////////	65 // Spacing

	66 ////////////////////////////////////////////////////////////////////////////////

62	67

63 // Container widths	68 $xl: 60px;

	69 $lg: 30px;

	70 $md: 15px;

	71 $sm: 10px;

	72 $xs: 5px;

	73

	74 // Breakpoints

	75 ////////////////////////////////////////////////////////////////////////////////

	76

	77 // Device breakpoints

	78

	79 $phablet-breakpoint: 576px;

	80

	81 // Component sizes

	82 ////////////////////////////////////////////////////////////////////////////////

	83

	84 // Container

64	85

65 $container-width: 960px; // $desktop-width	86 $container-width: 960px; // $desktop-width

66	87

67 // Header & Footer	88 // Header & Footer

68	89

69 $site-header-height: 70px;	90 $site-header-height: 70px;

70 $site-header-content-line-height: 40px;	91 $site-header-content-line-height: 40px;

71	92

72 // Search form	93 // Search form

73	94

74 $search-form-width: 320px;	95 $search-form-width: 320px;

75 $search-form-height: 35px;	96 $search-form-height: 35px;

76

77 // Spacers /////////////////////////////////////////////////////////////////////

78

79 $xl: 60px;

80 $lg: 30px;

81 $md: 15px;

82 $sm: 10px;

83 $xs: 5px;

84

85 // Columns /////////////////////////////////////////////////////////////////////

86

87 // Breakpoints /////////////////////////////////////////////////////////////////

88

89 $phablet-breakpoint: 576px;

90

91 // Placeholders ////////////////////////////////////////////////////////////////

OLD	NEW

« no previous file with comments | « static/scss/base/_utilities.scss ('k') | static/scss/components/_accordion.scss » ('j') | static/scss/components/_lists.scss » ('J')