小编Pic*_*102的帖子

如何将表达式传递给使用Sass变量的calc()mixin

我有一个mixin设置来进行跨浏览器计算,

@mixin calc($property, $expression...) { 
  #{$property}: -moz-calc(#{$expression}); 
  #{$property}: -o-calc(#{$expression}); 
  #{$property}: -webkit-calc(#{$expression}); 
  #{$property}: calc(#{$expression}); 
} 
Run Code Online (Sandbox Code Playgroud)

我也有一个变量.

$line: 12px;
Run Code Online (Sandbox Code Playgroud)

我希望能够在其中使用变量.

@include calc(width, "30% - ( $line * 2) ) ");
Run Code Online (Sandbox Code Playgroud)

但我不确定这是不是最好的方法.

sass

12
推荐指数
1
解决办法
4876
查看次数

以编程方式将文件夹添加到查找器收藏夹

我正在尝试找到一种将文件夹添加到 finder 中的收藏夹侧边栏的方法。

希望有一种方法可以通过终端或自动机以某种方式做到这一点,以便我可以在多台机器上复制它。

favorites finder sidebar

5
推荐指数
0
解决办法
472
查看次数

移动文件和目录,即使它们已经存在于dest中

所以我想将一些文件和目录从一个位置复制到另一个位置.很容易shutil.move,但是当文件或目录已经在目的地时我遇到了问题.我得到的错误是Destination path '...' already exists.

我试过os.rename,它也没有产生预期的结果.是否有一种简单的方法将文件和目录结构复制到另一个位置,即使这些文件和目录结构已经存在于dest中?

这就是我现在拥有的:

fileList = os.listdir('/Users/john.leschinski/Desktop/testSrc')  
dest = '/Users/john.leschinski/Desktop/testMove'  
for i in fileList:  
    src = '/Users/john.leschinski/Desktop/testSrc/' + i  
    shutil.move(src,dest)
Run Code Online (Sandbox Code Playgroud)

python move shutil

2
推荐指数
1
解决办法
8592
查看次数

复杂的 SVG 剪辑路径响应

我正在尝试采用复杂的路径形状并将其用作 css 中的剪辑路径蒙版,但我不知道如何让剪辑蒙版“填充”父容器。相反,它只是被切断或不会扩展以填充可用空间。

如果我添加clipPathUnits="objectBoundingBox"它根本不会出现。

<svg viewBox="0 0 720 720">
  <defs>
    <clipPath id="map">
      <path d="M568.421 326.842L511.579 270v37.895h-18.947v-18.948h-56.843v37.895l18.948 37.894v18.948h-18.948l37.896 56.842h-37.896l-18.947-18.948v-18.947h-37.895L360 383.684h-18.947l-18.948-37.894v-37.895L360 270l37.895-37.895-18.948-37.895H360v18.948l-18.947-18.948h-18.948v37.895h-37.894l-56.843-18.947-37.894-56.842h-56.842l-18.947-18.948-75.79 75.79v37.895h18.947v75.789L37.895 345.79l5.532 48.163 32.362 46.573 113.685 37.895 94.737 18.947h94.736v-18.947h37.895l18.947 37.895h18.948v56.842l56.842-37.894v-37.896h37.895l18.947-37.894v-37.896l56.842-37.894V345.79l-18.948-18.948z"/><path d="M246.315 194.21h56.843v-18.947l-18.947-37.895h-18.948v37.895h-18.948zM227.368 137.368h18.947v-18.947h-37.894V156.316h18.947zM341.053 175.263h56.842l37.894 37.895-18.947 18.947V270h75.79v-18.947h-37.895v-18.948h37.895V194.21h-37.895l-56.842-56.842h-56.842zM265.263 99.474h18.948v18.947h-18.948zM284.211 61.579h18.947v18.948h-18.947zM303.158 108.947h18.947v18.947h-18.947zM341.053 99.474h37.895v18.947h-37.895zM227.368 80.526h18.947v18.947h-18.947zM378.947 80.526V4.737H360l-37.895 37.894v18.948l18.948 18.947zM587.368 440.526h37.895v37.895h-37.895zM663.158 364.736V345.79h-18.947V402.631l56.842-18.947v-18.948zM378.947 270h18.947v18.947h-18.947zM644.211 421.578h18.947v18.948h-18.947zM644.211 459.474h18.947v18.947h-18.947z"/>
    </clipPath>
  </defs>
</svg>
Run Code Online (Sandbox Code Playgroud)

https://codepen.io/picard102/pen/aEwJzR

css svg clip-path

2
推荐指数
1
解决办法
1838
查看次数

标签 统计

clip-path ×1

css ×1

favorites ×1

finder ×1

move ×1

python ×1

sass ×1

shutil ×1

sidebar ×1

svg ×1