飛鏢，聚合物和基金會CSS

我試着將聚合物網絡組件w/dart和Foundation CSS框架混合起來，到目前爲止事情很簡單，就像按鈕，網格，菜單一樣工作。我猜如果我碰到一個問題，我只需要移植我需要飛鏢的JavaScript。任何人都試過這個或想試試這個？飛鏢，聚合物和基金會CSS

這是詭計讓CSS泄漏到組件中。

class ClickCounter ... { 
... 
    bool get applyAuthorStyles => true; 
...

2013-10-10 lazieburd

是的，我嘗試這一點。我嘗試的第一件事是爲每個組件創建一個樣式文件，並使用sass @extends創建每個組件樣式，我的目標是抽象zurb，所以如果我想更改主題或CSS框架，我只需要更改sass文件。

但是zurb-foundation取決於必須包含的基本文件，我不能僅爲按鈕創建一個文件，因爲基礎中的de按鈕取決於主文件中的變量，這會生成一個大文件每個組件的冗餘CSS。

我試過被扭曲的基本組成部分的第二件事情，像按鈕，可以說一個

<x-button></x-button>

然後在我的青菜文件I包括zurb按鈕文件，並進行X鍵@extends .button或@include .button使按鈕和x按鈕具有相同的外觀。這項工作的基本要素。

的另一種方式是applyAuthorStyles，讓CSS泄漏

我不知道什麼是最好的方式，因爲每一種方法都有其缺陷。

爲什麼我打包基本組件？有共同的行爲和API。例如：在表單中啓用和禁用組件。我在聚合物（x-button，x-input等）中的所有基本組件都從我的框架類擴展而來，在這個框架類中，我有共同的行爲啓用和禁用，因此我可以使用相同的API來啓用和禁用組件。

這是一個緩慢的工作，更多的樂趣，我停止工作，因爲我需要花更多的時間來創建應用程序，而不是創建框架。不幸的是，沒有像Dart這樣的好的組件框架，像ExtJs和Dojo這樣的Javascript。

但是，這個想法是製作一個組件集（具有常見行爲），並使用sass框架的視覺效果，也許抽象的CSS框架，它可以插入和改變應用程序的外觀和感覺，並不容易，因爲某些組件具有特定的html標記

2013-11-20 15:15:56

回答