[Rangy]

Cześć programirki! Czy jak piszecie style w CSS i staracie się zachować formułę clean clode, to oddzielacie elementy od siebie (sposób pierwszy), czy wszystkie animacje, pseudoelementy etc piszecie pod daną klasą/identyfikatorem (sposób drugi)?

1.

class1{
 text-decoration: none;
 color: white;
 animation: 0.2s linear 0.3s 1 class1-anim;
}

.class2 {
 text-decoration: none;
 color: white;
 animation: 0.2s linear 0.3s 1 class2-anim;
}

@keyframes class1-anim {
 0% {opacity: 1;}
 100% {opacity: 0;}
}

@keyframes class2-anim {
 0% {opacity: 1;}
 100% {opacity: 0;}
}

2.

.class1{
 text-decoration: none;
 color: white;
 animation: 0.2s linear 0.3s 1 class1-anim;
}

@keyframes class1-anim {
 0% {opacity: 1;}
 100% {opacity: 0;}
}

.class2 {
 text-decoration: none;
 color: white;
 animation: 0.2s linear 0.3s 1 class2-anim;
}

@keyframes class2-anim {
 0% {opacity: 1;}
 100% {opacity: 0;}
}

#programista15k #webdev #css #html

[Rangy]

Patrzcie, nawet nie działa...

[iforgestuff]

@Rangy: ja sobie trzymam animki w takim bardziej 'globalnym' katalogu ze stylami i wszystkimi innymi paramsami 'globalnymi', jak fonty, kolorki, zaokrąglenia, itp. ale nie jestem jeszcze #programista15k :(

[Rst00]

@Rangy: 2 albo wydzielam do osobnego pliku. Normalne IDE i tak jest w stanie "zalinkować" więc mogę sobie jumpnąć do danej animacji od ręki.

[a.....a]

@Rangy: 1

[michael94]

@Rangy: SCSS i każdy moduł w oddzielnym pliku, a animacje do danego modułu tak jak w przykładzie 1, czyli do wszystkich klas na dole.