Chalarangelo / Chalarangelo/mocka
Subheading top property doesn't apply
- 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