@shift72/core-template 0.5.1 → 0.6.0-alpha.0

Sign up to get free protection for your applications and to get access to all the features.
Files changed (70) hide show
  1. package/.nvmrc +1 -0
  2. package/CHANGELOG.md +35 -10
  3. package/kibble.json +3 -3
  4. package/package.json +1 -2
  5. package/scripts/translate.mjs +30 -22
  6. package/site/ar_LB.all.json +65 -11
  7. package/site/ca_ES.all.json +65 -11
  8. package/site/da_DK.all.json +64 -10
  9. package/site/de_DE.all.json +64 -10
  10. package/site/el_EL.all.json +64 -10
  11. package/site/en_AU.all.json +70 -16
  12. package/site/es_ES.all.json +66 -12
  13. package/site/es_MX.all.json +66 -12
  14. package/site/{ee_EE.all.json → et_ET.all.json} +64 -10
  15. package/site/fi_FI.all.json +67 -13
  16. package/site/fr_FR.all.json +66 -12
  17. package/site/hr_HR.all.json +65 -11
  18. package/site/hu_HU.all.json +65 -11
  19. package/site/it_IT.all.json +65 -11
  20. package/site/ja_JP.all.json +64 -10
  21. package/site/lt_LT.all.json +64 -10
  22. package/site/nl_BE.all.json +65 -11
  23. package/site/no_NO.all.json +65 -11
  24. package/site/pl_PL.all.json +65 -11
  25. package/site/plans.html.jet +17 -17
  26. package/site/pt_BR.all.json +65 -11
  27. package/site/pt_PT.all.json +65 -11
  28. package/site/ru_RU.all.json +67 -13
  29. package/site/sr_SR.all.json +67 -13
  30. package/site/static/fonts/fa-s72.woff +0 -0
  31. package/site/static/js/main.js +1 -0
  32. package/site/static/scripts/main.js.map +1 -1
  33. package/site/styles/_availability-tags.scss +63 -31
  34. package/site/styles/_awards.scss +4 -3
  35. package/site/styles/_buttons.scss +15 -3
  36. package/site/styles/_carousel.scss +21 -24
  37. package/site/styles/_forms.scss +8 -3
  38. package/site/styles/_icons.scss +180 -9
  39. package/site/styles/_legacy.scss +0 -7
  40. package/site/styles/_meta-detail.scss +65 -40
  41. package/site/styles/_nav.scss +5 -4
  42. package/site/styles/_plans.scss +10 -17
  43. package/site/styles/_poster.scss +3 -9
  44. package/site/styles/_share-modal.scss +86 -0
  45. package/site/styles/_shift72.scss +7 -0
  46. package/site/styles/_shopping.scss +0 -1
  47. package/site/styles/_skip-link.scss +1 -1
  48. package/site/styles/_tooltips.scss +7 -0
  49. package/site/styles/_variables.scss +9 -8
  50. package/site/styles/_wishlist.scss +2 -2
  51. package/site/styles/main.scss +3 -2
  52. package/site/subscriptions.html.jet +11 -0
  53. package/site/templates/application/application.jet +2 -2
  54. package/site/templates/application/google.jet +8 -13
  55. package/site/templates/application/nav/user_logged_in.jet +7 -2
  56. package/site/templates/collection/carousel_item.jet +5 -3
  57. package/site/templates/common/social-media-buttons.jet +1 -37
  58. package/site/templates/common/sponsor-image.jet +18 -0
  59. package/site/templates/film/item.jet +92 -86
  60. package/site/templates/tv/detail.jet +30 -21
  61. package/site/tr_TR.all.json +64 -10
  62. package/site/uk_UA.all.json +65 -11
  63. package/site/zh_TW.all.json +64 -10
  64. package/site/static/fonts/FontAwesome.otf +0 -0
  65. package/site/static/fonts/fontawesome-webfont.eot +0 -0
  66. package/site/static/fonts/fontawesome-webfont.svg +0 -565
  67. package/site/static/fonts/fontawesome-webfont.ttf +0 -0
  68. package/site/static/fonts/fontawesome-webfont.woff +0 -0
  69. package/site/static/fonts/fontawesome-webfont.woff2 +0 -0
  70. package/site/styles/_social-media-buttons.scss +0 -159
