diff --git a/src/publicstyle.scss b/src/publicstyle.scss index 7e63733..a984eca 100644 --- a/src/publicstyle.scss +++ b/src/publicstyle.scss @@ -32,83 +32,83 @@ @include media-breakpoint-up(md) { aspect-ratio: 1.92; } +} - .bannercontent{ +.bannercontent{ + text-align: left; + position: relative; + @include media-breakpoint-between(xs, md) { + //margin-left: 45px; + } + + @include media-breakpoint-up(md) { + //margin-left: 368px; + } +} + +.banner1 { + @include media-breakpoint-between(xs, md) { + width: 285px; + height: 80px; + overflow-wrap: break-word; + color: rgba(255, 255, 255, 1); + font-size: 32px; + font-family: PingFangSC-Thin; + font-weight: 100; text-align: left; - position: relative; - @include media-breakpoint-between(xs, md) { - //margin-left: 45px; - } - - @include media-breakpoint-up(md) { - //margin-left: 368px; - } + line-height: 40px; } - .banner1 { - @include media-breakpoint-between(xs, md) { - width: 285px; - height: 80px; - overflow-wrap: break-word; - color: rgba(255, 255, 255, 1); - font-size: 32px; - font-family: PingFangSC-Thin; - font-weight: 100; - text-align: left; - line-height: 40px; - } - - @include media-breakpoint-between(md,xl){ - overflow-wrap: break-word; - color: rgba(255, 255, 255, 1); - font-size: 50px; - font-family: PingFangSC-Thin; - font-weight: 100; - text-align: left; - line-height: 55px; - } - - @include media-breakpoint-up(xl) { - overflow-wrap: break-word; - color: rgba(255, 255, 255, 1); - font-size: 76px; - font-family: PingFangSC-Thin; - font-weight: 100; - text-align: left; - line-height: 94px; - } + @include media-breakpoint-between(md,xl){ + overflow-wrap: break-word; + color: rgba(255, 255, 255, 1); + font-size: 50px; + font-family: PingFangSC-Thin; + font-weight: 100; + text-align: left; + line-height: 55px; } - .banner2 { - @include media-breakpoint-between(xs, md) { - overflow-wrap: break-word; - color: rgba(255, 255, 255, 1); - font-size: 32px; - font-family: PingFangSC-Semibold; - font-weight: 600; - text-align: left; - line-height: 40px; - } + @include media-breakpoint-up(xl) { + overflow-wrap: break-word; + color: rgba(255, 255, 255, 1); + font-size: 76px; + font-family: PingFangSC-Thin; + font-weight: 100; + text-align: left; + line-height: 94px; + } +} - @include media-breakpoint-between(md,xl){ - overflow-wrap: break-word; - color: rgba(255, 255, 255, 1); - font-size: 50px; - font-family: PingFangSC-Semibold; - font-weight: 600; - text-align: left; - line-height: 55px; - } +.banner2 { + @include media-breakpoint-between(xs, md) { + overflow-wrap: break-word; + color: rgba(255, 255, 255, 1); + font-size: 32px; + font-family: PingFangSC-Semibold; + font-weight: 600; + text-align: left; + line-height: 40px; + } - @include media-breakpoint-up(xl) { - overflow-wrap: break-word; - color: rgba(255, 255, 255, 1); - font-size: 76px; - font-family: PingFangSC-Semibold; - font-weight: 600; - text-align: left; - //line-height: 94px; - } + @include media-breakpoint-between(md,xl){ + overflow-wrap: break-word; + color: rgba(255, 255, 255, 1); + font-size: 50px; + font-family: PingFangSC-Semibold; + font-weight: 600; + text-align: left; + line-height: 55px; + } + + @include media-breakpoint-up(xl) { + overflow-wrap: break-word; + color: rgba(255, 255, 255, 1); + font-size: 76px; + font-family: PingFangSC-Semibold; + font-weight: 600; + text-align: left; + //line-height: 94px; } }