From 7e751d10789b14497c3b36b4e419664e338a4b59 Mon Sep 17 00:00:00 2001 From: reverend Date: Thu, 4 Mar 2021 17:38:50 +0100 Subject: [PATCH] Von 00 nach 10 verschoben --- .../truncation/_truncation.styl | 79 ------------------- .../truncation/truncation.config.json | 17 ---- .../00_ContentShape/truncation/truncation.hbs | 5 -- components/01_Layouts/flexRow/_flexRow.styl | 11 +-- .../04_Molecules/pagination/_pagination.styl | 3 +- .../_contentShape.styl | 0 .../aspectRatio/_aspectRatio.styl | 0 .../aspectRatio/aspectRatio.config.json | 0 .../aspectRatio/aspectRatio.hbs | 0 .../focalPoint/_focalPoint.styl | 0 .../focalPoint/focalPoint.config.json | 0 .../focalPoint/focalPoint.hbs | 0 .../shape/_shape.styl | 2 +- .../shape/shape.config.json | 0 .../shape/shape.hbs | 0 components/_components.styl | 5 +- 16 files changed, 13 insertions(+), 109 deletions(-) delete mode 100644 components/00_ContentShape/truncation/_truncation.styl delete mode 100644 components/00_ContentShape/truncation/truncation.config.json delete mode 100644 components/00_ContentShape/truncation/truncation.hbs rename components/{00_ContentShape => 10_ContentShape}/_contentShape.styl (100%) rename components/{00_ContentShape => 10_ContentShape}/aspectRatio/_aspectRatio.styl (100%) rename components/{00_ContentShape => 10_ContentShape}/aspectRatio/aspectRatio.config.json (100%) rename components/{00_ContentShape => 10_ContentShape}/aspectRatio/aspectRatio.hbs (100%) rename components/{00_ContentShape => 10_ContentShape}/focalPoint/_focalPoint.styl (100%) rename components/{00_ContentShape => 10_ContentShape}/focalPoint/focalPoint.config.json (100%) rename components/{00_ContentShape => 10_ContentShape}/focalPoint/focalPoint.hbs (100%) rename components/{00_ContentShape => 10_ContentShape}/shape/_shape.styl (95%) rename components/{00_ContentShape => 10_ContentShape}/shape/shape.config.json (100%) rename components/{00_ContentShape => 10_ContentShape}/shape/shape.hbs (100%) diff --git a/components/00_ContentShape/truncation/_truncation.styl b/components/00_ContentShape/truncation/_truncation.styl deleted file mode 100644 index ae7100b..0000000 --- a/components/00_ContentShape/truncation/_truncation.styl +++ /dev/null @@ -1,79 +0,0 @@ -RV-Truncation--fade(background-color=white) - padding-bottom 20px - &: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) - 60px) - width 100% - height 50px - line-height var(--line-height) - z-index 10 - *:after - display inline-block - background-color #fff - content '###' - color transparent - position absolute - right 0 - z-index 30 - -RV-Truncation--ellipsis(background-color=white) - &:after - position absolute - display block - right 0 - content '...' - background-color background-color - padding-left 5px - padding-bottom 10px - box-shadow -10px 8px 6px 0px #fff; - line-height --line-height - top calc(--height - 40px) - *:after - display inline-block - background-color #fff - content '###' - color transparent - position absolute - right 0 - z-index 30 - -RV-Truncation(line-height=1.3, height=350px) - RV-CSSParameter({ - line-height: line-height, - height: height - }) - - background-color = white - display block - overflow hidden - position relative - - height calc_height() - width calc_width() - - * - overflow hidden - display block - position relative - text-overflow ellipsis - background-color background-color - - line-height line-height - max-height floor(height / (line-height * 16)) * (line-height * 16) - - padding 0 - margin 0 - -.RV-Truncation - RV-Truncation() - - &--fade - RV-Truncation--fade() - - &--ellipsis - RV-Truncation--ellipsis() \ No newline at end of file diff --git a/components/00_ContentShape/truncation/truncation.config.json b/components/00_ContentShape/truncation/truncation.config.json deleted file mode 100644 index a923e83..0000000 --- a/components/00_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/00_ContentShape/truncation/truncation.hbs b/components/00_ContentShape/truncation/truncation.hbs deleted file mode 100644 index 6a429e2..0000000 --- a/components/00_ContentShape/truncation/truncation.hbs +++ /dev/null @@ -1,5 +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 diff --git a/components/01_Layouts/flexRow/_flexRow.styl b/components/01_Layouts/flexRow/_flexRow.styl index cf8b4f7..7d5cdc1 100644 --- a/components/01_Layouts/flexRow/_flexRow.styl +++ b/components/01_Layouts/flexRow/_flexRow.styl @@ -12,6 +12,9 @@ RV-FlexRow--horizontal() RV-FlexRow--vertical() +RV-Block__Modifier--name('vertical') flex-direction column + + +RV-Element('Item') + margin-bottom unset RV-FlexRow__Item--outsideBreakPoint() @@ -31,7 +34,6 @@ RV-FlexRow--breakPoint(localBreakPoint, mediaBreakPoint=0) +RV-Block__Modifier--name('breakPoint') RV-Reset() gap 0px - height unset RV-Utils__ElementAmount--range(0, 20, @(index, total){ min-width "calc((%s - (var(--spacing-inner) * (%s - 1))) / %s - (2 * var(--spacing-inner)))" % (localBreakPoint index index) @@ -67,7 +69,6 @@ RV-FlexRow--auto() ########### */ RV-FlexRow__Item() +RV-Element--name('Item') - flex-basis max-content flex-grow 3 flex-shrink 3 @@ -179,14 +180,14 @@ RV-FlexRow() +RV-Element__Modifier() RV-FlexRow__Item--content() + +RV-Block__Modifier() + RV-FlexRow--breakPoint(--localBreakPoint, --mediaBreakPoint) + +RV-Block__Modifier() RV-FlexRow--horizontal() +RV-Block__Modifier() RV-FlexRow--vertical() - +RV-Block__Modifier() - RV-FlexRow--breakPoint(--localBreakPoint, --mediaBreakPoint) - +RV-Block__Modifier() RV-FlexRow--auto() \ No newline at end of file diff --git a/components/04_Molecules/pagination/_pagination.styl b/components/04_Molecules/pagination/_pagination.styl index be2388c..b394703 100644 --- a/components/04_Molecules/pagination/_pagination.styl +++ b/components/04_Molecules/pagination/_pagination.styl @@ -1,4 +1,4 @@ -RV-Pagination__Item() +/*RV-Pagination__Item() RV-FlexRow__Item() .RV-Link padding 15px 20px @@ -20,3 +20,4 @@ RV-Pagination__List(breakpoint=500px) &__Label RV-FlexRow__Item--outsideBreakPoint() +*/ \ No newline at end of file diff --git a/components/00_ContentShape/_contentShape.styl b/components/10_ContentShape/_contentShape.styl similarity index 100% rename from components/00_ContentShape/_contentShape.styl rename to components/10_ContentShape/_contentShape.styl diff --git a/components/00_ContentShape/aspectRatio/_aspectRatio.styl b/components/10_ContentShape/aspectRatio/_aspectRatio.styl similarity index 100% rename from components/00_ContentShape/aspectRatio/_aspectRatio.styl rename to components/10_ContentShape/aspectRatio/_aspectRatio.styl diff --git a/components/00_ContentShape/aspectRatio/aspectRatio.config.json b/components/10_ContentShape/aspectRatio/aspectRatio.config.json similarity index 100% rename from components/00_ContentShape/aspectRatio/aspectRatio.config.json rename to components/10_ContentShape/aspectRatio/aspectRatio.config.json diff --git a/components/00_ContentShape/aspectRatio/aspectRatio.hbs b/components/10_ContentShape/aspectRatio/aspectRatio.hbs similarity index 100% rename from components/00_ContentShape/aspectRatio/aspectRatio.hbs rename to components/10_ContentShape/aspectRatio/aspectRatio.hbs diff --git a/components/00_ContentShape/focalPoint/_focalPoint.styl b/components/10_ContentShape/focalPoint/_focalPoint.styl similarity index 100% rename from components/00_ContentShape/focalPoint/_focalPoint.styl rename to components/10_ContentShape/focalPoint/_focalPoint.styl diff --git a/components/00_ContentShape/focalPoint/focalPoint.config.json b/components/10_ContentShape/focalPoint/focalPoint.config.json similarity index 100% rename from components/00_ContentShape/focalPoint/focalPoint.config.json rename to components/10_ContentShape/focalPoint/focalPoint.config.json diff --git a/components/00_ContentShape/focalPoint/focalPoint.hbs b/components/10_ContentShape/focalPoint/focalPoint.hbs similarity index 100% rename from components/00_ContentShape/focalPoint/focalPoint.hbs rename to components/10_ContentShape/focalPoint/focalPoint.hbs diff --git a/components/00_ContentShape/shape/_shape.styl b/components/10_ContentShape/shape/_shape.styl similarity index 95% rename from components/00_ContentShape/shape/_shape.styl rename to components/10_ContentShape/shape/_shape.styl index c0fe866..72fb5a3 100644 --- a/components/00_ContentShape/shape/_shape.styl +++ b/components/10_ContentShape/shape/_shape.styl @@ -28,7 +28,7 @@ RV-Shape--circle() position relative &, * - border-radius 50% + clip-path circle() * position absolute diff --git a/components/00_ContentShape/shape/shape.config.json b/components/10_ContentShape/shape/shape.config.json similarity index 100% rename from components/00_ContentShape/shape/shape.config.json rename to components/10_ContentShape/shape/shape.config.json diff --git a/components/00_ContentShape/shape/shape.hbs b/components/10_ContentShape/shape/shape.hbs similarity index 100% rename from components/00_ContentShape/shape/shape.hbs rename to components/10_ContentShape/shape/shape.hbs diff --git a/components/_components.styl b/components/_components.styl index 4700900..b980581 100644 --- a/components/_components.styl +++ b/components/_components.styl @@ -1,3 +1,6 @@ +html + --shf: 4.9406564584124654e-322; + @import '00_Tools/_tools' @import '01_Layouts/_layouts' @@ -5,7 +8,7 @@ @import '03_Atoms/_atoms' @import '04_Molecules/_molecules' -@import '00_ContentShape/_contentShape' +@import '10_ContentShape/_contentShape' //@import '05_Organisms/_organisms'