@@ -1,159 +0,0 @@
1
- .social-media-buttons {
2
- @extend .d-flex;
3
- flex-direction: row;
4
- padding-bottom: 3px;
5
- padding-top: 2px;
6
- }
7
-
8
- .social-media-buttons-title {
9
- align-self: center;
10
- display: flex;
11
- padding-right: 10px;
12
-
13
- h2,
14
- h5 {
15
- align-self: center;
16
- color: var(--body-color);
17
- font-family: $font-family-base;
18
- font-size: 12px;
19
- font-weight: $font-weight-bold;
20
- margin: 0;
21
- }
22
- }
23
-
24
- .btn-social {
25
- background: #fff;
26
- border: 2px solid #fff;
27
- border-radius: 50%;
28
- //all arbituary values
29
- color: #000;
30
- height: 32px;
31
- line-height: 1;
32
- padding: 0;
33
- position: relative;
34
- width: 32px;
35
-
36
- .fa {
37
- color: #fff;
38
- font-size: 14px;
39
- left: 50%;
40
- position: absolute;
41
- top: 50%;
42
- transform: translateX(-50%) translateY(-50%);
43
- }
44
-
45
- &.btn-social-facebook {
46
- background: $facebook-color;
47
- border-color: $facebook-color;
48
-
49
- .fa {
50
- color: var(--body-bg);
51
- }
52
- }
53
-
54
- &.btn-social-instagram {
55
- background-color: $instagram-color;
56
- border-color: $instagram-color;
57
-
58
- .fa {
59
- color: var(--body-bg);
60
- }
61
- }
62
-
63
- &.btn-social-twitter {
64
- background-color: $twitter-color;
65
- border-color: $twitter-color;
66
-
67
- .fa {
68
- color: var(--body-bg);
69
- }
70
- }
71
-
72
- &.btn-social-linkedin {
73
- background-color: $linkedin-color;
74
- border-color: $linkedin-color;
75
-
76
- .fa {
77
- color: var(--body-bg);
78
- }
79
- }
80
-
81
- &.btn-social-youtube {
82
- background-color: $youtube-color;
83
- border-color: $youtube-color;
84
-
85
- .fa {
86
- color: var(--body-bg);
87
- }
88
- }
89
-
90
- &.btn-social-letterboxd {
91
- background-color: $letterboxd-color;
92
- border-color: $letterboxd-color;
93
-
94
- path {
95
- fill: var(--body-bg);
96
- stroke: var(--body-bg);
97
- stroke-width: 1;
98
- }
99
- }
100
-
101
- &:hover,
102
- &:active,
103
- &:focus {
104
- &.btn-social-facebook {
105
- background-color: var(--primary);
106
- border-color: var(--primary);
107
-
108
- .fa {
109
- color: $facebook-color;
110
- }
111
- }
112
-
113
- &.btn-social-instagram {
114
- background-color: var(--primary);
115
- border-color: var(--primary);
116
-
117
- .fa {
118
- color: $instagram-color;
119
- }
120
- }
121
-
122
- &.btn-social-twitter {
123
- background-color: var(--primary);
124
- border-color: var(--primary);
125
-
126
- .fa {
127
- color: $twitter-color;
128
- }
129
- }
130
-
131
- &.btn-social-linkedin {
132
- background-color: var(--primary);
133
- border-color: var(--primary);
134
-
135
- .fa {
136
- color: $linkedin-color;
137
- }
138
- }
139
-
140
- &.btn-social-youtube {
141
- background-color: var(--primary);
142
- border-color: var(--primary);
143
-
144
- .fa {
145
- color: $youtube-color;
146
- }
147
- }
148
-
149
- &.btn-social-letterboxd {
150
- background-color: var(--primary);
151
- border-color: var(--primary);
152
-
153
- path {
154
- fill: $letterboxd-color;
155
- stroke: $letterboxd-color;
156
- }
157
- }
158
- }
159
- }