小编Ank*_*kit的帖子

如何跟踪包含许多sass文件的整个目录中的更改？我正在使用以下命令来观察sass中的更改

文件:

sass --watch style.scss:style.css

但是如何在包含许多sass文件的整个目录/文件夹中观察更改.

我有一个生成CSS文件的Sass文件.我在我的sass文件中使用了很多变量来获取背景颜色,字体大小,现在我想通过JavaScript控制我的所有变量.

例如,在style.sass中我们有

$bg : #000;
$font-size: 12px;

如何从JavaScript更改这些值？

假设我们有: -

$value: 13.37; $length: $value + 0em;

现在我想检查$ length的值.有没有类似于Javascript的Console.log？

我在jsx中搜索Href属性的内联条件解决方案.如果我提供网址,我想输出: -

<a className="navbar-brand" href="/example-url" >Logo</a>

如果不:-

<a className="navbar-brand">Logo</a>

我有这些风格：-

import styled, { css } from "styled-components";

const H4 = css`
  font-family: "Futura";
  font-style: normal;
  font-weight: 500;
  font-size: 20px;
  line-height: 140%;
  color: #3a786a;
`;
const H3 = css`
  font-size: 24px;
`;

const Span = css`
  font-size: 16px;
`;

export const Typography = styled.div`
  #widgetStyles & {
    ${(props) => {
      switch (props.variant) {
        case "h4":
          return H4;
        case "h3":
          return H3;
        case "body1":
          return Span;
        default:
          return css`
            font-size: 14px;
            color: #010101;
          `;
      }
    }}
  }
`;

每当我尝试调用具有不同变体的 Typography 组件时，Styled-components …