diff --git a/components/03_Styles/spacing/_spacing.styl b/components/03_Styles/spacing/_spacing.styl index 4e059d4..249818d 100644 --- a/components/03_Styles/spacing/_spacing.styl +++ b/components/03_Styles/spacing/_spacing.styl @@ -1,63 +1,65 @@ RV-Spacing__Outer--small() - +RV-Element--modifier() - --outer-spacing spacing-small - margin var(--outer-spacing) - * > { - --outer-spacing 0 - } + --outer-spacing spacing-small + margin var(--outer-spacing) + * > { + --outer-spacing 0 + } RV-Spacing__Outer--medium() - +RV-Element--modifier() - --outer-spacing spacing-medium - margin var(--outer-spacing) - * > { - --outer-spacing 0 - } + --outer-spacing spacing-medium + margin var(--outer-spacing) + * > { + --outer-spacing 0 + } RV-Spacing__Outer--large() - +RV-Element--modifier() - --outer-spacing spacing-large - margin var(--outer-spacing) - * > { - --outer-spacing 0 - } + --outer-spacing spacing-large + margin var(--outer-spacing) + * > { + --outer-spacing 0 + } + RV-Spacing__Inner--small() - +RV-Element--modifier() - --inner-spacing spacing-small - padding var(--inner-spacing) - gap var(--inner-spacing) - column-gap var(--inner-spacing) - * > { - --inner-spacing 0 - } + --inner-spacing spacing-small + padding var(--inner-spacing) + gap var(--inner-spacing) + column-gap var(--inner-spacing) + * > { + --inner-spacing 0 + } RV-Spacing__Inner--medium() - +RV-Element--modifier() - --inner-spacing spacing-medium - padding var(--inner-spacing) - gap var(--inner-spacing) - column-gap var(--inner-spacing) - * > { - --inner-spacing 0 - } + --inner-spacing spacing-medium + padding var(--inner-spacing) + gap var(--inner-spacing) + column-gap var(--inner-spacing) + * > { + --inner-spacing 0 + } RV-Spacing__Inner--large() - +RV-Element--modifier() - --inner-spacing spacing-large - padding var(--inner-spacing) - gap var(--inner-spacing) - column-gap var(--inner-spacing) - * > { - --inner-spacing 0 - } + --inner-spacing spacing-large + padding var(--inner-spacing) + gap var(--inner-spacing) + column-gap var(--inner-spacing) + * > { + --inner-spacing 0 + } -+RV-Block('RV-Spacing') - +RV-Element('Outer') - RV-Spacing__Outer--small() - RV-Spacing__Outer--medium() - RV-Spacing__Outer--large() +.RV-Spacing - +RV-Element('Inner') - RV-Spacing__Inner--small() - RV-Spacing__Inner--medium() - RV-Spacing__Inner--large() \ No newline at end of file + &__Outer + &--small + RV-Spacing__Outer--small() + &--medium + RV-Spacing__Outer--medium() + &--large + RV-Spacing__Outer--large() + + &__Inner + &--small + RV-Spacing__Inner--small() + &--medium + RV-Spacing__Inner--medium() + &--large + RV-Spacing__Inner--large() \ No newline at end of file