mirror of
https://github.com/angular/angular
synced 2026-05-24 09:28:37 +00:00
2ca49726ca
Previously the DevTools demo app and browser app had duplicated styles in their respective styles.scss files. This commit creates a global styles.scss that is imported with sass @use into the demo and browser app styles.scss files. This will prevent any issues where css changes to one are missed in the other. Also reduces duplication of material css theme definitions by consolidating it inone place. The respective styles.scss files for the demo app and browser app continue to exist incase those need environment specific css. For example the browser app requires that height: 100% is set on a document in order to render properly in a browsers devtools tab. PR Close #49001
31 lines
612 B
Text
31 lines
612 B
Text
load("@io_bazel_rules_sass//:defs.bzl", "npm_sass_library", "sass_library")
|
|
load("//tools:defaults.bzl", "ts_config")
|
|
|
|
package(default_visibility = ["//visibility:public"])
|
|
|
|
exports_files([
|
|
"tsconfig.json",
|
|
"cypress.json",
|
|
])
|
|
|
|
npm_sass_library(
|
|
name = "material_sass_deps",
|
|
deps = [
|
|
"@npm//@angular/cdk",
|
|
"@npm//@angular/material",
|
|
],
|
|
)
|
|
|
|
ts_config(
|
|
name = "tsconfig_spec",
|
|
src = "tsconfig.spec.json",
|
|
deps = [
|
|
"//devtools:tsconfig.json",
|
|
],
|
|
)
|
|
|
|
sass_library(
|
|
name = "global_styles",
|
|
srcs = ["styles.scss"],
|
|
deps = [":material_sass_deps"],
|
|
)
|