aboutsummaryrefslogtreecommitdiff
path: root/random-projects/bad-password-generator/style.scss
diff options
context:
space:
mode:
authorNoah Loomans <noahloomans@gmail.com>2017-07-15 14:59:11 +0200
committerNoah Loomans <noahloomans@gmail.com>2017-07-15 14:59:11 +0200
commit85dd41ea557fe63a5f2e8a2ea5d70deb75576528 (patch)
tree9783ef8ffc694a53fac05aadbc1537a8c4c8e3ba /random-projects/bad-password-generator/style.scss
parentdf55ee022c7385e389121ce2534dc391d2d03b46 (diff)
Move /random-project/ to /random-projects/
Diffstat (limited to 'random-projects/bad-password-generator/style.scss')
-rw-r--r--random-projects/bad-password-generator/style.scss36
1 files changed, 36 insertions, 0 deletions
diff --git a/random-projects/bad-password-generator/style.scss b/random-projects/bad-password-generator/style.scss
new file mode 100644
index 0000000..95462ba
--- /dev/null
+++ b/random-projects/bad-password-generator/style.scss
@@ -0,0 +1,36 @@
+.random-project__project__bad-password-generator {
+ text-align: center;
+ flex-grow: 1;
+
+ display: flex;
+ flex-direction: column;
+ justify-content: center;
+
+ margin: 32px;
+
+ #changing-passwd {
+ font-weight: bold;
+ font-size: 5em;
+ text-transform: capitalize;
+ }
+
+ .text {
+ margin-top: -64px;
+ }
+}
+
+@media screen and (max-width: 768px) {
+ .random-project__project__bad-password-generator {
+ #changing-passwd {
+ font-size: 3em;
+ }
+ }
+}
+
+@media screen and (max-width: 320px) {
+ .random-project__project__bad-password-generator {
+ #changing-passwd {
+ font-size: 2em;
+ }
+ }
+}