PHP ile Birleştirme İşlemi Nasıl Yapılır?

redline 810 gün önce

410 defa görüntülendi

Merhaba PT.

Başlıkta tam olarak istediğim şeyi belirtemediğimi düşünüyorum. :)

Burada açmış olduğum konuda bir çözüm bulamadığımız durumla ilgili aklıma şöyle birşey geldi. Çalışma bittikten sonra CSS çıktısını kopyalayıp, PHP ile birleştirme yapabilir miyiz?

Örneğin;


.box {
  width: 50%;
  margin: 0 auto;
  background-color: red;
  text-align: center;
  padding: 15px;
}

@media (max-width: 1200px) {
  .box {
    background-color: blue;
  }
}

@media (max-width: 992px) {
  .box {
    background-color: orange;
  }
}

@media (max-width: 768px) {
  .box {
    background-color: purple;
  }
}

.box h1 {
  font-size: 48px;
}

@media (max-width: 1200px) {
  .box h1 {
    font-size: 38px;
  }
}

@media (max-width: 992px) {
  .box h1 {
    font-size: 24px;
    font-weight: normal;
  }
}

@media (max-width: 768px) {
  .box h1 {
    font-size: 18px;
    font-weight: bold;
  }
}

.box p {
  font-size: 14px;
}

@media (max-width: 1200px) {
  .box p {
    font-size: 10px;
  }
}

@media (max-width: 992px) {
  .box p {
    font-size: 8px;
  }
}

.box p span {
  font-size: 12px;
}

@media (max-width: 1200px) {
  .box p span {
    font-size: 10px;
    font-weight: bold;
  }
}

Yukarıdaki CSS kodunu PHP ile;

.box {
  width: 50%;
  margin: 0 auto;
  background-color: red;
  text-align: center;
  padding: 15px;
}

.box h1 {
  font-size: 48px;
}

.box p {
  font-size: 14px;
}

.box p span {
  font-size: 12px;
}

@media (max-width: 1200px) {
  .box {
    background-color: blue;
  }
  .box h1 {
    font-size: 38px;
  }
  .box p {
    font-size: 10px;
  }
  .box p span {
    font-size: 10px;
    font-weight: bold;
  }
}

@media (max-width: 992px) {
  .box {
    background-color: orange;
  }
  .box h1 {
    font-size: 24px;
    font-weight: normal;
  }
  .box p {
    font-size: 8px;
  }
}

@media (max-width: 768px) {
  .box {
    background-color: purple;
  }
  .box h1 {
    font-size: 18px;
    font-weight: bold;
  }
}

Bu hale getirebilir miyiz?

Yapılması gereken işlem @media (max-width: 1200px) {} @media (max-width: 992px) {} @media (max-width: 768px) {} kelimelerini aratıp süslü parantez içindeki verileri birleştirmek.

Umarım anlatmak istediğimi anlatabilmişimdir. :)

php

Soru hatalı mı? 👎

Eğer sorunun kurallara aykırı olduğunu düşünüyorsanız lütfen bize bildirin!

Spam olarak işaretle

Cevap yaz

הההההההההההההההההההההההההההההההההההההההההההההההההההההההההההההההההההההההההההההההההההההההההההההההההההההההההההההההההההההההההההההההההההההההההההההההההההההההההההההההההההההההההההההההההההההההההההההההההההההההההההההההההההההההההההההההההההההההההההההההההההההההההההההההה
XXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXX

Cevaplar (2)

abdullahx

810 gün önce

$a = file_get_contents(__DIR__ . DIRECTORY_SEPARATOR . 'a.css');
$a = preg_replace('@\s+@', ' ', $a);

$pattern = '/(@.*?\(.*?\)) { (.*?}) } /';
preg_match_all($pattern, $a, $results);
$clean = preg_replace($pattern, '', $a);

$newVals = [];
foreach ($results[1] as $k => $v) {
    $newVals[$v][] = $results[2][$k];
}
$final = '';
foreach ($newVals as $k1 => $v1) {
    $final .= "$k1 {" . join(' ', $v1) . " } ";
}
$final = $clean.$final;
echo $final;

Çıkan sonucu bu site ile beautify yapabilirsin

#011908

redline

803 gün önce

@abdullahx hocam çok teşekkür ederim. Bazı noktalarda sorunlar çıktı fakat genel olarak çalışıyor, boş zamanımda kendi kodlarıma uyarlayıp kullanacağım. :)

#011968