Blueprint Css plugins :: Actions

Wstęp

Plugin w założeniu ma pomóc w szybkim udekorowaniu backend-owych części serwisu takich jak:

Zastosowanie

Zastosowanie go w celach frontend-owych może mieć sens ale należy Sobie odpowiedzieć na pytanie:
czy potrzebujemy tak dużego zestawu akcji?

Podstawowy przykład użycia - wszystkie zestawy:

<link rel="stylesheet" href="../../plugins/actions/actions.css" type="text/css" />

Gdy potrzebujemy tylko wybranego zestawu ikon anie całego pakietu – a mamy taką możliwość – załączamy go do projektu w następujący sposób:

<link rel="stylesheet" href="../../plugins/actions/default.css" type="text/css" /> <-- <link rel="stylesheet" href="../../plugins/actions/normal.css" type="text/css" /> --> <-- <link rel="stylesheet" href="../../plugins/actions/small.css" type="text/css" /> --> <-- <link rel="stylesheet" href="../../plugins/actions/big.css" type="text/css" /> -->

Należy odkomentować wybrany zestaw ikon

Teoretycznie

<a class="action <small|big> <ico> <akcja>" href=""></a> <li class="action <small|big> <ico> <akcja>" ></li> <input class="action <small|big> <ico> <akcja>" type="input" />

Atrybuty akcji `small` i `big` oraz `ico` są opcjonalne.

akcja
nazwa akcji, której odpowiada ikona
small, big
odpowiednio duży i mały zestaw ikon akcji
ico
odpowiada za wcięcie tekstu - widoczna jest tylko ikona akcji
normal
domyślny styl - nie dodajemy klasy tak jak dla `small` i `big`

Praktycznie

<a class="action small ico add" href=""></a> <li class="action big add" ></li> <input class="action add" type="input" />

Przykład

Poniżej prezentuję zestawienie trzech podstawowych wielkości ikon

i ich wizualizację

Zestaw ikon

Normal

Small

Big
atrybut class default ico default ico default ico
add example link example link example link example link example link example link
add-1 example link example link example link example link example link example link
edit example link example link example link example link example link example link
delete example link example link example link example link example link example link
delete-1 example link example link example link example link example link example link
cancel example link example link example link example link example link example link
notice example link example link example link example link example link example link
warning example link example link example link example link example link example link
true example link example link example link example link example link example link
false example link example link example link example link example link example link
folder example link example link example link example link example link example link
folder-open example link example link example link example link example link example link
image example link example link example link example link example link example link
list example link example link example link example link example link example link
note example link example link example link example link example link example link
home example link example link example link example link example link example link
rss example link example link example link example link example link example link
vcard example link example link example link example link example link example link
mail example link example link example link example link example link example link
tag example link example link example link example link example link example link
male example link example link example link example link example link example link
female example link example link example link example link example link example link
calendar example link example link example link example link example link example link
comment example link example link example link example link example link example link
important example link example link example link example link example link example link
favorite example link example link example link example link example link example link
find example link example link example link example link example link example link
settings example link example link example link example link example link example link
settings-1 example link example link example link example link example link example link
attach example link example link example link example link example link example link
refresh example link example link example link example link example link example link
loader example link example link example link example link example link example link
language example link example link example link example link example link example link
copy example link example link example link example link example link example link
stats example link example link example link example link example link example link
stats-1 example link example link example link example link example link example link
stats-2 example link example link example link example link example link example link
stats-3 example link example link example link example link example link example link
key example link example link example link example link example link example link
lock example link example link example link example link example link example link
unlock example link example link example link example link example link example link
shield example link example link example link example link example link example link
web example link example link example link example link example link example link
save example link example link example link example link example link example link
hot example link example link example link example link example link example link
paste example link example link example link example link example link example link
time example link example link example link example link example link example link
alarm example link example link example link example link example link example link
alarm-1 example link example link example link example link example link example link
trash example link example link example link example link example link example link
bug example link example link example link example link example link example link
group example link example link example link example link example link example link