Brogrammist

CSS Funksiya va Miksinlar

Oxirgi yillarda CSSga juda ko'p imkoniyatlar qo'shildi. Yaqinda qo'shiladigan funksiya va miksinlar Sass, Less kabi preprotsessorlarga ehtiyojni yanada kamaytiradi. Bular:

1. @function

@function --negative(--value) {
  result: calc(-1 * var(--value));
}

div {
  --padding: 20px;
  margin-inline: --negative(var(--padding));
}

2. @mixin

@mixin --center-content {
  display: grid;
  place-content: center;
}

.card {
  @apply --center-content;
}

To'liq: https://www.diyorbek.blog/blog/css-funksiya-va-miksinlar

@if va @where ham yaqinda qo'shiladi deb o'qigandim. Nasinemsin, bu ketishda JavaScript kerak bo'may qoladimi diyman. 🤔

@brogrammist

Diyorbek's Blog

CSS Funksiya va Miksinlar

Oxirgi yillarda CSSga juda ko'p imkoniyatlar qo'shildi. Yaqinda qo'shiladigan funksiya va miksinlar Sass, Less kabi preprotsessorlarga eht...

👍11😁6

www.tgoop.com/brogrammist/311

1.88K viewsedited  Aug 13 at 17:24

CSS Funksiya va Miksinlar

Oxirgi yillarda CSSga juda ko'p imkoniyatlar qo'shildi. Yaqinda qo'shiladigan funksiya va miksinlar Sass, Less kabi preprotsessorlarga ehtiyojni yanada kamaytiradi. Bular:

1. @function

@function --negative(--value) {
  result: calc(-1 * var(--value));
}

div {
  --padding: 20px;
  margin-inline: --negative(var(--padding));
}

@mixin --center-content {
  display: grid;
  place-content: center;
}

.card {
  @apply --center-content;
}

BY Brogrammist