punkfairie/punkfairie.github.io
1
0
Fork 0
Code Issues Pull requests Projects Releases Packages Wiki Activity Actions

Responsive design

Browse source
This commit is contained in:
marleyrae 2023-07-02 13:28:29 -07:00
parent 47cbfe6cb6
commit e2d9e3f1e7
3 changed files with 45 additions and 2 deletions
Show stats Download patch file Download diff file Expand all files Collapse all files

36
.idea/codeStyles/Project.xml Normal file
View file

@ -0,0 +1,36 @@
<component name="ProjectCodeStyleConfiguration">
<code_scheme name="Project" version="173">
<codeStyleSettings language="CSS">
<indentOptions>
<option name="INDENT_SIZE" value="2" />
<option name="CONTINUATION_INDENT_SIZE" value="2" />
<option name="TAB_SIZE" value="2" />
</indentOptions>
</codeStyleSettings>
<codeStyleSettings language="HTML">
<indentOptions>
<option name="INDENT_SIZE" value="2" />
<option name="CONTINUATION_INDENT_SIZE" value="2" />
<option name="TAB_SIZE" value="2" />
</indentOptions>
</codeStyleSettings>
<codeStyleSettings language="LESS">
<indentOptions>
<option name="CONTINUATION_INDENT_SIZE" value="2" />
<option name="TAB_SIZE" value="2" />
</indentOptions>
</codeStyleSettings>
<codeStyleSettings language="SASS">
<indentOptions>
<option name="CONTINUATION_INDENT_SIZE" value="2" />
<option name="TAB_SIZE" value="2" />
</indentOptions>
</codeStyleSettings>
<codeStyleSettings language="SCSS">
<indentOptions>
<option name="CONTINUATION_INDENT_SIZE" value="2" />
<option name="TAB_SIZE" value="2" />
</indentOptions>
</codeStyleSettings>
</code_scheme>
</component>

2
.idea/codeStyles/codeStyleConfig.xml
View file

@ -1,5 +1,5 @@
<component name="ProjectCodeStyleConfiguration">
<state>
<option name="PREFERRED_PROJECT_CODE_STYLE" value="Default" />
<option name="USE_PER_PROJECT_SETTINGS" value="true" />
</state>
</component>

9
src/style/Carousel.css
View file

@ -21,9 +21,10 @@
gap: var(--space-xs);
align-items: center;
justify-content: center;
max-inline-size: 100vi;
padding: 0 var(--space-s);
margin: auto;
text-align: center;
padding: 0 var(--space-s);
}
/* stylelint-disable-next-line a11y/media-prefers-reduced-motion */
@ -50,6 +51,12 @@
translate: 0 var(--Carousel-controls-translateY);
}
@media (width <= 1000px) {
.Carousel-controls {
color: transparent;
}
}
.Carousel-controls--left {
order: -100;
text-align: start;