2020.07.20.(월) 세미 프로젝트 - 업무 분해도, 흐름도 작성, 레이아웃 회의, css: 변수선언 (font-color, font-size, weight 협의 후 사용)

css: 변수선언 (font-color, font-size, weight 협의 후 사용)

/** @format */
:root {
  /* Color */
  --color-white: #ffffff;
  --color-light-white: #eeeeee;
  --color-blue: #9bc2e8;
  --color-dark-blue: #6a92b6;
  --color-light-blue: #e0f4ff;
  --color-dark-grey: #4d4d4d;
  --color-light-grey: #7c7979;
  --color-yellow: #fff7d1;
  --color-orange: #feb546;
  --color-black: #000000;

  /*Font size*/

  --font-large: 48px;
  --font-medium: 28px;
  --font-regular: 18px;
  --font-small: 16px;
  --font-micro: 14px;

  /*font weight/

  --weight-bold: 700;

  --weight-semi-bold: 600;

  --weight-regular: 400;

  /*Size*/
  --size-border-radius: 4px;

  /**Animation*/
  --animation-duration: 300ms;
}

/*Universal tags*/
* {
  box-sizing: border-box;
}

body {
  margin: 0;
  font-family: "Nanum Gothic", sans-serif;
  cursor: default;
}

a {
  text-decoration: none;
  color: var(--color-dark-blue);
}

ul {
  list-style: none;
  padding-left: 0;
}
li {
  list-style: none;
}
button {
  background-color: transparent;
  cursor: pointer;
  border: none;
  outline: none;
}