Chalarangelo / Chalarangelo/mocka

Subheading top property doesn't apply

Open
#2 0 comments 0 reactions 0 assignees View on GitHub
Dominant language
CSS
Stars
1.2k
Forks
36
PR merge metrics
No merged PRs in 30d

Description

When I modify the subheading `top` property, it doesn't apply. Every other property has changed properly so far. I post my `mocka-custom.scss` file in case you need it.

```
$mocka: (
prefix: 'mocka',
container: (
name: 'container',
margin: 15px,
width: 100%,
height: 13rem,
background: inherit,
border-radius: 16px,
border: 0
),
media: (
name: 'media',
top: 1.5rem,
left: 2rem,
width: 6rem,
height: 6rem,
border-radius: 50%
),
heading: (
name: 'heading',
top: 1.125rem,
left: 10rem,
width-base: 90%,
width-offset: 5.5rem,
height: 2rem,
border-radius: 0
),
subheading: (
top: 1.7rem,
width: 85%,
height: 0.875rem,
border-radius: 0
),
text: (
name: 'text',
top: 7rem,
left: 0.5rem,
line1-width-base: 85%,
line1-width-offset: 1rem,
height: 1.2rem,
line2-top: 2rem,
line2-width-base: 120%,
line2-width-offset: 1rem,
line3-top: 4rem,
line3-width-base: 90%,
line3-width-offset: 0,
border-radius: 15px
),
dots: (
top: 3rem,
height: 0.5rem,
width: 0.5rem,
space-around: 0.75rem,
space-between: 0.5rem,
border-radius: 1rem,
background: rgba(0, 0, 0, .2)
),
animation: (
name: 'dot',
duration: 1.8s,
timing-function: ease,
iteration-count: infinite,
dot1-y-offset: -0.3125rem,
dot2-y-offset: -0.4375rem,
dot3-y-offset: -0.3125rem
),
background: rgba(0, 0, 0, .06)
);
@import '../../node_modules/mocka-placeholder/src/mocka/mocka';
@include mocka($mocka);
```

Contributor guide

No contributing guide indexed for this repository

Research direction

Start with mocka-custom.scss and follow the imported mocka-placeholder/src/mocka/mocka entry point to inspect how the subheading top value is handled. Reproduce the configuration and verify that changing subheading top changes the rendered subheading position without breaking the other properties.

Written by the indexing model from the issue text.

Assessment

Tech stack
scss
Domain
frontend
Issue type
Bug
Difficulty
3/5
Estimated time
1-2 days
Activity status
Stale
Clarity
Needs clarification
Newbie friendliness
35/100

Get new issues in your inbox

A short digest of beginner-friendly GitHub issues.