łączenie dwóch klas w jedną

łączenie dwóch klas w jedną
klimba
  • Rejestracja:około 15 lat
  • Ostatnio:ponad 4 lata
0

mam pytanie dotyczące połączenia dwóch klas w jedną, męczę się już dwa dni, wujek google podpowiedział kilka rozwiązań ale się nie sprawdziły (nie wiem dlaczego)

problem
mój projekt tworzę przy pomocy bootstrapa i w wielu stronach wrzucam treść z klasami "col-md-offset-1" i "col-md-10". Chciałbym połączyć te dwie klasy w jedną np. "col-md-post" która byłaby zlepkiem tych dwóch wspomnianych klas. W momencie potrzeby modyfikacji wyglądu treści stron, muszę modyfikować klasy "col-md-offset-1" i "col-md-10" we wszystkich stronach a tak zmodyfikowałbym klasę "col-md-post".


sql przykłady na anoncoPL kategoria sql
dzek69
Moderator
  • Rejestracja:ponad 18 lat
  • Ostatnio:5 dni
  • Lokalizacja:Rzeszów
1

Musiałbyś modyfikować kod Bootstrapa, ew wspomóc się jakimś SCSS bądź innym PostCSS i użyć extendowania klas - co wydłuży Ci wynikowy kod CSS.

Wiesz w czym jest problem? W tym, że Bootstrap jest zaprojektowany do d**y. Zrobili bibliotekę łamiącą wszystko, co CSS miał osiągnąć - oddzielenie szablonu od jego wyglądu. Zamiast zrobić <font color=red> wszędzie mieliśmy dać <span class=header> i potem jeżeli przyjdzie potrzeba zmienić kolor w jednym miejscu. Boostrap robi to samo, tylko liczbę kolumn podajemy w nazwie klasy i potem też trzeba to zmieniać wszędzie.

To jest problem prawie każdego frameworka CSS (jak wielu nazywa takie rzeczy). Co prawda może na początku oszczędzasz czas tą metodą, ale jeżeli zamierzasz coś zmieniać to sobie dokładasz roboty. SCSS umiera, ale jakiś PostCSS z wtyczkami powinien umożliwić pisanie ładnego kodu CSS w stylu (to tylko wzór, który może nie być do odtworzenia w 100% w takiej składni):

Kopiuj
@media-between (xs and md) {
  .post {
    @include column(9 of 12)
  }
  .ads {
    @include column(3 of 12)
  }
}

@media-between (lg and xl) {
  .post {
    @include column(6 of 12)
  }
  .ads {
    @include column(6 of 12)
  }
}

Wydaje mi sie, że co by się stało jest czytelne samo przez się :)


axelbest
Scss umiera? Jakieś źródła na potwierdzenie tego?
dzek69
Praktyka. PostCSS potrafi w 100% zaimitować SCSSa pluginami + całe mnóstwo więcej, a przynajmniej nie jest tak niewygodny w developmencie jak SCSS. Ok, może źle się wyraziłem albo źle zostałem odebrany - SCSS wciąż jest wpychany wszędzie, ale ja do nowego projektu bym go już nie użył jak i wielu ludzi z branży. Jesteśmy na początku końca SCSS dopiero.
Patryk27
@dzek69: czyli masz na myśli, że umiera oryginalny kompilator / transpiler Sassa, a nie sam język ;-)
dzek69
Mam na myśli to, co napisałem - że SASS umiera. Jego kompilator to może być co najwyżej jedna z przyczyn dlaczego :) Używając PostCSS używasz tylko tych pluginów, które potrzebujesz, zazwyczaj nie mające wiele wspólnego z ficzerami SASSa. Jedynie nesting jest widoczny na pierwszy rzut oka, ale nie wiem kto konkretnie wymyślił nesting jako pierwszy.
klimba
  • Rejestracja:około 15 lat
  • Ostatnio:ponad 4 lata
0

czyli nie da się w jakiś prosty sposób w nowym pliku np. style.css połączyć dwóch klas z bootstrapa w jedną klasę w tym dodatkowym pliku?

nadmienię tylko że piszę to za pomocą bootstrapa i php może to coś zmienia?


