新增巨幕样式;

This commit is contained in:
2022-04-28 16:01:50 +08:00
parent a308ed7a2a
commit 51d5b7e159
8 changed files with 130 additions and 1 deletions

View File

@@ -0,0 +1,4 @@
@import 'jumbotron';
@import 'jumbotron_dark';
@import 'jumbotron_clean';
@import 'jumbotron_left';

View File

@@ -0,0 +1,22 @@
.jumbotron {
padding : 15px;
text-align: center;
.main {
margin : 20px auto;
max-width : 800px;
text-align: center;
.title {
font-size : 32px;
font-weight: 600;
}
.desc {
font-size : 18px;
line-height: 1.8;
margin : 25px auto;
}
}
}

View File

@@ -0,0 +1,5 @@
.jumbotron {
&.clean{
background-color: #fff;
}
}

View File

@@ -0,0 +1,6 @@
.jumbotron {
&.dark {
background-color: #1F2430;
color : #fff;
}
}

View File

@@ -0,0 +1,15 @@
.jumbotron {
&.left {
.main {
text-align : left;
max-width : auto;
margin-left: 30px;
.desc {
max-width: 60%;
margin: 25px auto 25px 0;
}
}
}
}

View File

@@ -5,6 +5,7 @@
@import './fieldset/index';
@import './card/index';
@import './title/index';
@import './jumbotron/index';
/* 头部开始 */