mirror of
https://github.com/ankitects/anki.git
synced 2025-09-20 23:12:21 -04:00

This will allow us to import the local sass lib, then use something like the following in our sass: @import "ts/bootstrap/functions"; @import "ts/bootstrap/variables"; @import "ts/bootstrap/mixins"; @import "ts/bootstrap/helpers"; @import "ts/bootstrap/dropdown"; @import "ts/bootstrap/forms"; @import "ts/bootstrap/buttons"; @import "ts/bootstrap/button-group"; I'm currently trialing it out on a prototype reimplementation of the deck options screen. Unfortunately bootstrap don't seem to support the @use syntax, so we need to @import everything
23 lines
537 B
Text
23 lines
537 B
Text
load("//ts:vendor.bzl", "pkg_from_name", "vendor_js_lib")
|
|
load("@io_bazel_rules_sass//:defs.bzl", "sass_library")
|
|
|
|
# copy bootstrap sass files in
|
|
vendor_js_lib(
|
|
name = "sass-sources",
|
|
include = [
|
|
"scss",
|
|
],
|
|
base = "external/npm/node_modules/bootstrap/",
|
|
pkg = pkg_from_name("bootstrap"),
|
|
strip_prefix = "scss/",
|
|
visibility = ["//visibility:private"],
|
|
)
|
|
|
|
# wrap them in a library
|
|
sass_library(
|
|
name = "scss",
|
|
srcs = [
|
|
":sass-sources",
|
|
],
|
|
visibility = ["//visibility:public"],
|
|
)
|