sql przykłady na anoncoPL kategoria sql
edytowany 1x, ostatnio: klimba
Patryk27
Moderator
  • Rejestracja:ponad 17 lat
  • Ostatnio:ponad rok
  • Lokalizacja:Wrocław
  • Postów:13042
1

Nie i nie.


edytowany 1x, ostatnio: Patryk27
KiK
  • Rejestracja:ponad 8 lat
  • Ostatnio:prawie 3 lata
  • Postów:88
0

Jeśli korzystasz z PHP to możesz to trochę obejść. To trochę proteza ale działa. Możesz stworzyć sobie (np. w katalogu z CSSami żeby się nie myliło) pliczek o nazwie np. nowy_styl.php wrzucasz do niego nazwy klas który chcesz połączyć np. col-md-10 col-md-offset-1 a w miejsce gdzie chcesz wrzucić nowy styl wrzucasz kod class="<?php include(ścieżka_dostępu/nowy_styl.php);?>" i gotowe. Później modyfikujesz odpowiednio tylko pliczek nowy_styl.php. Tak jak mówiłem trochę proteza ale działa.
Podobno taki rzecz możesz też zrobić w java script ale ja z java script nie miałem nigdy do czynienia więc nie podpowiem.

edytowany 1x, ostatnio: KiK
Patryk27
Oh dear - nie rób tak nigdy...
Kliknij, aby dodać treść...

Pomoc 1.18.8

Typografia

Edytor obsługuje składnie Markdown, w której pojedynczy akcent *kursywa* oraz _kursywa_ to pochylenie. Z kolei podwójny akcent **pogrubienie** oraz __pogrubienie__ to pogrubienie. Dodanie znaczników ~~strike~~ to przekreślenie.

Możesz dodać formatowanie komendami , , oraz .

Ponieważ dekoracja podkreślenia jest przeznaczona na linki, markdown nie zawiera specjalnej składni dla podkreślenia. Dlatego by dodać podkreślenie, użyj <u>underline</u>.

Komendy formatujące reagują na skróty klawiszowe: Ctrl+B, Ctrl+I, Ctrl+U oraz Ctrl+S.

Linki

By dodać link w edytorze użyj komendy lub użyj składni [title](link). URL umieszczony w linku lub nawet URL umieszczony bezpośrednio w tekście będzie aktywny i klikalny.

Jeżeli chcesz, możesz samodzielnie dodać link: <a href="link">title</a>.

Wewnętrzne odnośniki

Możesz umieścić odnośnik do wewnętrznej podstrony, używając następującej składni: [[Delphi/Kompendium]] lub [[Delphi/Kompendium|kliknij, aby przejść do kompendium]]. Odnośniki mogą prowadzić do Forum 4programmers.net lub np. do Kompendium.

Wspomnienia użytkowników

By wspomnieć użytkownika forum, wpisz w formularzu znak @. Zobaczysz okienko samouzupełniające nazwy użytkowników. Samouzupełnienie dobierze odpowiedni format wspomnienia, zależnie od tego czy w nazwie użytkownika znajduje się spacja.

Znaczniki HTML

Dozwolone jest używanie niektórych znaczników HTML: <a>, <b>, <i>, <kbd>, <del>, <strong>, <dfn>, <pre>, <blockquote>, <hr/>, <sub>, <sup> oraz <img/>.

Skróty klawiszowe

Dodaj kombinację klawiszy komendą notacji klawiszy lub skrótem klawiszowym Alt+K.

Reprezentuj kombinacje klawiszowe używając taga <kbd>. Oddziel od siebie klawisze znakiem plus, np <kbd>Alt+Tab</kbd>.

Indeks górny oraz dolny

Przykład: wpisując H<sub>2</sub>O i m<sup>2</sup> otrzymasz: H2O i m2.

Składnia Tex

By precyzyjnie wyrazić działanie matematyczne, użyj składni Tex.

<tex>arcctg(x) = argtan(\frac{1}{x}) = arcsin(\frac{1}{\sqrt{1+x^2}})</tex>

Kod źródłowy

Krótkie fragmenty kodu

