@redacto.io/consent-sdk-react 4.0.0 → 5.1.0

package/src/RedactoPrivacyCenter/styles/base.css

@@ -0,0 +1,117 @@
+/* Base styles for Privacy Center SDK */
+/* Import variables first */
+@import './variables.module.css';
+
+/* Reset and base styles scoped to SDK components */
+.pcRoot {
+  font-family: var(--pc-font-family);
+  font-size: var(--pc-font-size-base);
+  line-height: 1.5;
+  color: var(--pc-text-primary);
+  -webkit-font-smoothing: antialiased;
+  -moz-osx-font-smoothing: grayscale;
+}
+
+/* Utility classes */
+.pcContainer {
+  width: 100%;
+  max-width: 100%;
+  margin-left: auto;
+  margin-right: auto;
+}
+
+.pcFlex {
+  display: flex;
+}
+
+.pcFlexCol {
+  display: flex;
+  flex-direction: column;
+}
+
+.pcItemsCenter {
+  align-items: center;
+}
+
+.pcJustifyCenter {
+  justify-content: center;
+}
+
+.pcJustifyBetween {
+  justify-content: space-between;
+}
+
+.pcGapXs {
+  gap: var(--pc-spacing-xs);
+}
+
+.pcGapSm {
+  gap: var(--pc-spacing-sm);
+}
+
+.pcGapMd {
+  gap: var(--pc-spacing-md);
+}
+
+.pcGapLg {
+  gap: var(--pc-spacing-lg);
+}
+
+.pcGapXl {
+  gap: var(--pc-spacing-xl);
+}
+
+.pcWFull {
+  width: 100%;
+}
+
+.pcHFull {
+  height: 100%;
+}
+
+.pcTextCenter {
+  text-align: center;
+}
+
+.pcTextLeft {
+  text-align: left;
+}
+
+.pcTextRight {
+  text-align: right;
+}
+
+.pcOverflowHidden {
+  overflow: hidden;
+}
+
+.pcOverflowAuto {
+  overflow: auto;
+}
+
+.pcOverflowXAuto {
+  overflow-x: auto;
+}
+
+.pcOverflowYAuto {
+  overflow-y: auto;
+}
+
+/* Focus styles */
+.pcFocusVisible {
+  outline: 2px solid var(--pc-border-color-focus);
+  outline-offset: 2px;
+}
+
+/* Screen reader only */
+.pcSrOnly {
+  position: absolute;
+  width: 1px;
+  height: 1px;
+  padding: 0;
+  margin: -1px;
+  overflow: hidden;
+  clip: rect(0, 0, 0, 0);
+  white-space: nowrap;
+  border-width: 0;
+}