From 97164e6acc75e807bd93e240c08758ab4bd2f7e8 Mon Sep 17 00:00:00 2001 From: reverend Date: Sun, 23 Aug 2020 14:36:48 +0200 Subject: [PATCH] Iconization of text --- components/02_Styles/iconized/_iconized.scss | 28 ++++++++++++ .../02_Styles/iconized/iconized.config.json | 1 + components/02_Styles/iconized/iconized.hbs | 45 +++++++++++++++++++ 3 files changed, 74 insertions(+) create mode 100644 components/02_Styles/iconized/_iconized.scss create mode 100644 components/02_Styles/iconized/iconized.config.json create mode 100644 components/02_Styles/iconized/iconized.hbs diff --git a/components/02_Styles/iconized/_iconized.scss b/components/02_Styles/iconized/_iconized.scss new file mode 100644 index 0000000..28b1f3b --- /dev/null +++ b/components/02_Styles/iconized/_iconized.scss @@ -0,0 +1,28 @@ +.RV-Iconized { + &__Icon { + &--small { + width: 1em; + height: 1em; + position: relative; + top: .125em; + } + &--medium { + width: 2em; + height: 2em; + position: relative; + top: .625em; + } + &--large { + width: 3em; + height: 3em; + position: relative; + top: 1.15573em; + } + &--huge { + width: 5em; + height: 5em; + position: relative; + top: 2.175em; + } + } +} \ No newline at end of file diff --git a/components/02_Styles/iconized/iconized.config.json b/components/02_Styles/iconized/iconized.config.json new file mode 100644 index 0000000..9e26dfe --- /dev/null +++ b/components/02_Styles/iconized/iconized.config.json @@ -0,0 +1 @@ +{} \ No newline at end of file diff --git a/components/02_Styles/iconized/iconized.hbs b/components/02_Styles/iconized/iconized.hbs new file mode 100644 index 0000000..8ba06f8 --- /dev/null +++ b/components/02_Styles/iconized/iconized.hbs @@ -0,0 +1,45 @@ + + + + + + This is a text + +
+ + + + + + This is a text + +
+ + + + + + This is a text + +
+

+ You could see there was text coming out of her eyes, text coming out of her wherever. Trump Ipsum is calling for a total and complete shutdown of Muslim text entering your website. Does everybody know that pig named Lorem Ipsum? She's a disgusting pig, right? When other websites give you text, they’re not sending the best. They’re not sending you, they’re sending words that have lots of problems and they’re bringing those problems with us. They’re bringing mistakes. They’re bringing misspellings. They’re typists… And some, I assume, are good words. I'm speaking with myself, number one, because I have a very good brain and I've said a lot of things. Efficiently unleash cross-media information without cross-media value. Quickly maximize timely deliverables for real-time schemas. Dramatically maintain clicks-and-mortar solutions without functional solutions. + + + + + + + + + + You could see there was text coming out of her eyes, text coming out of her wherever. Trump Ipsum is calling for a total and complete shutdown of Muslim text entering your website. Does everybody know that pig named Lorem Ipsum? She's a disgusting pig, right? When other websites give you text, they’re not sending the best. They’re not sending you, they’re sending words that have lots of problems and they’re bringing those problems with us. They’re bringing mistakes. They’re bringing misspellings. They’re typists… And some, I assume, are good words. I'm speaking with myself, number one, because I have a very good brain and I've said a lot of things. Efficiently unleash cross-media information without cross-media value. Quickly maximize timely deliverables for real-time schemas. Dramatically maintain clicks-and-mortar solutions without functional solutions. +