Vuetify Typography

코드의 일관성 유지. ex)어디서는 22px 어디서는 12px 방지.

text-{breakpoint}-{value}
text-{value}

코드를 입력하세                  <v-expand-transition>
                    <v-responsive
                      v-if="active"
                      max-width="350"
                    >
                      <div class="d-flex justify-space-between text-caption">
                        <div>
                          <div class="grey--text mb-2">
                            Font
                          </div>

                          <div class="font-weight-medium">
                            Roboto
                          </div>
                        </div>

                        <div>
                          <div class="grey--text mb-2">
                            Weight
                          </div>

                          <div
                            class="font-weight-medium"
                            v-text="weight"
                          />
                        </div>

                        <div>
                          <div class="grey--text mb-2">
                            Size
                          </div>

                          <div
                            class="font-weight-medium"
                            v-text="size"
                          />
                        </div>

                        <div>
                          <div class="grey--text text-darken-1 mb-2">
                            Letter spacing
                          </div>

                          <div
                            class="font-weight-medium"
                            v-text="spacing"
                          />
                        </div>
                      </div>
                    </v-responsive>
                  </v-expand-transition>요