Wszelkie jednolinijkowe instrukcje języka programowania powinny być zawarte pomiędzy obróconymi apostrofami: `kod instrukcji` lub ``console.log(`string`);``.

Kod wielolinijkowy

Dodaj fragment kodu komendą . Fragmenty kodu zajmujące całą lub więcej linijek powinny być umieszczone w wielolinijkowym fragmencie kodu. Znaczniki ``` lub ~~~ umożliwiają kolorowanie różnych języków programowania. Możemy nadać nazwę języka programowania używając auto-uzupełnienia, kod został pokolorowany używając konkretnych ustawień kolorowania składni:

```javascript
document.write('Hello World');
```

Możesz zaznaczyć również już wklejony kod w edytorze, i użyć komendy  by zamienić go w kod. Użyj kombinacji Ctrl+`, by dodać fragment kodu bez oznaczników języka.

Tabelki

Dodaj przykładową tabelkę używając komendy . Przykładowa tabelka składa się z dwóch kolumn, nagłówka i jednego wiersza.

Wygeneruj tabelkę na podstawie szablonu. Oddziel komórki separatorem ; lub |, a następnie zaznacz szablonu.

nazwisko;dziedzina;odkrycie
Pitagoras;mathematics;Pythagorean Theorem
Albert Einstein;physics;General Relativity
Marie Curie, Pierre Curie;chemistry;Radium, Polonium

Użyj komendy by zamienić zaznaczony szablon na tabelkę Markdown.

Lista uporządkowana i nieuporządkowana

Możliwe jest tworzenie listy numerowanych oraz wypunktowanych. Wystarczy, że pierwszym znakiem linii będzie * lub - dla listy nieuporządkowanej oraz 1. dla listy uporządkowanej.

Użyj komendy by dodać listę uporządkowaną.

1. Lista numerowana
2. Lista numerowana

Użyj komendy by dodać listę nieuporządkowaną.

* Lista wypunktowana
* Lista wypunktowana
** Lista wypunktowana (drugi poziom)

Składnia Markdown

Edytor obsługuje składnię Markdown, która składa się ze znaków specjalnych. Dostępne komendy, jak formatowanie , dodanie tabelki lub fragmentu kodu są w pewnym sensie świadome otaczającej jej składni, i postarają się unikać uszkodzenia jej.

Dla przykładu, używając tylko dostępnych komend, nie możemy dodać formatowania pogrubienia do kodu wielolinijkowego, albo dodać listy do tabelki - mogłoby to doprowadzić do uszkodzenia składni.

W pewnych odosobnionych przypadkach brak nowej linii przed elementami markdown również mógłby uszkodzić składnie, dlatego edytor dodaje brakujące nowe linie. Dla przykładu, dodanie formatowania pochylenia zaraz po tabelce, mogłoby zostać błędne zinterpretowane, więc edytor doda oddzielającą nową linię pomiędzy tabelką, a pochyleniem.

Skróty klawiszowe

Skróty formatujące, kiedy w edytorze znajduje się pojedynczy kursor, wstawiają sformatowany tekst przykładowy. Jeśli w edytorze znajduje się zaznaczenie (słowo, linijka, paragraf), wtedy zaznaczenie zostaje sformatowane.

  • Ctrl+B - dodaj pogrubienie lub pogrub zaznaczenie
  • Ctrl+I - dodaj pochylenie lub pochyl zaznaczenie
  • Ctrl+U - dodaj podkreślenie lub podkreśl zaznaczenie
  • Ctrl+S - dodaj przekreślenie lub przekreśl zaznaczenie

Notacja Klawiszy

  • Alt+K - dodaj notację klawiszy

Fragment kodu bez oznacznika

  • Alt+C - dodaj pusty fragment kodu

Skróty operujące na kodzie i linijkach:

  • Alt+L - zaznaczenie całej linii
  • Alt+, Alt+ - przeniesienie linijki w której znajduje się kursor w górę/dół.
  • Tab/⌘+] - dodaj wcięcie (wcięcie w prawo)
  • Shit+Tab/⌘+[ - usunięcie wcięcia (wycięcie w lewo)

Dodawanie postów:

  • Ctrl+Enter - dodaj post
  • ⌘+Enter - dodaj post (MacOS)