From 58835864d32061c0d1e4c2da8cd00a98561f5b9f Mon Sep 17 00:00:00 2001
From: newick
Date: Mon, 12 Aug 2019 22:21:12 +0200
Subject: [PATCH] added useful classes and comments
---
src/app/pages/kind/kind.component.html | 20 +++++++++++++++++++-
src/assets/scss/useful_classes.scss | 6 ++++++
src/styles.scss | 1 +
3 files changed, 26 insertions(+), 1 deletion(-)
create mode 100644 src/assets/scss/useful_classes.scss
diff --git a/src/app/pages/kind/kind.component.html b/src/app/pages/kind/kind.component.html
index 826bacaa..cc0b63e5 100644
--- a/src/app/pages/kind/kind.component.html
+++ b/src/app/pages/kind/kind.component.html
@@ -42,7 +42,12 @@
Button delete with background
Button delete with background
-
+
+
+ Warning, in the mockups, some buttons have different paddings.
+ Example: "Copier le lien" has smaller paddings, maybe a `btn_small` class could do the job, to check.
+
+
@@ -132,6 +137,19 @@
Molecules
+
+ Useful classes
+
+ Align right
+
+
+
Label + input text
Ceci est un label un peu long mais pas trop
diff --git a/src/assets/scss/useful_classes.scss b/src/assets/scss/useful_classes.scss
new file mode 100644
index 00000000..49725305
--- /dev/null
+++ b/src/assets/scss/useful_classes.scss
@@ -0,0 +1,6 @@
+@charset "UTF_8";
+
+.align-right {
+ display: flex;
+ justify-content: flex-end;
+}
\ No newline at end of file
diff --git a/src/styles.scss b/src/styles.scss
index 2705b3d7..28ab950a 100644
--- a/src/styles.scss
+++ b/src/styles.scss
@@ -1,6 +1,7 @@
/* You can add global styles to this file, and also import other style files */
@import "assets/scss/variables";
@import "assets/scss/default";
+@import "assets/scss/useful_classes";
@import "assets/scss/atoms/main";
@import "assets/scss/atoms/section";