@royaloperahouse/harmonic 0.1.7-d → 0.1.7

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.
@@ -313,7 +313,6 @@
313
313
  }
314
314
  }
315
315
 
316
-
317
316
  @font-face {
318
317
  font-family: 'GreyLLTT';
319
318
  src: url('https://s3.eu-west-1.amazonaws.com/static.roh.org.uk/fonts/harmonic/GreyLLTT-Regular.woff2') format('woff2');
@@ -340,7 +339,8 @@
340
339
 
341
340
  @font-face {
342
341
  font-family: 'VictorSerif';
343
- src: url('https://s3.eu-west-1.amazonaws.com/static.roh.org.uk/fonts/harmonic/VictorSerif-Medium.woff2') format('woff2');
342
+ src: url('https://s3.eu-west-1.amazonaws.com/static.roh.org.uk/fonts/harmonic/VictorSerif-Medium.woff2')
343
+ format('woff2');
344
344
  font-weight: 500;
345
345
  font-style: normal;
346
346
  font-display: swap;
@@ -348,13 +348,15 @@
348
348
 
349
349
  @font-face {
350
350
  font-family: 'VictorSerif';
351
- src: url('https://s3.eu-west-1.amazonaws.com/static.roh.org.uk/fonts/harmonic/VictorSerif-MediumItalic.woff2') format('woff2');
351
+ src: url('https://s3.eu-west-1.amazonaws.com/static.roh.org.uk/fonts/harmonic/VictorSerif-MediumItalic.woff2')
352
+ format('woff2');
352
353
  font-weight: 500;
353
354
  font-style: italic;
354
355
  font-display: swap;
355
356
  }
356
357
 
357
358
  .core-theme-module_coreTheme__pWxYB {
359
+ /* RBO Red */
358
360
  /* Primary Palette */
359
361
  --color-primary: #1a1a1a;
360
362
  --color-primary-red: #eb0a0a;
@@ -629,6 +631,11 @@
629
631
  --harmonic-text-link-underline-offset: 6px;
630
632
  --harmonic-font-size-navigation: 19px;
631
633
 
634
+ --announcement-banner-color: var(--color-base-white);
635
+ --announcement-banner-bg-color: var(--color-primary-red);
636
+ --announcement-banner-hover-color: var(--color-white-hovered);
637
+ --announcement-banner-pressed-color: var(--color-white-pressed);
638
+
632
639
  @media (max-width: 699px) {
633
640
  --font-size-header-1: 38px;
634
641
  --font-weight-header-1: 500;
@@ -789,7 +796,7 @@
789
796
  }
790
797
 
791
798
  .stream-theme-module_streamTheme__lTfqQ {
792
- /* Stream theme overrides */
799
+ /* RBO Black */
793
800
  --base-color-primary: #1866dc;
794
801
  --color-primary: #1866dc;
795
802
  --color-primary-button: #1866dc;
@@ -814,10 +821,15 @@
814
821
  --rotator-button-bg-color: var(--color-base-black);
815
822
  --rotator-button-hover-color: var(--color-base-white);
816
823
  --rotator-button-hover-bg-color: var(--color-primary-red);
824
+
825
+ --announcement-banner-color: var(--color-base-white);
826
+ --announcement-banner-bg-color: var(--color-primary-black);
827
+ --announcement-banner-hover-color: var(--color-white-hovered);
828
+ --announcement-banner-pressed-color: var(--color-white-pressed);
817
829
  }
818
830
 
819
831
  .cinema-theme-module_cinemaTheme__f5QFs {
820
- /* Cinema theme overrides */
832
+ /* RBO White */
821
833
  --base-color-primary: #1a1a1a;
822
834
  --color-primary: #1a1a1a;
823
835
  --color-primary-button: #ffffff;
@@ -831,10 +843,10 @@
831
843
 
832
844
  --button-color: var(--color-primary-black);
833
845
  --button-bg-color: var(--color-base-white);
834
- --button-hover-color: var( --color-white-hovered);
846
+ --button-hover-color: var(--color-white-hovered);
835
847
  --button-pressed-color: var(--color-white-pressed);
836
848
  --button-secondary-color: var(--color-base-white);
837
- --button-secondary-hover-color: var( --color-white-hovered);
849
+ --button-secondary-hover-color: var(--color-white-hovered);
838
850
  --button-secondary-pressed-color: var(--color-white-pressed);
839
851
  --button-tertiary-color: var(--color-base-white);
840
852
  --button-tertiary-hover-color: var(--color-white-hovered);
@@ -844,6 +856,11 @@
844
856
  --rotator-button-bg-color: var(--color-base-light-grey);
845
857
  --rotator-button-hover-color: var(--color-base-white);
846
858
  --rotator-button-hover-bg-color: var(--color-primary-black);
859
+
860
+ --announcement-banner-color: var(--color-primary-red);
861
+ --announcement-banner-bg-color: var(--color-base-white);
862
+ --announcement-banner-hover-color: var(--color-rbo-red-hovered);
863
+ --announcement-banner-pressed-color: var(--color-rbo-red-pressed);
847
864
  }
848
865
 
849
866
  .schools-theme-module_schoolsTheme__CWHba {