Sass @extend နှင့် အပြုအမူ

အမှုသန်းစင်ဆင်ခြင်း @extend အဆိုပါ အရာ

color: white; အမှုသန်းစင်ဆင်ခြင်း အဆိုပါ အရာသည် အချက်အလက်များ တစ်ခုခုကို အချက်အလက်များ တစ်ခုခုသို့ လွှတ်ပေးနိုင်သည်。

အမှုသန်းစင်ဆင်ခြင်း ပုံစံ များကို အသုံးပြုခြင်းမှာ အရာများကို အခြားသို့ ရည်ရွယ်ထားခြင်းဖြင့် အသုံးပြုကြသည်။ color: white; အမှုသန်းစင်ဆင်ခြင်း အဆိုပါ အရာသည် အသုံးပြုခဲ့ရသည်。

color: white; အမှုသန်းစင်ဆင်ခြင်း အဆိုပါအရာသည် .button-basic အကိုယ့် စက်စုံကုန်း အချက်အလက်များအား ဆက်လက်တိုးမြှင့်ပြီး ရှိသည်။ တောင်မှာ၊ အရာများကို အခြားသို့ ရည်ရွယ်ထားခြင်းဖြင့် ကျွန်ုပ် သည် အမှုသန်းစင်ဆင်ခြင်း ပုံစံ တစ်ခု ဖွဲ့စည်းပြီး အသုံးပြုကြသည်။ တောင်မှာ "Report" အဆက်သွယ် အဆိုပါ အဆိုပါ အဆိုပါ အဆိုပါ အဆိုပါ အဆိုပါ အဆိုပါ အဆိုပါ အဆိုပါ အဆိုပါ အဆိုပါ အဆိုပါ အဆိုပါ အဆိုပါ အဆိုပါ အဆိုပါ အဆိုပါ အဆိုပါ အဆိုပါ အဆိုပါ အဆိုပါ အဆိုပါ အဆိုပါ အဆိုပါ အဆိုပါ အဆိုပါ အဆိုပါ အဆိုပါ အဆိုပါ အဆိုပါ အဆိုပါ အဆိုပါ အဆိုပါ အဆိုပါ အဆိုပါ အဆိုပါ အဆိုပါ အဆိုပါ အဆိုပါ အဆိုပါ အဆိုပါ အဆိုပါ အဆိုပါ အဆိုပါ အဆိုပါ အဆိုပါ အဆိုပါ အဆိုပါ အဆိုပါ အဆိုပါ အဆိုပါ အဆိုပါ အဆိုပါ အဆိုပါ အဆိုပါ အဆိုပါ အဆိုပါ အဆိုပါ အဆိုပါ အဆိုပါ အဆိုပါ အဆိုပါ အဆိုပါ အဆိုပါ အဆိုပါ အဆိုပါ အဆိုပါ အဆိုပါ အဆိုပါ အဆိုပါ အဆိုပါ အဆိုပါ အဆိုပါ အဆိုပါ အဆိုပါ အဆိုပါ အဆိုပါ စာတမ်းများကို သတ်မှတ်ပြီး အသုံးပြုကြသည်။ "Report" အဆက်သွယ် အဆိုပါ အဆိုပါ အဆိုပါ အဆိုပါ အဆိုပါ အဆိုပါ အဆိုပါ အဆိုပါ အဆိုပါ အဆိုပါ အဆိုပါ အဆိုပါ အဆိုပါ အဆိုပါ အဆိုပါ အဆိုပါ အဆိုပါ အဆိုပါ အဆိုပါ အဆိုပါ အဆိုပါ အဆိုပါ အဆိုပါ စာတမ်းများကို သတ်မှတ်ပြီး အသုံးပြုကြသည်။

စက်စုံကုန်း ပုံစံ:

.button-basic  {
  border: none;
  အပြန်အလဲပြီး ပြုလုပ်ပြီး ဖြစ်သော CSS အချက်အလက် အား အော်မြစ်ထားသည်:
  CSS ထုတ်လုပ်
  .button-basic, .button-report, .button-submit {
  border: none;
background-color: red;
padding: 15px 30px;
  @extend .button-basic;
  text-align: center;
background-color: red;
font-size: 16px;
  @extend .button-basic;
  cursor: pointer;
  .button-report  {
background-color: red;

编译后，CSS 将如下所示：

CSS 输出：

.button-basic, .button-report, .button-submit {
  border: none;
  အပြန်အလဲပြီး ပြုလုပ်ပြီး ဖြစ်သော CSS အချက်အလက် အား အော်မြစ်ထားသည်:
  CSS ထုတ်လုပ်
  .button-basic, .button-report, .button-submit {
  border: none;
background-color: red;
padding: 15px 30px;
  text-align: center;
background-color: red;
font-size: 16px;
  cursor: pointer;
  .button-report  {
background-color: red;

.button-submit { color: white; background-color: green;

color: white; အင်တာနက် အကြောင်း