Сниппеты

Расширение для Visual Studio Code: https://marketplace.visualstudio.com/items?itemName=spaceapp.spaceapp-snippets

React

rtfc

React Template Functional Component

component.tsx

import type { FC } from "react";

export interface ComponentProps {
}

/**
*
*/
export const Component: FC<ComponentProps> = ({}) => {
  return (
  )
};

rism

React Include SCSS Module

component.tsx

import styles from "./component.module.scss";

Astro

atc

Astro Template Component

Component.astro

---
interface Props {
}

const {} = Astro.props;
---

<style is:global lang="scss">
  .component {
  }
</style>

SCSS

Mobile-first media queries

smpm

SCSS Mixin Phone Mobile-First

@include phone-min {
}

smtm

SCSS Mixin Tablet Mobile-First

@include tablet-min {
}

smlm

SCSS Mixin Laptop Mobile-First

@include laptop-min {
}

smdm

SCSS Mixin Desktop Mobile-First

@include desktop-min {
}

smwm

SCSS Mixin Widescreen Mobile-First

@include widescreen-min {
}

Desktop-first media queries

smw

SCSS Mixin Widescreen Desktop-First

@include widescreen {
}

smd

SCSS Mixin Desktop Desktop-First

@include desktop {
}

sml

SCSS Mixin Laptop Desktop-First

@include laptop {
}

smt

SCSS Mixin Tablet Desktop-First

@include tablet {
}

smp

SCSS Mixin Phone Desktop-First

@include phone {
}

Utility

sms

SCSS Mixin Session

@include section;

&__container {
  grid-area: center;
}