diff --git a/src/components/LoadCells/LoadCells.styl b/src/components/LoadCells/LoadCells.styl new file mode 100644 index 0000000..6e077c9 --- /dev/null +++ b/src/components/LoadCells/LoadCells.styl @@ -0,0 +1,51 @@ +.box { + width: 88%; + left: 6%; + position: relative; +} + +.title { + font-size: 17px; + color: #C8CED5; + letter-spacing: 2px; +} + +.number { + height: 80%; + position: absolute; + right: 0; + bottom: 0; +} + +.number .num_item { + background: url('~assets/cz-bg.png') no-repeat bottom left; + background-size: auto 90%; + position: relative; + top: -6px; + left: 2px; +} + +.number span { + display: inline-block; + position: relative; + top: -8px; + left: 2px; + font-size: 38px; + font-style: oblique; + font-weight: 400; + letter-spacing: 18px; + height: 100%; +} + +@media (max-width: 1500px) { + .title { + font-size: 12px; + letter-spacing: 0; + } + + .number span { + top: -8px; + font-size: 23px; + letter-spacing: 16px; + } +} diff --git a/src/components/LoadCells/LoadCells.vue b/src/components/LoadCells/LoadCells.vue index 1dfffab..cc7a415 100644 --- a/src/components/LoadCells/LoadCells.vue +++ b/src/components/LoadCells/LoadCells.vue @@ -70,55 +70,5 @@ export default {