मैं एक नए लेआउट के साथ एक वर्डप्रेस पेज पर काम कर रहा हूं जिसे मैंने फ्लेक्सिबल कंटेंट टेम्प्लेट ग्राहक क्षेत्र में जोड़ा है। मुझे .scss फ़ाइल मिली जहाँ शैलियों को रखा जाना चाहिए, लेकिन यह सुनिश्चित नहीं है कि मेरे CSS को .scss प्रारूप में कैसे परिवर्तित किया जाए। नीचे वह सीएसएस है जिसे मैं एससीएसएस में बदलना चाहता हूं।

.hero-with-text-cta-hero {
  background-color: #ececec;
}

.texts-and-cta {
  position: absolute;
  top: 2rem;
  right: 4rem;
  width: 40%;
  text-align: right;
}

.texts-and-cta-col {
  position:static !important;
}

.texts-and-cta h2 {
  margin-left: 1rem;
  margin-right: 1rem;
  font-size: 1.8rem !important;
  font-family: Roboto, sans-serif !important;
  text-transform: none !important;
  letter-spacing: normal !important;
  font-weight: 400 !important;
  color: #a6a2a3 !important;
}

@media (max-width: 959px) {
  .texts-and-cta {
    position: relative;
    top: 0;
    right: 0;
    width: 100%;
    text-align: center;
    padding-top:1rem;
  }
}

.hero-with-text-cta-hero h1 {
  color: #666766 !important;
}

@media (min-width: 1280px) {
.hero-with-text-cta-hero  h1 {
      font-size: 4rem !important;
  }
}
-1
PKTG 25 पद 2021, 12:39

1 उत्तर

सबसे बढ़िया उत्तर

बस इसे .scss फ़ाइल में कॉपी करें, sass सामान्य css को संभाल सकता है

1
Damian Chudobiński 25 पद 2021, 13:40
डेमियन, मैंने कोशिश की लेकिन यह काम नहीं कर रहा है।
 – 
PKTG
25 पद 2021, 13:56
क्षमा करें, यह काम कर रहा है। कैश साफ़ करने में मदद मिली।
 – 
PKTG
25 पद 2021, 13:59