reverend/scss-library
1
0
Fork 0
Code Issues Pull Requests Projects Releases Wiki Activity

Reordering, Layouts now No 1

Browse Source
This commit is contained in:
reverend
2021-01-17 22:57:31 +01:00
parent 64b21a2c81
commit ffa284b01f
41 changed files with 4 additions and 4 deletions
Download Patch File Download Diff File Expand all files Collapse all files

70
components/02_Styles/iconized/_iconized.styl Normal file
View File

@@ -0,0 +1,70 @@
RV-Iconized--extraSmall()
+RV-Block__Modifier--name('extraSmall')
+RV-Element('Icon')
width 1em
height 1em
position relative
top .125em
RV-Iconized--small()
+RV-Block__Modifier('small')
top -.25em
+RV-Element('Icon')
width 1.5em
height 1.5em
position relative
top .45em
RV-Iconized--medium()
+RV-Block__Modifier--name('medium')
top -.5em
+RV-Element('Icon')
width 2em
height 2em
position relative
top .625em
RV-Iconized--large()
+RV-Block__Modifier--name('large')
top -1.03073em
+RV-Element('Icon')
width 3em
height 3em
position relative
top 1.15573em
RV-Iconized--huge()
+RV-Block__Modifier--name('huge')
top -2.05em
+RV-Element('Icon')
width 5em
height 5em
position relative
top 2.175em
RV-Iconized__Icon()
+RV-Element--name('Icon')
RV-Reset()
RV-Iconized()
position relative
+RV-Block('RV-Iconized')
+RV-Element()
RV-Iconized__Icon()
+RV-Block__Modifier()
RV-Iconized--extraSmall()
+RV-Block__Modifier()
RV-Iconized--small()
+RV-Block__Modifier()
RV-Iconized--medium()
+RV-Block__Modifier()
RV-Iconized--large()
+RV-Block__Modifier()
RV-Iconized--huge()

1
components/02_Styles/iconized/iconized.config.json Normal file
View File

@@ -0,0 +1 @@
{}

57
components/02_Styles/iconized/iconized.hbs Normal file
View File

@@ -0,0 +1,57 @@
<span class="RV-Iconized RV-Iconized--extraSmall">
<svg class="RV-Iconized__Icon" version="1.1" id="Capa_1"
xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink"
x="0px" y="0px" viewBox="0 0 512 512" xml:space="preserve">
<g>
<path d="M492,236H276V20c0-11.046-8.954-20-20-20c-11.046,0-20,8.954-20,20v216H20c-11.046,0-20,8.954-20,20s8.954,20,20,20h216
v216c0,11.046,8.954,20,20,20s20-8.954,20-20V276h216c11.046,0,20-8.954,20-20C512,244.954,503.046,236,492,236z" />
</g>
</svg>
<span class="RV-Iconized__Text">This is a text</span>
</span>
<br>
<span class="RV-Iconized RV-Iconized--small">
<svg class="RV-Iconized__Icon" version="1.1" id="Capa_1"
xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink"
x="0px" y="0px" viewBox="0 0 512 512" xml:space="preserve">
<g>
<path d="M492,236H276V20c0-11.046-8.954-20-20-20c-11.046,0-20,8.954-20,20v216H20c-11.046,0-20,8.954-20,20s8.954,20,20,20h216
v216c0,11.046,8.954,20,20,20s20-8.954,20-20V276h216c11.046,0,20-8.954,20-20C512,244.954,503.046,236,492,236z" />
</g>
</svg>
<span class="RV-Iconized__Text">This is a text</span>
</span>
<br>
<span class="RV-Iconized RV-Iconized--medium">
<svg class="RV-Iconized__Icon RV-Iconized__Icon--medium" height="24" viewBox="0 0 24 24" width="24" xmlns="http://www.w3.org/2000/svg">
<path d="M0 0h24v24H0z" fill="none"></path>
<path d="M19 6.4L17.6 5 12 10.6 6.4 5 5 6.4 10.6 12 5 17.6 6.4 19 12 13.4 17.6 19 19 17.6 13.4 12z"></path>
</svg>
<span class="RV-Iconized__Text">This is a text</span>
</span>
<br>
<span class="RV-Iconized RV-Iconized--large">
<svg class="RV-Iconized__Icon RV-Iconized__Icon" height="24" viewBox="0 0 24 24" width="24" xmlns="http://www.w3.org/2000/svg">
<path d="M0 0h24v24H0z" fill="none"></path>
<path d="M19 6.4L17.6 5 12 10.6 6.4 5 5 6.4 10.6 12 5 17.6 6.4 19 12 13.4 17.6 19 19 17.6 13.4 12z"></path>
</svg>
<span class="RV-Iconized__Text">This is a text</span>
</span>
<br>
<p style="font-size: 18px;">
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.
<a href="#">
<span class="RV-Iconized RV-Iconized--small">
<svg class="RV-Iconized__Icon" version="1.1" id="Capa_1" xmlns="http://www.w3.org/2000/svg"
xmlns:xlink="http://www.w3.org/1999/xlink" x="0px" y="0px" viewBox="0 0 512 512"
xml:space="preserve">
<g>
<path d="M492,236H276V20c0-11.046-8.954-20-20-20c-11.046,0-20,8.954-20,20v216H20c-11.046,0-20,8.954-20,20s8.954,20,20,20h216
v216c0,11.046,8.954,20,20,20s20-8.954,20-20V276h216c11.046,0,20-8.954,20-20C512,244.954,503.046,236,492,236z" />
</g>
</svg>
<span class="RV-Iconized__Text">Wurstwasser</span>
</span>
</a>
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.
</p>