core/scripts/testing/styles.css - main - githubmirror/ionic

core/scripts/testing/styles.css
92 строки448 KB
Maria Hutt
test(styles): update button styles for test pages (#29931)
14 окт 2024, 18:47
14 окт 2024, 18:47cdb4456
/* using datauri so e2e tests have the fonts loaded immediately */
/* however, datauris for webfonts is highly discouraged */

@font-face {
  font-family: "mdTestingFont";
  font-weight: 400;
  src: url("data:font/woff2;base64,d09GMgABAAAAACn8AA4AAAAAUjgAACmjAAEAAAAAAAAAAAAAAAAAAAAAAAAAAAAAGmQbmUAcg0oGYACGTBEMCu1810YLg14AATYCJAOHNgQgBYJ0ByAbL0RFB2LYOGCA7DduwB2DjQOQz3hJ9n+ZwI0hWB/YxYSYMBRSF … [Строка слишком длинная. Вы можете скачать файл]
}

@font-face {
  font-family: 'mdTestingFont';
  font-weight: 500;
  src: url("data:font/woff2;base64,d09GMgABAAAAAP/cABIAAAACpFQAAP92AAEAAAAAAAAAAAAAAAAAAAAAAAAAAAAAGoRiG4HKLhyrEAZgAKRGCFwJgzwRDAqHznCG7kALlB4AEooYATYCJAOoOAQgBYhoByAMglNbzmiSDKUydv+FMSCNWDQOVdWNAXWdu … [Строка слишком длинная. Вы можете скачать файл]
}

@font-face {
  font-family: "mdTestingFont";
  font-weight: 700;
  src: url("data:font/woff2;base64,d09GMgABAAAAACoMAA4AAAAAUsQAACm2AAEAAAAAAAAAAAAAAAAAAAAAAAAAAAAAGmQbmXocg0oGYACGTBEMCu5A1nULg14AATYCJAOHNgQgBYJ+ByAbIkSzoqzwsjiKkj2aj6JicZf9lwnmGDrzUL5ooaWgICnvqxcvL … [Строка слишком длинная. Вы можете скачать файл]
}


@font-face {
  font-family: "iosTestingFont";
  font-weight: 400;
  src: url("data:font/woff2;base64,d09GMk9UVE8AAd5cAA4AAAAFQlgAAd4BAAEAAAAAAAAAAAAAAAAAAAAAAAAAAAAADYnicRuHrQYc5xIGYCpIAIHpKAE2AiQD1lwEBj9tZXRhomkFpEwHIDiBdFtdQbXYT9m7964HJ+twS3WFLIGCmx/CJlOxfvx7Gb2rA … [Строка слишком длинная. Вы можете скачать файл]
}

@font-face {
  font-family: "iosTestingFont";
  font-weight: 700;
  src: url("data:font/woff2;base64,d09GMk9UVE8AAgXsAA4AAAAFvYAAAgWPAAEAAAAAAAAAAAAAAAAAAAAAAAAAAAAADYn+dhuJh1Yc5xIGYCpIAIHpKAE2AiQD1lwEBj9tZXRhol0FpCwHIDiBdFuGvNWC/4ac7/1rtS5Vo8pG2hz8GePsEEKbzWy6xug+F … [Строка слишком длинная. Вы можете скачать файл]
}

:root, html {
  --ion-dynamic-font: var(--ion-default-dynamic-font);
}

:root,
html,
html.md.md {
  --ion-font-family: Roboto, "mdTestingFont", sans-serif;
  font-family: Roboto, "mdTestingFont", sans-serif;
}

:root.ios.ios,
html.ios.ios {
  --ion-font-family: -apple-system, BlinkMacSystemFont, "iosTestingFont", sans-serif;
  font-family: -apple-system, BlinkMacSystemFont, "iosTestingFont", sans-serif;
}

/**
 * Button styles should only be applied
 * to native buttons that are not part of the
 * Ionic framework.
 * Otherwise, the styles may not appear correctly
 * when comparing between testing and production.
 * This issue occurs only with `scoped` components,
 * which is why `sc-ion-` is used as a filter,
 * since this class is specifically added to `scoped`
 * components.
 */
ion-content button:not([class*="sc-ion-"]),
main button:not([class*="sc-ion-"]) {
  display: inline-block;
  width: auto;
  clear: both;
  padding: 12px 8px;
  font-size: 1em;
  background: #008080;
  border: 1px solid #005555;
  color: #fff;
  border-radius: 4px;
  margin: 8px 0;
}

/**
 * Button styles should only be applied
 * to native buttons that are not part of the
 * Ionic framework.
 * Otherwise, the styles may not appear correctly
 * when comparing between testing and production.
 * This issue occurs only with `scoped` components,
 * which is why `sc-ion-` is used as a filter,
 * since this class is specifically added to `scoped`
 * components.
 */
ion-content button.expand:not([class*="sc-ion-"]),
main button.expand:not([class*="sc-ion-"]) {
  display: block;
  width: 100%;
}