[PROJ-18.4/st] layout-content-element

Adding/copying files from the previous realization.

FS-dev: B-3 / JS basic

Author: matowdev

full-stack-dev/3-js-basic/18-proj-habit-tracker/18-4-layout-content-element/README.md

@@ -0,0 +1,8 @@
+.app {
+  display: flex;
+  margin: 20px auto;
+  border: 2px solid var(--main-border-color, #E7EBFB);
+  border-radius: var(--default-br, 10px);
+  padding: var(--app-padding, 30px);
+  max-width: var(--app-max-width, 1440px);
+}

full-stack-dev/3-js-basic/18-proj-habit-tracker/18-4-layout-content-element/css/app.css

@@ -0,0 +1,7 @@
+.content {
+  border-top-right-radius: var(--default-br, 10px);
+  border-bottom-right-radius: var(--default-br, 10px);
+  padding: 45px;
+  width: 100%;
+  background: var(--bg-main-page, #F3F6FD);
+}

full-stack-dev/3-js-basic/18-proj-habit-tracker/18-4-layout-content-element/css/content.css

@@ -0,0 +1,44 @@
+/* comfortaa, light - 300 - cyrillic_latin */
+@font-face {
+  font-family: "Comfortaa";
+  font-style: normal;
+  font-weight: 300;
+  font-display: swap;
+  src: url("../fonts/comfortaa-v47-cyrillic_latin-300.woff2") format("woff2");
+}
+
+/* comfortaa, regular - 400 - cyrillic_latin */
+@font-face {
+  font-family: "Comfortaa";
+  font-style: normal;
+  font-weight: 400;
+  font-display: swap;
+  src: url("../fonts/comfortaa-v47-cyrillic_latin-regular.woff2") format("woff2");
+}
+
+/* comfortaa, medium - 500 - cyrillic_latin */
+@font-face {
+  font-family: "Comfortaa";
+  font-style: normal;
+  font-weight: 500;
+  font-display: swap;
+  src: url("../fonts/comfortaa-v47-cyrillic_latin-500.woff2") format("woff2");
+}
+
+/* comfortaa, semi bold - 600 - cyrillic_latin */
+@font-face {
+  font-family: "Comfortaa";
+  font-style: normal;
+  font-weight: 600;
+  font-display: swap;
+  src: url("../fonts/comfortaa-v47-cyrillic_latin-600.woff2") format("woff2");
+}
+
+/* comfortaa, bold - 700 - cyrillic_latin */
+@font-face {
+  font-family: "Comfortaa";
+  font-style: normal;
+  font-weight: 700;
+  font-display: swap;
+  src: url("../fonts/comfortaa-v47-cyrillic_latin-700.woff2") format("woff2");
+}