nfg_ui 0.12.15 → 0.12.16
This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
- checksums.yaml +4 -4
- data/app/assets/stylesheets/nfg_ui/network_for_good/admin/nfg_theme/_custom.scss +0 -1
- data/app/assets/stylesheets/nfg_ui/network_for_good/admin/nfg_theme/custom/_content_section.scss +12 -12
- data/app/assets/stylesheets/nfg_ui/network_for_good/admin/nfg_theme/custom/_free_trial.scss +2 -2
- data/app/assets/stylesheets/nfg_ui/network_for_good/core/_variables.scss +13 -13
- data/app/assets/stylesheets/nfg_ui/network_for_good/core/nfg_theme/custom/_redactor.scss +2 -2
- data/app/assets/stylesheets/nfg_ui/network_for_good/email/application.scss +17 -10
- data/app/assets/stylesheets/nfg_ui/network_for_good/email/foundation_emails/_button.scss +1 -55
- data/app/assets/stylesheets/nfg_ui/network_for_good/email/foundation_emails/_grid.scss +0 -12
- data/app/assets/stylesheets/nfg_ui/network_for_good/email/foundation_emails/_typography.scss +4 -155
- data/app/assets/stylesheets/nfg_ui/network_for_good/email/nfg_theme/_borders.scss +2 -2
- data/app/assets/stylesheets/nfg_ui/network_for_good/email/nfg_theme/_content_sections.scss +2 -2
- data/app/assets/stylesheets/nfg_ui/network_for_good/email/nfg_theme/_layout.scss +1 -1
- data/app/assets/stylesheets/nfg_ui/network_for_good/email/nfg_theme/_typography.scss +1 -1
- data/app/assets/stylesheets/nfg_ui/network_for_good/email/settings/_settings.scss +31 -31
- data/lib/nfg_ui/version.rb +1 -1
- metadata +4 -5
- data/app/assets/stylesheets/nfg_ui/network_for_good/admin/nfg_theme/custom/_redacted_text.scss +0 -32
checksums.yaml
CHANGED
|
@@ -1,7 +1,7 @@
|
|
|
1
1
|
---
|
|
2
2
|
SHA256:
|
|
3
|
-
metadata.gz:
|
|
4
|
-
data.tar.gz:
|
|
3
|
+
metadata.gz: 2c4cea3d2799cbb858d6c47ae922ac963674a7739e8d10ca0019f57b739f2ff3
|
|
4
|
+
data.tar.gz: 6ec0cdedc2db4dc0297e233ea259299e676124d07fcecaa86f06060a83b0c96e
|
|
5
5
|
SHA512:
|
|
6
|
-
metadata.gz:
|
|
7
|
-
data.tar.gz:
|
|
6
|
+
metadata.gz: fe6ab62c43eb5b7dcbb99d97ae6c89343c243c6b5b9b6014e9ae39eda332808310fbe68a4f3ad2962adcc705b02b9cb96cbc7ee15b7ce84f672b2039cea6ec60
|
|
7
|
+
data.tar.gz: 06a649cc5652f1de76ac8a3f9303f9e70f86dbc7136499be4b0bf5016724f1d5e75613661f8d4e21441d092398f5ff0943a59363aaa9787b3a23d34a69138b37
|
data/app/assets/stylesheets/nfg_ui/network_for_good/admin/nfg_theme/custom/_content_section.scss
CHANGED
|
@@ -38,10 +38,10 @@
|
|
|
38
38
|
bottom: 100%;
|
|
39
39
|
margin-bottom: ($spacer * .5);
|
|
40
40
|
min-width: 200px;
|
|
41
|
+
max-width: 100%;
|
|
41
42
|
width: 430px;
|
|
42
43
|
text-align: center;
|
|
43
44
|
z-index: 120;
|
|
44
|
-
@include media-breakpoint-down(xs) { max-width: 100%; }
|
|
45
45
|
&[data-for='header_text'] {
|
|
46
46
|
top: 100%;
|
|
47
47
|
bottom: auto;
|
|
@@ -55,24 +55,24 @@
|
|
|
55
55
|
z-index: 100;
|
|
56
56
|
a {
|
|
57
57
|
display: inline-block;
|
|
58
|
-
padding: $btn-padding-y $btn-padding-x;
|
|
59
|
-
font-size: $btn-font-size;
|
|
60
|
-
line-height: $btn-line-height;
|
|
61
|
-
color: $body-color;
|
|
58
|
+
padding: $btn-padding-y $btn-padding-x !important;
|
|
59
|
+
font-size: $btn-font-size !important;
|
|
60
|
+
line-height: $btn-line-height !important;
|
|
61
|
+
color: $body-color !important;
|
|
62
62
|
text-align: center;
|
|
63
|
-
background-color: $white;
|
|
63
|
+
background-color: $white !important;
|
|
64
64
|
border: $border-width solid $border-color;
|
|
65
65
|
border-bottom: 0;
|
|
66
|
-
text-decoration: none;
|
|
66
|
+
text-decoration: none !important;
|
|
67
67
|
border-radius: $btn-border-radius $btn-border-radius 0 0;
|
|
68
|
-
|
|
69
|
-
color: $white;
|
|
70
|
-
background: $primary;
|
|
68
|
+
&:hover, &:focus, &:active {
|
|
69
|
+
color: $white !important;
|
|
70
|
+
background: $primary !important;
|
|
71
71
|
}
|
|
72
72
|
i.fa { margin-right: ($spacer * .25); }
|
|
73
73
|
&.cs-html-editor-save {
|
|
74
|
-
color: $white;
|
|
75
|
-
background-color: $primary;
|
|
74
|
+
color: $white !important;
|
|
75
|
+
background-color: $primary !important;
|
|
76
76
|
}
|
|
77
77
|
+ a[class^='cs-html-editor-'] { margin-left: ($spacer * .25); }
|
|
78
78
|
}
|
|
@@ -1,7 +1,7 @@
|
|
|
1
1
|
// Free trial styles for DMS
|
|
2
2
|
|
|
3
3
|
// Height of banner
|
|
4
|
-
$free_trial_banner_height:
|
|
4
|
+
$free_trial_banner_height: 7.4rem;
|
|
5
5
|
|
|
6
6
|
// Styles for container elements when body tag is using .has-free-trial
|
|
7
7
|
body.has-free-trial.nfg_ui {
|
|
@@ -15,7 +15,7 @@ body.has-free-trial.nfg_ui {
|
|
|
15
15
|
@include media-breakpoint-up(xl) {
|
|
16
16
|
.site-nav {
|
|
17
17
|
top: $free_trial_banner_height;
|
|
18
|
-
height: calc(100% -
|
|
18
|
+
height: calc(100% - 74px);
|
|
19
19
|
}
|
|
20
20
|
.full_width_layout { padding-top: ($spacer * 3); }
|
|
21
21
|
.container-wrap { padding-top: ($spacer * 2) + $free_trial_banner_height; }
|
|
@@ -5,7 +5,7 @@
|
|
|
5
5
|
|
|
6
6
|
// Color system
|
|
7
7
|
|
|
8
|
-
$white: #
|
|
8
|
+
$white: #ffffff;
|
|
9
9
|
$gray-100: #F3F6F8;
|
|
10
10
|
$gray-200: #E2E7EA;
|
|
11
11
|
$gray-300: #C9CED1;
|
|
@@ -15,7 +15,7 @@ $gray-600: #70787C;
|
|
|
15
15
|
$gray-700: #5B6367; // not used in our theme
|
|
16
16
|
$gray-800: #313A3E;
|
|
17
17
|
$gray-900: #1D262B;
|
|
18
|
-
$black: #
|
|
18
|
+
$black: #000000;
|
|
19
19
|
|
|
20
20
|
// $grays: () !default;
|
|
21
21
|
// stylelint-disable-next-line scss/dollar-variable-default
|
|
@@ -403,8 +403,8 @@ $table-dark-color: theme-color("light");
|
|
|
403
403
|
$input-btn-padding-y: .7rem;
|
|
404
404
|
$input-btn-padding-x: ($spacer * .25) + ($spacer * .125);
|
|
405
405
|
// $input-btn-font-family: null !default;
|
|
406
|
-
|
|
407
|
-
|
|
406
|
+
$input-btn-font-size: $font-size-base;
|
|
407
|
+
$input-btn-line-height: $line-height-base;
|
|
408
408
|
|
|
409
409
|
$input-btn-focus-width: ($spacer * .125);
|
|
410
410
|
$input-btn-focus-color: transparentize($primary, 0.8);
|
|
@@ -430,8 +430,8 @@ $input-btn-padding-x-lg: ($spacer * .75) - ($spacer * .125);
|
|
|
430
430
|
$btn-padding-y: ($input-btn-padding-y + .1rem);
|
|
431
431
|
$btn-padding-x: ($spacer * .5);
|
|
432
432
|
// $btn-font-family: $input-btn-font-family !default;
|
|
433
|
-
|
|
434
|
-
|
|
433
|
+
$btn-font-size: $input-btn-font-size;
|
|
434
|
+
$btn-line-height: $input-btn-line-height;
|
|
435
435
|
|
|
436
436
|
$btn-padding-y-sm: ($input-btn-padding-y-sm + .1rem);
|
|
437
437
|
// $btn-padding-x-sm: $input-btn-padding-x-sm !default;
|
|
@@ -695,13 +695,13 @@ $form-validation-states: map-merge(
|
|
|
695
695
|
// Warning: Avoid customizing these values. They're used for a bird's eye view
|
|
696
696
|
// of components dependent on the z-axis and are designed to all work together.
|
|
697
697
|
|
|
698
|
-
|
|
699
|
-
|
|
700
|
-
|
|
701
|
-
|
|
702
|
-
|
|
703
|
-
|
|
704
|
-
|
|
698
|
+
$zindex-dropdown: 1000;
|
|
699
|
+
$zindex-sticky: 1020;
|
|
700
|
+
$zindex-fixed: 1030;
|
|
701
|
+
$zindex-modal-backdrop: 1040;
|
|
702
|
+
$zindex-modal: 1050;
|
|
703
|
+
$zindex-popover: 1060;
|
|
704
|
+
$zindex-tooltip: 1070;
|
|
705
705
|
|
|
706
706
|
|
|
707
707
|
// Navs
|
|
@@ -45,7 +45,7 @@
|
|
|
45
45
|
&.re-icon {
|
|
46
46
|
.body-text { font-family: Arial, Helvetica, Verdana, Tahoma, sans-serif !important; }
|
|
47
47
|
}
|
|
48
|
-
|
|
48
|
+
&:hover, &:focus, &:active {
|
|
49
49
|
color: $white !important;
|
|
50
50
|
background-color: $primary;
|
|
51
51
|
}
|
|
@@ -72,7 +72,7 @@ body.modal-open {
|
|
|
72
72
|
z-index: $zindex-modal + 1 !important;
|
|
73
73
|
a[class^="redactor-dropdown-"] {
|
|
74
74
|
color: $body-color;
|
|
75
|
-
|
|
75
|
+
&:hover, &:focus, &:active {
|
|
76
76
|
color: $white;
|
|
77
77
|
background-color: $primary;
|
|
78
78
|
}
|
|
@@ -1,10 +1,19 @@
|
|
|
1
|
+
//** Email Styles **//
|
|
2
|
+
|
|
3
|
+
// Variables from core
|
|
4
|
+
@import 'nfg_ui/network_for_good/core/variables';
|
|
5
|
+
|
|
6
|
+
// Redactor styles
|
|
7
|
+
@import 'nfg_ui/network_for_good/core/nfg_theme/custom/redactor.scss';
|
|
8
|
+
@import 'nfg_ui/network_for_good/admin/nfg_theme/custom/content_section.scss';
|
|
9
|
+
|
|
10
|
+
// Foundation email styles
|
|
1
11
|
@import "settings/settings";
|
|
2
12
|
@import "foundation-emails";
|
|
3
13
|
@import "foundation_emails/alignment";
|
|
4
14
|
@import "foundation_emails/button";
|
|
5
15
|
@import "foundation_emails/typography";
|
|
6
16
|
|
|
7
|
-
|
|
8
17
|
// NFG Theme specific
|
|
9
18
|
@import "nfg_theme/backgrounds";
|
|
10
19
|
@import "nfg_theme/borders";
|
|
@@ -16,21 +25,19 @@
|
|
|
16
25
|
@import "nfg_theme/text_colors";
|
|
17
26
|
@import "nfg_theme/typography";
|
|
18
27
|
|
|
19
|
-
|
|
20
28
|
// App Utilities
|
|
21
29
|
// i18n translation missing visual to help find missing t('')s...
|
|
22
|
-
.translation_missing{
|
|
23
|
-
background-color:
|
|
30
|
+
.translation_missing {
|
|
31
|
+
background-color: $danger;
|
|
24
32
|
display: inline-block;
|
|
25
|
-
border: solid 3px darken(
|
|
26
|
-
padding:10px;
|
|
27
|
-
color
|
|
33
|
+
border: solid 3px darken($danger, 15%);
|
|
34
|
+
padding: 10px;
|
|
35
|
+
color: #fff;
|
|
28
36
|
position: relative;
|
|
29
|
-
|
|
30
|
-
&:before{
|
|
37
|
+
&:before {
|
|
31
38
|
content: "Translation Missing:";
|
|
32
39
|
position: absolute;
|
|
33
|
-
background-color: darken(
|
|
40
|
+
background-color: darken($danger, 15%);
|
|
34
41
|
display: inline-block;
|
|
35
42
|
width: 110px;
|
|
36
43
|
left: 50%;
|
|
@@ -2,60 +2,6 @@
|
|
|
2
2
|
// zurb.com/ink/
|
|
3
3
|
// Licensed under MIT Open Source
|
|
4
4
|
|
|
5
|
-
////
|
|
6
|
-
/// @group button
|
|
7
|
-
////
|
|
8
|
-
|
|
9
|
-
// /// Padding inside buttons at various sizes.
|
|
10
|
-
// /// @type Map
|
|
11
|
-
// $button-padding: (
|
|
12
|
-
// tiny: 4px 8px 4px 8px,
|
|
13
|
-
// small: 5px 10px 5px 10px,
|
|
14
|
-
// default: 8px 16px 8px 16px,
|
|
15
|
-
// large: 10px 20px 10px 20px,
|
|
16
|
-
// ) !default;
|
|
17
|
-
|
|
18
|
-
// /// Font sizes of buttons at various sizes.
|
|
19
|
-
// /// @type Map
|
|
20
|
-
// $button-font-size: (
|
|
21
|
-
// tiny: 10px,
|
|
22
|
-
// small: 12px,
|
|
23
|
-
// default: 16px,
|
|
24
|
-
// large: 20px,
|
|
25
|
-
// ) !default;
|
|
26
|
-
|
|
27
|
-
// /// Text color of buttons.
|
|
28
|
-
// /// @type Color
|
|
29
|
-
// $button-color: $white !default;
|
|
30
|
-
|
|
31
|
-
// /// Text color of buttons with a light background.
|
|
32
|
-
// /// @type Color
|
|
33
|
-
// $button-color-alt: $medium-gray !default;
|
|
34
|
-
|
|
35
|
-
// /// Font weight of buttons.
|
|
36
|
-
// /// @type Weight
|
|
37
|
-
// $button-font-weight: bold !default;
|
|
38
|
-
|
|
39
|
-
// /// Margin around buttons.
|
|
40
|
-
// /// @type List
|
|
41
|
-
// $button-margin: 0 0 $global-margin 0 !default;
|
|
42
|
-
|
|
43
|
-
// /// Background color of buttons.
|
|
44
|
-
// /// @type Color
|
|
45
|
-
// $button-background: $primary-color !default;
|
|
46
|
-
|
|
47
|
-
// /// Border around buttons.
|
|
48
|
-
// /// @type Border
|
|
49
|
-
// $button-border: 2px solid $button-background !default;
|
|
50
|
-
|
|
51
|
-
// /// Border radius of buttons. Not supported by all email clients.
|
|
52
|
-
// /// @type Number
|
|
53
|
-
// $button-radius: $global-radius !default;
|
|
54
|
-
|
|
55
|
-
// /// Border radius of rounded buttons. Not supported by all email clients.
|
|
56
|
-
// /// @type Number
|
|
57
|
-
// $button-rounded: $global-rounded !default;
|
|
58
|
-
|
|
59
5
|
table.button {
|
|
60
6
|
// width: auto;
|
|
61
7
|
// margin: $button-margin;
|
|
@@ -157,7 +103,7 @@ table.button.inverse {
|
|
|
157
103
|
td {
|
|
158
104
|
background: transparent;
|
|
159
105
|
color: $white;
|
|
160
|
-
border:
|
|
106
|
+
border: $border-width solid $white;
|
|
161
107
|
}
|
|
162
108
|
a {
|
|
163
109
|
color: $white;
|
|
@@ -6,18 +6,6 @@
|
|
|
6
6
|
/// @group grid
|
|
7
7
|
////
|
|
8
8
|
|
|
9
|
-
/// Default number of columns for an email.
|
|
10
|
-
/// @type Number
|
|
11
|
-
// $grid-column-count: 12 !default;
|
|
12
|
-
|
|
13
|
-
/// Default padding for the bottom of a column.
|
|
14
|
-
/// @type Number
|
|
15
|
-
// $column-padding-bottom: $global-padding !default;
|
|
16
|
-
|
|
17
|
-
/// Default border radius for the container. Use a px value
|
|
18
|
-
/// @type Number
|
|
19
|
-
// $container-radius: 0 !default;
|
|
20
|
-
|
|
21
9
|
// For viewing email in browser
|
|
22
10
|
@media only screen {
|
|
23
11
|
html {
|
data/app/assets/stylesheets/nfg_ui/network_for_good/email/foundation_emails/_typography.scss
CHANGED
|
@@ -1,158 +1,6 @@
|
|
|
1
|
-
//
|
|
2
|
-
//
|
|
3
|
-
//
|
|
4
|
-
|
|
5
|
-
// ////
|
|
6
|
-
// /// @group typography
|
|
7
|
-
// ////
|
|
8
|
-
|
|
9
|
-
/// Global font color.
|
|
10
|
-
/// @type Color
|
|
11
|
-
$global-font-color: #313A3E;
|
|
12
|
-
|
|
13
|
-
// /// Global font family.
|
|
14
|
-
// /// @type Font
|
|
15
|
-
// $body-font-family: Helvetica, Arial, sans-serif !default;
|
|
16
|
-
|
|
17
|
-
// /// Global font weight.
|
|
18
|
-
// /// @type Keyword
|
|
19
|
-
// $global-font-weight: normal !default;
|
|
20
|
-
|
|
21
|
-
// /// Header color
|
|
22
|
-
// /// @type Color
|
|
23
|
-
// $header-color: inherit !default;
|
|
24
|
-
|
|
25
|
-
/// Global line height.
|
|
26
|
-
/// @type Number
|
|
27
|
-
$global-line-height: 1.4;
|
|
28
|
-
|
|
29
|
-
/// Font size of body text.
|
|
30
|
-
/// @type Number
|
|
31
|
-
$global-font-size: 14px;
|
|
32
|
-
|
|
33
|
-
/// Line height of body text.
|
|
34
|
-
/// @type Number
|
|
35
|
-
$body-line-height: 1.5;
|
|
36
|
-
|
|
37
|
-
// /// Font family of headings.
|
|
38
|
-
// /// @type List
|
|
39
|
-
// $header-font-family: $body-font-family !default;
|
|
40
|
-
|
|
41
|
-
// /// Font family of headings.
|
|
42
|
-
// /// @type List
|
|
43
|
-
$header-font-weight: bold;
|
|
44
|
-
|
|
45
|
-
/// Font size of `<h1>` elements.
|
|
46
|
-
/// @type Number
|
|
47
|
-
$h1-font-size: 30px;
|
|
48
|
-
|
|
49
|
-
/// Font size of `<h2>` elements.
|
|
50
|
-
/// @type Number
|
|
51
|
-
$h2-font-size: 27px;
|
|
52
|
-
|
|
53
|
-
/// Font size of `<h3>` elements.
|
|
54
|
-
/// @type Number
|
|
55
|
-
$h3-font-size: 24px;
|
|
56
|
-
|
|
57
|
-
/// Font size of `<h4>` elements.
|
|
58
|
-
/// @type Number
|
|
59
|
-
$h4-font-size: 20px;
|
|
60
|
-
|
|
61
|
-
/// Font size of `<h5>` elements.
|
|
62
|
-
/// @type Number
|
|
63
|
-
$h5-font-size: 17px;
|
|
64
|
-
|
|
65
|
-
/// Font size of `<h6>` elements.
|
|
66
|
-
/// @type Number
|
|
67
|
-
$h6-font-size: 14px;
|
|
68
|
-
|
|
69
|
-
/// Margin bottom of `<h1>` through `<h6>` elements.
|
|
70
|
-
/// @type Number
|
|
71
|
-
$header-margin-bottom: 0;
|
|
72
|
-
|
|
73
|
-
/// Margin bottom of paragraphs.
|
|
74
|
-
/// @type Number
|
|
75
|
-
$paragraph-margin-bottom: 0;
|
|
76
|
-
|
|
77
|
-
// /// Default font size for `<small>`.
|
|
78
|
-
// /// @type Number
|
|
79
|
-
$small-font-size: 12px;
|
|
80
|
-
|
|
81
|
-
// /// Color of `<small>` elements when placed inside headers.
|
|
82
|
-
// /// @type Color
|
|
83
|
-
// $small-font-color: $medium-gray !default;
|
|
84
|
-
|
|
85
|
-
// /// Font size of lead paragraphs.
|
|
86
|
-
// /// @type Number
|
|
87
|
-
// $lead-font-size: $global-font-size * 1.25 !default;
|
|
88
|
-
|
|
89
|
-
// /// Line height of lead paragraphs.
|
|
90
|
-
// /// @type Number
|
|
91
|
-
// $lead-line-height: 160% !default;
|
|
92
|
-
|
|
93
|
-
// /// Padding inside paragraphs.
|
|
94
|
-
// /// @type Number
|
|
95
|
-
// $text-padding: 10px !default;
|
|
96
|
-
|
|
97
|
-
// /// Default line height for subheaders.
|
|
98
|
-
// /// @type Number
|
|
99
|
-
// $subheader-lineheight: 1.4 !default;
|
|
100
|
-
|
|
101
|
-
// /// Default font color for subheaders.
|
|
102
|
-
// /// @type Color
|
|
103
|
-
// $subheader-color: $dark-gray !default;
|
|
104
|
-
|
|
105
|
-
// /// Default font weight for subheaders.
|
|
106
|
-
// /// @type String
|
|
107
|
-
// $subheader-font-weight: $global-font-weight !default;
|
|
108
|
-
|
|
109
|
-
// /// Default top margin for subhheaders.
|
|
110
|
-
// /// @type Number
|
|
111
|
-
// $subheader-margin-top: 4px !default;
|
|
112
|
-
|
|
113
|
-
// /// Default bottom margin for subheaders.
|
|
114
|
-
// /// @type Number
|
|
115
|
-
// $subheader-margin-bottom: 8px !default;
|
|
116
|
-
|
|
117
|
-
/// Maximum width of a divider.
|
|
118
|
-
/// @type Number
|
|
119
|
-
$hr-width: 100% !default;
|
|
120
|
-
|
|
121
|
-
/// Default border for a divider.
|
|
122
|
-
/// @type List
|
|
123
|
-
$hr-border: 1px solid $medium-gray;
|
|
124
|
-
|
|
125
|
-
/// Default margin for a divider.
|
|
126
|
-
/// @type Number | List
|
|
127
|
-
$hr-margin: $global-gutter auto;
|
|
128
|
-
|
|
129
|
-
// /// Text decoration for anchors.
|
|
130
|
-
// /// @type Keyword
|
|
131
|
-
// $anchor-text-decoration: none !default;
|
|
132
|
-
|
|
133
|
-
// /// Text color of anchors.
|
|
134
|
-
// /// @type Color
|
|
135
|
-
$anchor-color: $primary-color;
|
|
136
|
-
|
|
137
|
-
// /// Text color of anchors to visited links.
|
|
138
|
-
// /// @type Color
|
|
139
|
-
$anchor-color-visited: $anchor-color;
|
|
140
|
-
|
|
141
|
-
// /// Text color of anchors on hover.
|
|
142
|
-
// /// @type Color
|
|
143
|
-
$anchor-color-hover: lighten($primary-color, 10%);
|
|
144
|
-
|
|
145
|
-
// /// Text color of active anchors.
|
|
146
|
-
// /// @type Color
|
|
147
|
-
// $anchor-color-active: $anchor-color-hover !default;
|
|
148
|
-
|
|
149
|
-
// /// Default font size for statistic numbers.
|
|
150
|
-
// /// @type Number
|
|
151
|
-
// $stat-font-size: 40px !default;
|
|
152
|
-
|
|
153
|
-
// /// Removing the iOS telephone and address styling
|
|
154
|
-
// /// @type Boolean
|
|
155
|
-
// $remove-ios-blue: true !default;
|
|
1
|
+
// Foundation for Emails by ZURB
|
|
2
|
+
// zurb.com/ink/
|
|
3
|
+
// Licensed under MIT Open Source
|
|
156
4
|
|
|
157
5
|
body,
|
|
158
6
|
table.body,
|
|
@@ -354,6 +202,7 @@ span.preheader {
|
|
|
354
202
|
}
|
|
355
203
|
|
|
356
204
|
ul, ol{
|
|
205
|
+
margin-top: 0;
|
|
357
206
|
margin-bottom: $paragraph-margin-bottom;
|
|
358
207
|
}
|
|
359
208
|
|
|
@@ -1,2 +1,2 @@
|
|
|
1
|
-
.border { border: solid
|
|
2
|
-
.border-top { border-top: solid
|
|
1
|
+
.border { border: $border-width solid $border-color; }
|
|
2
|
+
.border-top { border-top: $border-width solid $border-color; }
|
|
@@ -1,8 +1,8 @@
|
|
|
1
1
|
// Styles specific for content section links
|
|
2
2
|
.cs-edit, .cs-rm-group, .cs-add-group {
|
|
3
|
-
padding:
|
|
3
|
+
padding: 0.5rem 0.8rem !important;
|
|
4
4
|
font-weight: $bold-font-weight;
|
|
5
|
-
font-size:
|
|
5
|
+
font-size: 14px !important;
|
|
6
6
|
line-height: 1;
|
|
7
7
|
}
|
|
8
8
|
|
|
@@ -16,25 +16,25 @@
|
|
|
16
16
|
// 1. Global
|
|
17
17
|
// ---------
|
|
18
18
|
|
|
19
|
-
$primary-color:
|
|
20
|
-
$secondary-color:
|
|
21
|
-
$success-color:
|
|
22
|
-
$warning-color:
|
|
23
|
-
$alert-color:
|
|
24
|
-
$light-gray:
|
|
25
|
-
$medium-gray:
|
|
26
|
-
$dark-gray:
|
|
27
|
-
$black:
|
|
28
|
-
$white:
|
|
29
|
-
$pre-color:
|
|
19
|
+
$primary-color: $primary;
|
|
20
|
+
$secondary-color: $gray-600;
|
|
21
|
+
$success-color: $success;
|
|
22
|
+
$warning-color: $warning;
|
|
23
|
+
$alert-color: $danger;
|
|
24
|
+
$light-gray: $gray-100;
|
|
25
|
+
$medium-gray: $gray-300;
|
|
26
|
+
$dark-gray: $gray-800;
|
|
27
|
+
$black: $black;
|
|
28
|
+
$white: $white;
|
|
29
|
+
$pre-color: $gray-800;
|
|
30
30
|
$global-width: 580px;
|
|
31
31
|
$global-width-small: 100%;
|
|
32
32
|
$global-gutter: 24px;
|
|
33
|
-
$body-background: $
|
|
33
|
+
$body-background: $body-bg;
|
|
34
34
|
$container-background: $white;
|
|
35
35
|
$global-padding: 12px;
|
|
36
36
|
$global-margin: 12px;
|
|
37
|
-
$global-radius:
|
|
37
|
+
$global-radius: $border-radius;
|
|
38
38
|
$global-rounded: 500px;
|
|
39
39
|
$global-breakpoint: $global-width + $global-gutter;
|
|
40
40
|
|
|
@@ -57,19 +57,19 @@ $block-grid-gutter: $global-gutter;
|
|
|
57
57
|
$global-font-color: $dark-gray;
|
|
58
58
|
$body-font-family: Helvetica, Arial, sans-serif;
|
|
59
59
|
$global-font-weight: normal;
|
|
60
|
-
$bold-font-weight:
|
|
60
|
+
$bold-font-weight: $font-weight-bold;
|
|
61
61
|
$header-color: inherit;
|
|
62
|
-
$global-line-height:
|
|
63
|
-
$global-font-size:
|
|
62
|
+
$global-line-height: $line-height-base;
|
|
63
|
+
$global-font-size: 16px;
|
|
64
64
|
$body-line-height: $global-line-height;
|
|
65
65
|
$header-font-family: Helvetica, Arial, sans-serif;
|
|
66
66
|
$header-font-weight: $bold-font-weight;
|
|
67
|
-
$h1-font-size:
|
|
68
|
-
$h2-font-size:
|
|
69
|
-
$h3-font-size:
|
|
70
|
-
$h4-font-size:
|
|
71
|
-
$h5-font-size:
|
|
72
|
-
$h6-font-size:
|
|
67
|
+
$h1-font-size: 40px;
|
|
68
|
+
$h2-font-size: 32px;
|
|
69
|
+
$h3-font-size: 28px;
|
|
70
|
+
$h4-font-size: 24px;
|
|
71
|
+
$h5-font-size: 20px;
|
|
72
|
+
$h6-font-size: 16px;
|
|
73
73
|
$header-margin-bottom: 12px;
|
|
74
74
|
$paragraph-margin-bottom: 12px;
|
|
75
75
|
$small-font-size: 80%;
|
|
@@ -83,7 +83,7 @@ $subheader-font-weight: $global-font-weight;
|
|
|
83
83
|
$subheader-margin-top: 4px;
|
|
84
84
|
$subheader-margin-bottom: 8px;
|
|
85
85
|
$hr-width: $global-width;
|
|
86
|
-
$hr-border:
|
|
86
|
+
$hr-border: $border-width solid $border-color;
|
|
87
87
|
$hr-margin: 24px auto;
|
|
88
88
|
$anchor-text-decoration: underline;
|
|
89
89
|
$anchor-color: $primary-color;
|
|
@@ -102,10 +102,10 @@ $button-padding: (
|
|
|
102
102
|
large: 10px 12px 10px 12px,
|
|
103
103
|
);
|
|
104
104
|
$button-font-size: (
|
|
105
|
-
tiny:
|
|
105
|
+
tiny: 14px,
|
|
106
106
|
small: 14px,
|
|
107
|
-
default:
|
|
108
|
-
large:
|
|
107
|
+
default: 16px,
|
|
108
|
+
large: 20px,
|
|
109
109
|
);
|
|
110
110
|
$button-color: $white;
|
|
111
111
|
$button-color-alt: $medium-gray;
|
|
@@ -123,11 +123,11 @@ $callout-background: #e5f5fd;
|
|
|
123
123
|
$callout-background-fade: 88%;
|
|
124
124
|
$callout-padding: 12px;
|
|
125
125
|
$callout-margin-bottom: $global-margin;
|
|
126
|
-
$callout-border:
|
|
127
|
-
$callout-border-secondary:
|
|
128
|
-
$callout-border-success:
|
|
129
|
-
$callout-border-warning:
|
|
130
|
-
$callout-border-alert:
|
|
126
|
+
$callout-border: $border-width solid $primary-color;
|
|
127
|
+
$callout-border-secondary: $border-width solid $secondary-color;
|
|
128
|
+
$callout-border-success: $border-width solid $success-color;
|
|
129
|
+
$callout-border-warning: $border-width solid $warning-color;
|
|
130
|
+
$callout-border-alert: $border-width solid $alert-color;
|
|
131
131
|
|
|
132
132
|
// 7. Menu
|
|
133
133
|
// -------
|
data/lib/nfg_ui/version.rb
CHANGED
metadata
CHANGED
|
@@ -1,7 +1,7 @@
|
|
|
1
1
|
--- !ruby/object:Gem::Specification
|
|
2
2
|
name: nfg_ui
|
|
3
3
|
version: !ruby/object:Gem::Version
|
|
4
|
-
version: 0.12.
|
|
4
|
+
version: 0.12.16
|
|
5
5
|
platform: ruby
|
|
6
6
|
authors:
|
|
7
7
|
- Jonathan Roehm
|
|
@@ -9,7 +9,7 @@ authors:
|
|
|
9
9
|
autorequire:
|
|
10
10
|
bindir: bin
|
|
11
11
|
cert_chain: []
|
|
12
|
-
date: 2021-
|
|
12
|
+
date: 2021-10-11 00:00:00.000000000 Z
|
|
13
13
|
dependencies:
|
|
14
14
|
- !ruby/object:Gem::Dependency
|
|
15
15
|
name: bootstrap
|
|
@@ -149,14 +149,14 @@ dependencies:
|
|
|
149
149
|
requirements:
|
|
150
150
|
- - ">="
|
|
151
151
|
- !ruby/object:Gem::Version
|
|
152
|
-
version: 1.
|
|
152
|
+
version: 1.12.5
|
|
153
153
|
type: :runtime
|
|
154
154
|
prerelease: false
|
|
155
155
|
version_requirements: !ruby/object:Gem::Requirement
|
|
156
156
|
requirements:
|
|
157
157
|
- - ">="
|
|
158
158
|
- !ruby/object:Gem::Version
|
|
159
|
-
version: 1.
|
|
159
|
+
version: 1.12.5
|
|
160
160
|
- !ruby/object:Gem::Dependency
|
|
161
161
|
name: browser
|
|
162
162
|
requirement: !ruby/object:Gem::Requirement
|
|
@@ -446,7 +446,6 @@ files:
|
|
|
446
446
|
- app/assets/stylesheets/nfg_ui/network_for_good/admin/nfg_theme/custom/_mailings.scss
|
|
447
447
|
- app/assets/stylesheets/nfg_ui/network_for_good/admin/nfg_theme/custom/_page_header.scss
|
|
448
448
|
- app/assets/stylesheets/nfg_ui/network_for_good/admin/nfg_theme/custom/_readmore.scss
|
|
449
|
-
- app/assets/stylesheets/nfg_ui/network_for_good/admin/nfg_theme/custom/_redacted_text.scss
|
|
450
449
|
- app/assets/stylesheets/nfg_ui/network_for_good/admin/nfg_theme/custom/_share_dropdown.scss
|
|
451
450
|
- app/assets/stylesheets/nfg_ui/network_for_good/admin/nfg_theme/custom/_sortable.scss
|
|
452
451
|
- app/assets/stylesheets/nfg_ui/network_for_good/admin/nfg_theme/custom/_status_indicator.scss
|
data/app/assets/stylesheets/nfg_ui/network_for_good/admin/nfg_theme/custom/_redacted_text.scss
DELETED
|
@@ -1,32 +0,0 @@
|
|
|
1
|
-
// Empty state blocker with blokk font-family replacement
|
|
2
|
-
|
|
3
|
-
// Import redacted-style "blokk" font for empty states
|
|
4
|
-
// Needs to be outside of the namespace for valid CSS output (particularly important for Internet Explorer)
|
|
5
|
-
@font-face {
|
|
6
|
-
font-family: 'BLOKK';
|
|
7
|
-
src: asset-url('admin/blokk/BLOKKNeue-Regular.eot');
|
|
8
|
-
src: asset-url('admin/blokk/BLOKKNeue-Regular.eot?#iefix') format('embedded-opentype'),
|
|
9
|
-
asset-url('admin/blokk/BLOKKNeue-Regular.woff2') format('woff2'),
|
|
10
|
-
asset-url('admin/blokk/BLOKKNeue-Regular.woff') format('woff'),
|
|
11
|
-
asset-url('admin/blokk/BLOKKNeue-Regular.otf') format('opentype'),
|
|
12
|
-
asset-url('admin/blokk/BLOKKNeue-Regular.ttf') format('truetype'),
|
|
13
|
-
asset-url('admin/blokk/BLOKKNeue-Regular.svg#BLOKKRegular') format('svg');
|
|
14
|
-
font-weight: normal;
|
|
15
|
-
font-style: normal;
|
|
16
|
-
}
|
|
17
|
-
@media screen and (-webkit-min-device-pixel-ratio:0) {
|
|
18
|
-
@font-face {
|
|
19
|
-
font-family: 'BLOKK';
|
|
20
|
-
src: asset-url('admin/blokk/BLOKKNeue-Regular.svg') format('svg');
|
|
21
|
-
}
|
|
22
|
-
}
|
|
23
|
-
|
|
24
|
-
$redacted-font-family: "BLOKK";
|
|
25
|
-
|
|
26
|
-
// Overlay styles
|
|
27
|
-
.redacted-text {
|
|
28
|
-
font-family: $redacted-font-family !important;
|
|
29
|
-
letter-spacing: -3px;
|
|
30
|
-
word-spacing: -3px;
|
|
31
|
-
.card-img-overlay { background: none; }
|
|
32
|
-
}
|