diff --git a/src/assets/styles/be-your-own.scss b/src/assets/styles/be-your-own.scss index 49face4..a3c25b6 100644 --- a/src/assets/styles/be-your-own.scss +++ b/src/assets/styles/be-your-own.scss @@ -43,6 +43,12 @@ } #ticker { height: 32vh !important; + #ticker__selected-frame { + left: -2.4ch !important; + } + #ticker__window { + left: 10ch !important; + } } .service__image { width: 10rem !important; @@ -100,7 +106,7 @@ } #ticker__window { height: calc(var(--rows-height) * var(--line)); - width: calc(100vw - 12rem - 6.5ch); + width: calc(100vw - 12rem); overflow: hidden; font-size: var(--size); left: 11.5ch; diff --git a/src/assets/styles/vars.scss b/src/assets/styles/vars.scss new file mode 100644 index 0000000..ad51504 --- /dev/null +++ b/src/assets/styles/vars.scss @@ -0,0 +1,3 @@ +$tablet: 440px; +$laptop: 840px; +$desktop: 1440px;