diff --git a/components/04_Molecules/_molecules.styl b/components/05_Molecules/_molecules.styl similarity index 100% rename from components/04_Molecules/_molecules.styl rename to components/05_Molecules/_molecules.styl diff --git a/components/04_Molecules/overlayButton/_overlayButton.styl b/components/05_Molecules/overlayButton/_overlayButton.styl similarity index 100% rename from components/04_Molecules/overlayButton/_overlayButton.styl rename to components/05_Molecules/overlayButton/_overlayButton.styl diff --git a/components/04_Molecules/overlayButton/overlayButton.config.json b/components/05_Molecules/overlayButton/overlayButton.config.json similarity index 100% rename from components/04_Molecules/overlayButton/overlayButton.config.json rename to components/05_Molecules/overlayButton/overlayButton.config.json diff --git a/components/04_Molecules/overlayButton/overlayButton.hbs b/components/05_Molecules/overlayButton/overlayButton.hbs similarity index 100% rename from components/04_Molecules/overlayButton/overlayButton.hbs rename to components/05_Molecules/overlayButton/overlayButton.hbs diff --git a/components/04_Molecules/overlayButton/pagination/_pagination.styl b/components/05_Molecules/overlayButton/pagination/_pagination.styl similarity index 100% rename from components/04_Molecules/overlayButton/pagination/_pagination.styl rename to components/05_Molecules/overlayButton/pagination/_pagination.styl diff --git a/components/04_Molecules/overlayButton/pagination/pagination.config.json b/components/05_Molecules/overlayButton/pagination/pagination.config.json similarity index 100% rename from components/04_Molecules/overlayButton/pagination/pagination.config.json rename to components/05_Molecules/overlayButton/pagination/pagination.config.json diff --git a/components/04_Molecules/overlayButton/pagination/pagination.hbs b/components/05_Molecules/overlayButton/pagination/pagination.hbs similarity index 100% rename from components/04_Molecules/overlayButton/pagination/pagination.hbs rename to components/05_Molecules/overlayButton/pagination/pagination.hbs diff --git a/components/04_Molecules/pagination/_pagination.styl b/components/05_Molecules/pagination/_pagination.styl similarity index 100% rename from components/04_Molecules/pagination/_pagination.styl rename to components/05_Molecules/pagination/_pagination.styl diff --git a/components/04_Molecules/pagination/pagination.config.json b/components/05_Molecules/pagination/pagination.config.json similarity index 100% rename from components/04_Molecules/pagination/pagination.config.json rename to components/05_Molecules/pagination/pagination.config.json diff --git a/components/04_Molecules/pagination/pagination.hbs b/components/05_Molecules/pagination/pagination.hbs similarity index 100% rename from components/04_Molecules/pagination/pagination.hbs rename to components/05_Molecules/pagination/pagination.hbs diff --git a/components/04_Molecules/teaser/_teaser.styl b/components/05_Molecules/teaser/_teaser.styl similarity index 100% rename from components/04_Molecules/teaser/_teaser.styl rename to components/05_Molecules/teaser/_teaser.styl diff --git a/components/04_Molecules/teaser/teaser.config.json b/components/05_Molecules/teaser/teaser.config.json similarity index 100% rename from components/04_Molecules/teaser/teaser.config.json rename to components/05_Molecules/teaser/teaser.config.json diff --git a/components/04_Molecules/teaser/teaser.hbs b/components/05_Molecules/teaser/teaser.hbs similarity index 100% rename from components/04_Molecules/teaser/teaser.hbs rename to components/05_Molecules/teaser/teaser.hbs diff --git a/components/10_ContentShape/_contentShape.styl b/components/10_ContentShape/_contentShape.styl deleted file mode 100644 index 912234f..0000000 --- a/components/10_ContentShape/_contentShape.styl +++ /dev/null @@ -1,4 +0,0 @@ -@import 'aspectRatio/_aspectRatio' -@import 'focalPoint/_focalPoint' -@import 'shape/_shape' -@import 'truncation/_truncation' \ No newline at end of file diff --git a/components/10_ContentShape/aspectRatio/_aspectRatio.styl b/components/10_ContentShape/aspectRatio/_aspectRatio.styl deleted file mode 100644 index b2d611f..0000000 --- a/components/10_ContentShape/aspectRatio/_aspectRatio.styl +++ /dev/null @@ -1,70 +0,0 @@ -/** - * Mixins to maintain aspect ratio of an element. - */ -RV-AspectRatio--XtoY(aspectX=1, aspectY=1) - +RV-Block__Modifier--name('XtoY') - RV-CSSParameter({ - aspectX: aspectX, - aspectY: aspectY - }) - - padding-top 'calc(100% * calc(%s / %s))' % (--aspectY --aspectX) - &:last-child - margin-bottom 'calc(-1 * 100% * calc(%s / %s) + var(--outer-spacing))' % (--aspectY --aspectX) - - RV-Utils__ElementAmount(1, @(index, totale){ - margin-bottom 0px - }) - -RV-AspectRatio--1to2() - +RV-Block__Modifier('1to2') - RV-AspectRatio--XtoY(1, 2) - -RV-AspectRatio--2to1() - +RV-Block__Modifier('2to1') - RV-AspectRatio--XtoY(2, 1) - -RV-AspectRatio--3to2() - +RV-Block__Modifier('3to2') - RV-AspectRatio--XtoY(3, 2) - -RV-AspectRatio--4to3() - +RV-Block__Modifier('4to3') - RV-AspectRatio--XtoY(4, 3) - -RV-AspectRatio--16to9() - +RV-Block__Modifier('16to9') - RV-AspectRatio--XtoY(16, 9) - - -RV-AspectRatio() - position relative - overflow hidden - height unset - width unset - - * - object-fit cover - position absolute - top 0 - left 0 - bottom 0 - right 0 - -+RV-Block('RV-AspectRatio') - RV-AspectRatio() - - +RV-Block__Modifier() - RV-AspectRatio--1to2() - - +RV-Block__Modifier() - RV-AspectRatio--2to1() - - +RV-Block__Modifier() - RV-AspectRatio--3to2() - - +RV-Block__Modifier() - RV-AspectRatio--4to3() - - +RV-Block__Modifier() - RV-AspectRatio--16to9() \ No newline at end of file diff --git a/components/10_ContentShape/aspectRatio/aspectRatio.config.json b/components/10_ContentShape/aspectRatio/aspectRatio.config.json deleted file mode 100644 index fb9e03f..0000000 --- a/components/10_ContentShape/aspectRatio/aspectRatio.config.json +++ /dev/null @@ -1,45 +0,0 @@ -{ - "name": "aspectRatio", - "title": "Aspect Ratio", - "context": { - "modifier_list": [ - "RV-AspectRatio--1to2 RV-Dummy--orange", - "RV-AspectRatio--2to1 RV-Dummy--blue", - "RV-AspectRatio--3to2 RV-Dummy--green", - "RV-AspectRatio--4to3 RV-Dummy--red", - "RV-AspectRatio--16to9 RV-Dummy--yellow" - ] - }, - "variants": [ - { - "name": "1 to 2", - "context": { - "modifier": "RV-AspectRatio--1to2" - } - }, - { - "name": "2 to 1", - "context": { - "modifier": "RV-AspectRatio--2to1" - } - }, - { - "name": "3 to 2", - "context": { - "modifier": "RV-AspectRatio--3to2" - } - }, - { - "name": "4 to 3", - "context": { - "modifier": "RV-AspectRatio--4to3" - } - }, - { - "name": "16 to 9", - "context": { - "modifier": "RV-AspectRatio--16to9" - } - } - ] -} \ No newline at end of file diff --git a/components/10_ContentShape/aspectRatio/aspectRatio.hbs b/components/10_ContentShape/aspectRatio/aspectRatio.hbs deleted file mode 100644 index a01d61c..0000000 --- a/components/10_ContentShape/aspectRatio/aspectRatio.hbs +++ /dev/null @@ -1,12 +0,0 @@ - -{{#if modifier}} -
-{{else}} -
- {{#each modifier_list}} -
-
-
- {{/each}} -
-{{/if}} \ No newline at end of file diff --git a/components/10_ContentShape/focalPoint/_focalPoint.styl b/components/10_ContentShape/focalPoint/_focalPoint.styl deleted file mode 100644 index bcbe58a..0000000 --- a/components/10_ContentShape/focalPoint/_focalPoint.styl +++ /dev/null @@ -1,61 +0,0 @@ -/** - * This mixins helps you positioning objects (i.e. images, videos) to a 'focal point'. - * A focal point is a manual choosen point in an object that will be in the center of the cropped object. - * If the object is not cropped, the focal point does not apply. Best used with RV-AspectRatio. - * The focal point is given in percentages relative to the objects size. - - * To set the focal point either use one the the predefined classes or set them using inline CSS: - * class="RV-FocalPoint" style="--focalX: 44%; --focalY: 16.66%" - * - */ -RV-FocalPoint--upperHalf() - +RV-Block__Modifier--name('upperHalf') - RV-CSSParameter({ - focalY: 25% - }) - -RV-FocalPoint--lowerHalf() - +RV-Block__Modifier--name('lowerHalf') - RV-CSSParameter({ - focalY: 75% - }) - -RV-FocalPoint--leftHalf() - +RV-Block__Modifier--name('leftHalf') - RV-CSSParameter({ - focalX: 25% - }) - -RV-FocalPoint--rightHalf() - +RV-Block__Modifier--name('rightHalf') - RV-CSSParameter({ - focalX: 75% - }) - -RV-FocalPoint(focalX=50%, focalY=50%) - RV-CSSParameter({ - focalX: focalX, - focalY: focalY - }) - - height 100% - width 100% - object-fit cover - object-position --focalX --focalY - -+RV-Block('RV-FocalPoint') - RV-FocalPoint() - - +RV-Block__Modifier() - RV-FocalPoint--upperHalf() - - +RV-Block__Modifier() - RV-FocalPoint--lowerHalf() - - +RV-Block__Modifier() - RV-FocalPoint--leftHalf() - - +RV-Block__Modifier() - RV-FocalPoint--rightHalf() - - \ No newline at end of file diff --git a/components/10_ContentShape/focalPoint/focalPoint.config.json b/components/10_ContentShape/focalPoint/focalPoint.config.json deleted file mode 100644 index cb5a4be..0000000 --- a/components/10_ContentShape/focalPoint/focalPoint.config.json +++ /dev/null @@ -1,4 +0,0 @@ -{ - "name": "focalPoint", - "title": "Focal Point" -} \ No newline at end of file diff --git a/components/10_ContentShape/focalPoint/focalPoint.hbs b/components/10_ContentShape/focalPoint/focalPoint.hbs deleted file mode 100644 index b89b832..0000000 --- a/components/10_ContentShape/focalPoint/focalPoint.hbs +++ /dev/null @@ -1,22 +0,0 @@ - -
-
- -
-
- -
- -
- -
- -
- -
- -
- -
- -
diff --git a/components/10_ContentShape/shape/_shape.styl b/components/10_ContentShape/shape/_shape.styl deleted file mode 100644 index 72fb5a3..0000000 --- a/components/10_ContentShape/shape/_shape.styl +++ /dev/null @@ -1,45 +0,0 @@ -/** - * This mixins lets to shape elements to squares or circles. - * Note: Even if the class RV-Shape itself is not nessecary (at this point) - * you still should use it to maintain compatiblity: - * CSS: class="RV-Shape RV-Shape--square" - * Stylues: - * RV-Shape() - * RV-Shape--square() - * You may want to combine this mixin with RV-FocalPoint. - */ -RV-Shape--square() - +RV-Block__Modifier--name('square') - padding-top 100% - width 100% - position relative - - * - position absolute - top 0 - left 0 - bottom 0 - right 0 - -RV-Shape--circle() - +RV-Block__Modifier--name('circle') - padding-top 100% - width 100% - position relative - - &, * - clip-path circle() - - * - position absolute - top 0 - left 0 - bottom 0 - right 0 - -+RV-Block('RV-Shape') - +RV-Block__Modifier() - RV-Shape--square() - - +RV-Block__Modifier() - RV-Shape--circle() \ No newline at end of file diff --git a/components/10_ContentShape/shape/shape.config.json b/components/10_ContentShape/shape/shape.config.json deleted file mode 100644 index 92dc757..0000000 --- a/components/10_ContentShape/shape/shape.config.json +++ /dev/null @@ -1,17 +0,0 @@ -{ - "name": "Shape", - "variants": [ - { - "name": "Square", - "context": { - "modifier": "RV-Shape--square" - } - }, - { - "name": "Circle", - "context": { - "modifier": "RV-Shape--circle" - } - } - ] -} \ No newline at end of file diff --git a/components/10_ContentShape/shape/shape.hbs b/components/10_ContentShape/shape/shape.hbs deleted file mode 100644 index 8ab86b2..0000000 --- a/components/10_ContentShape/shape/shape.hbs +++ /dev/null @@ -1,3 +0,0 @@ -
- -
\ No newline at end of file diff --git a/components/10_ContentShape/truncation/_truncation.styl b/components/10_ContentShape/truncation/_truncation.styl deleted file mode 100644 index 5b8c6fb..0000000 --- a/components/10_ContentShape/truncation/_truncation.styl +++ /dev/null @@ -1,81 +0,0 @@ -/** - * This mixin is for truncating text. By now, this can only be done by container height. - * Because this is actually realy messed up in native CSS, you have to specify the line-height - * and container height manualy in Stylues. CSS-Variables can unfortunately not be used in this case. - */ -RV-Truncation--fade(background-color=white) - +RV-Block__Modifier--name('fade') - - +RV-Element('Content') - &:last-child:after - background-image linear-gradient(180deg, rgba(255, 255, 255, 0), background-color) - display block - content '###' - color transparent - opacity 1 - position absolute - top calc(var(--height) - 40px) - width 100% - height calc(1.5 * var(--line-height)) - z-index 10 - -RV-Truncation--ellipsis(background-color=white) - +RV-Block__Modifier--name('ellipsis') - - +RV-Element('Cutter') - &:after - position absolute - display block - right 0 - content '...' - background-color background-color - padding-left 5px - padding-bottom 10px - box-shadow -10px 8px 6px 0px background-color; - line-height --line-height - top calc(var(--height) - 38px) - - +RV-Element('Content') - &:after - display block - background-color background-color - content '' - position relative - right 0 - height --height - width 100% - bottom -100% - z-index 30 - -RV-Truncation(line-height=1.3em, height=100%, background-color=white) - RV-CSSParameter({ - line-height: line-height, - height: height, - background-color: background-color - }) - - display grid - align-content flex-start - height --height - grid-template-rows repeat(auto-fill, --line-height) - - height calc_height(--height) - width calc_width() - - position relative - - * - overflow hidden - grid-row 1/-1 - background --background-color - line-height --line-height - z-index -10 - -+RV-Block('RV-Truncation') - RV-Truncation() - - +RV-Block__Modifier() - RV-Truncation--fade(--background-color) - - +RV-Block__Modifier() - RV-Truncation--ellipsis(--background-color) \ No newline at end of file diff --git a/components/10_ContentShape/truncation/truncation.config.json b/components/10_ContentShape/truncation/truncation.config.json deleted file mode 100644 index a923e83..0000000 --- a/components/10_ContentShape/truncation/truncation.config.json +++ /dev/null @@ -1,17 +0,0 @@ -{ - "name": "Truncation", - "variants": [ - { - "name": "Fade", - "context": { - "modifier": "RV-Truncation--fade" - } - }, - { - "name": "Ellipsis", - "context": { - "modifier": "RV-Truncation--ellipsis" - } - } - ] -} \ No newline at end of file diff --git a/components/10_ContentShape/truncation/truncation.hbs b/components/10_ContentShape/truncation/truncation.hbs deleted file mode 100644 index b4849fe..0000000 --- a/components/10_ContentShape/truncation/truncation.hbs +++ /dev/null @@ -1,7 +0,0 @@ -
-
-

- You could see there was text coming out of her eyes, text coming out of her wherever. . 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. Podcasting operational change management inside of workflows to establish a framework. Taking seamless key performance indicators offline to maximise the long tail. Keeping your eye on the ball while performing a deep dive on the start-up mentality to derive convergence on cross-platform integration. -

-
-
\ No newline at end of file