Projet

Général

Profil

0001-add-cantal-theme-60441.patch

Paul Marillonnet, 28 janvier 2022 10:56

Télécharger (7,3 ko)

Voir les différences:

Subject: [PATCH] add cantal theme (#60441)

 static/cantal/_custom.scss    |  82 ++++++++++++++++++++++++++++++++++
 static/cantal/_vars.scss      |  62 +++++++++++++++++++++++++
 static/cantal/config.json     |  14 ++++++
 static/cantal/img/favicon.png | Bin 0 -> 1511 bytes
 static/cantal/style.scss      |   6 +++
 5 files changed, 164 insertions(+)
 create mode 100644 static/cantal/_custom.scss
 create mode 100644 static/cantal/_vars.scss
 create mode 100644 static/cantal/config.json
 create mode 100644 static/cantal/img/favicon.png
 create mode 100644 static/cantal/style.scss
static/cantal/_custom.scss
1
@media screen and (min-width: $nav-mobile-limit + 1) {
2
	div#toplinks {
3
		right: 8em;
4
		top: -35px;
5
		border: none;
6
		background: none;
7
		box-shadow: none;
8
		padding-top: 0.5em;
9
		a {
10
			color: white;
11
		}
12
	}
13

  
14
	div#header-wrapper {
15
		border-top: 35px solid $primary-color;
16
	}
17

  
18
	div#header h1#logo.has-logo {
19
		padding-bottom: 20px;
20
		a {
21
			min-height: 70px;
22
		}
23
	}
24
}
25

  
26
div#nav {
27
	@media screen and (max-width: $nav-mobile-limit) {
28
		padding-top: 20px;
29
	}
30
	@media screen and (min-width: $nav-mobile-limit + 1) {
31
		margin-top: 10px;
32
		margin-bottom: 10px;
33
		display: grid;
34
		position: absolute;
35
		top: 35px;
36
		left: 24%;
37
		ul {
38
			li a {
39
				line-height: 300%;
40
				text-transform: uppercase;
41
			}
42
			margin-top: 0px;
43
			margin-bottom: 0px;
44
		}
45
		a:hover {
46
			text-decoration: underline;
47
			text-decoration-color: black;
48
			text-decoration-thickness: 2px;
49
			text-underline-position: under;
50
		}
51
	}
52
}
53

  
54
div#main-content-wrapper {
55
	max-width: 1260px;
56
	@media screen and (min-width: $nav-mobile-limit + 1) {
57
		margin-top: 4em;
58
	}
59
}
60

  
61
.gru-content div.link-list-cell,
62
.gru-content div.link-list-cell.has-asset-picture > div picture img,
63
.gru-content div.wcsformsofcategorycell,
64
.gru-content div.wcsformsofcategorycell.has-asset-picture > div picture img,
65
.gru-content div.wcsformsofcategorycell.has-asset-picture > div > h2:first-child {
66
	border-radius: 20px;
67
	@media screen and (max-width: $nav-mobile-limit) {
68
		width: 100%;
69
	}
70
}
71

  
72
div#footer-wrapper {
73
	color: white;
74
	h1, h2, h3, h4, h5, h6 {
75
		color: black;
76
		background: $primary-color;
77
	}
78
	a:hover {
79
		color: $primary-color-focus;
80
		background: white;
81
	}
82
}
static/cantal/_vars.scss
1
$primary-color: #DD3333;
2
$primary-color-focus: #B12929;
3

  
4
$font-color: #676767;
5
$font-family: "Raleway", "Open Sans", sans-serif;
6
$link-color: $primary-color-focus;
7
$border-radius: 0;
8
$mobile-limit: 900px;
9
$width: 100%;
10

  
11
$nav-background: white;
12
$nav-submenu-background: $primary-color-focus;
13
$nav-submenu-color: white;
14
$nav-color: $primary-color;
15
$nav-active-color: $primary-color;
16
$nav-item-selected-color: $primary-color;
17
$nav-item-selected-background: white;
18
$nav-item-hover-color: $primary-color-focus;
19
$nav-item-hover-background: white;
20

  
21
$button-color: white;
22
$button-background: $primary-color;
23
$button-border-radius: 2px;
24
$button-hover-background: $primary-color-focus;
25

  
26
$notification_warning_color: #F3E8A9;
27
$notification_success_color: #abc600;
28
$notification_info_color: #e4e4de;
29
$notification_error_color: #cc3333;
30

  
31
$sidebar-position: left;
32
$sidebar-width: 275px;
33

  
34
$title-weight: bold;
35
$title-transform: uppercase;
36
$title-font-size: 30px;
37
$title-color: $primary-color-focus;
38
$title-border-radius: 20px;
39

  
40
$cell-title-cover-border: false;
41
$cell-entry-color: $font-color;
42
$cell-entry-hover-color: #444444;
43
$cell-entry-hover-background: #f8f8f8;
44
$cell-border-bottom: 1px solid #dd3333;
45
$cell-border-radius: 2px;
46
$cell-image-position: top;
47
$cell-image-padding: none;
48

  
49
$widget-border: none;
50
$widget-border-radius: 2px;
51
$widget-background: #f1f1f1;
52
$widget-focus-background: #eaeaea;
53

  
54
$footer-background: $primary-color;
55
$footer-color: #000000;
56
$footer-link-color: #CCCCCC;
57
$footer-menucell-separator: none;
58

  
59
$wcs-step-current-background: #f8f8f8;
60
$wcs-step-current-border: 1px solid #dd3333;
61
$wcs-step_color: grey;
62
$wcs-step-border-bottom: 1px solid grey;
static/cantal/config.json
1
{
2
  "label": "Cantal (CD15)",
3
  "variables": {
4
    "favicon": "cantal/img/favicon.png",
5
    "theme_color": "#dd3333"
6
  },
7
  "settings": {
8
    "combo": {
9
      "COMBO_ASSET_SLOTS.update": {
10
        "header:logo": { "label": "Têtière : logo" }
11
      }
12
    }
13
  }
14
}
static/cantal/style.scss
1
@charset "UTF-8";
2

  
3
@import '../includes/fonts/raleway';
4
@import 'vars';
5
@import '../includes/publik';
6
@import 'custom';
0
-