-
Notifications
You must be signed in to change notification settings - Fork 1
/
_7_vendor.plugins.scss
executable file
·119 lines (101 loc) · 5.59 KB
/
_7_vendor.plugins.scss
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
35
36
37
38
39
40
41
42
43
44
45
46
47
48
49
50
51
52
53
54
55
56
57
58
59
60
61
62
63
64
65
66
67
68
69
70
71
72
73
74
75
76
77
78
79
80
81
82
83
84
85
86
87
88
89
90
91
92
93
94
95
96
97
98
99
100
101
102
103
104
105
106
107
108
109
110
111
112
113
114
115
116
117
118
119
@import "7_vendor.plugin--sugar-calendar";
nav.jetpack-social-navigation {
li {
vertical-align: middle;
}
a {
background-color: $Ndark;
border-radius: 50px;
color: $Nwhite;
font-size: 25px;
height: 40px;
width: 40px;
margin: 5px;
padding: 8px;
&:hover, &:focus {
color: $Nwhite;
background-color: $linkColor;
text-decoration: none;
transform: scale(0.9);
&:before {
color: $Nwhite;
}
}
&:before {
color: $Nwhite;
transition: all 0.3s;
}
}
}
// Jetpack Contact Form
form.wp-block-jetpack-contact-form {
justify-content: flex-end;
div.grunion-field-wrap {
border-right: 0;
}
}
/* Creative Commons Custom Icon */
.jetpack-social-navigation-genericons a[href*="creativecommons.org"]:before {
content: url('assets/img/creativecommons.svg');
}
.jetpack-social-navigation-genericons a[href*="social.opensource"]:before {
content: url("data:image/svg+xml,%3Csvg width='25px' height='25px' viewBox='0 0 216.4144 232.00976' version='1.1' xmlns='http://www.w3.org/2000/svg' xmlns:svg='http://www.w3.org/2000/svg'%3E%3Cpath fill='%23fff' d='M 107.86734 0 C 78.206122 0.24249976 49.669412 3.4544586 33.041929 11.090701 C 33.041929 11.090701 0.064369484 25.843567 0.064369484 76.173517 C 0.064369484 87.698505 -0.15335833 101.48177 0.2116413 116.09551 C 1.4091401 165.31546 9.2287461 213.82467 54.736201 225.86966 C 75.71868 231.4234 93.73245 232.58069 108.24119 231.78319 C 134.55241 230.32444 149.33002 222.39178 149.33002 222.39178 L 148.45772 203.30308 C 148.45772 203.30308 129.65196 209.23674 108.53573 208.51424 C 87.6145 207.79674 65.528853 206.2528 62.145106 180.56658 C 61.832606 178.31033 61.680633 175.89534 61.680633 173.36159 C 61.680633 173.36159 82.213712 178.38849 108.24119 179.58099 C 124.15617 180.31099 139.0879 178.64822 154.24664 176.83947 C 183.31661 173.36822 208.62601 155.4588 211.80726 139.09257 C 216.81976 113.31135 216.40667 76.173517 216.40667 76.173517 C 216.40667 25.843567 183.42911 11.090701 183.42911 11.090701 C 166.80288 3.4544586 138.25359 0.24249976 108.59237 0 L 107.86734 0 z M 74.300696 39.321576 C 86.655683 39.321576 96.005469 44.074216 102.19171 53.572957 L 108.2072 63.655412 L 114.22269 53.572957 C 120.40768 44.074216 129.7688 39.321576 142.12503 39.321576 C 152.80252 39.321576 161.39558 43.078456 167.96557 50.400948 C 174.33432 57.723441 177.50426 67.626897 177.50426 80.081884 L 177.50426 141.01843 L 153.36301 141.01843 L 153.36301 81.871803 C 153.36301 69.403066 148.12132 63.066325 137.62758 63.066325 C 126.02509 63.066325 120.20419 70.572671 120.20419 85.417656 L 120.20419 117.7948 L 96.210211 117.7948 L 96.210211 85.417656 C 96.210211 70.572671 90.38931 63.066325 78.786822 63.066325 C 68.293082 63.066325 63.051394 69.403066 63.051394 81.871803 L 63.051394 141.01843 L 38.910144 141.01843 L 38.910144 80.081884 C 38.910144 67.626897 42.078833 57.723441 48.448827 50.400948 C 55.01757 43.078456 63.621956 39.321576 74.300696 39.321576 z ' /%3E%3C/svg%3E%0A");
}
.wp-block-coblocks-posts__item {
margin-bottom: 2.5em;
}
/*
* Events Manager
* - Booking's Submit Button
* -- Feels very nasty, but I had to add !important, as the plugin's CSS is also using !important!
* - Mobile Styling
*/
.em-booking-form-section-confirm .em-booking-form-buttons input[type=submit].em-form-submit {
color: var(--wp--custom--button--color--text) !important;
background-color: var(--wp--custom--button--color--background) !important;
border: var(--wp--custom--button--border--width) var(--wp--custom--button--border--style) var(--wp--custom--button--border--color) !important;
border-radius: var(--wp--custom--button--border--radius) !important;
display: inline-block !important;
font-family: var(--wp--custom--button--typography--font-family) !important;
font-size: var(--wp--custom--button--typography--font-size) !important;
-webkit-font-smoothing: auto !important;
font-weight: var(--wp--custom--button--typography--font-weight) !important;
height: auto !important;
padding: var(--wp--custom--button--spacing--padding--top) var(--wp--custom--button--spacing--padding--right) var(--wp--custom--button--spacing--padding--bottom) var(--wp--custom--button--spacing--padding--left) !important;
text-decoration: none !important;
transition: all 0.3s !important;
width: auto !important;
&:hover, &:focus {
background-color: var(--wp--custom--button--hover--color--background) !important;
border-color: var(--wp--custom--button--hover--border--color) !important;
border-width: var(--wp--custom--button--border--width) !important;
color: var(--wp--custom--button--hover--color--text) !important;
text-decoration: none !important;
transition: all 0.3s !important;
}
}
/* Specific styling for mobile devices */
@media only screen and (max-width: 768px) {
.header-main-small {
display: block !important;
}
/* Adjust featured image size on mobile devices */
.single-event .wp-block-cover__image-background {
width: 100%;
height: auto;
object-fit: cover;
}
/* Ensure the cover container does not add extra padding or margins */
.single-event .entry-header .wp-block-cover.alignfull {
padding: 0;
}
}
/* Ensures the small header is hidden on larger screens */
.header-main-small {
display: none;
}
/* Adjust the aspect ratio of the cover image */
.single-event .entry-header .wp-block-cover {
aspect-ratio: 16 / 9;
min-height: auto;
}