mirror of
https://gitee.com/ulthon/layui-ul.git
synced 2026-07-08 21:22:48 +08:00
新增巨幕样式;
This commit is contained in:
4
source/scss/jumbotron/_index.scss
Normal file
4
source/scss/jumbotron/_index.scss
Normal file
@@ -0,0 +1,4 @@
|
||||
@import 'jumbotron';
|
||||
@import 'jumbotron_dark';
|
||||
@import 'jumbotron_clean';
|
||||
@import 'jumbotron_left';
|
||||
22
source/scss/jumbotron/_jumbotron.scss
Normal file
22
source/scss/jumbotron/_jumbotron.scss
Normal 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;
|
||||
}
|
||||
}
|
||||
}
|
||||
5
source/scss/jumbotron/_jumbotron_clean.scss
Normal file
5
source/scss/jumbotron/_jumbotron_clean.scss
Normal file
@@ -0,0 +1,5 @@
|
||||
.jumbotron {
|
||||
&.clean{
|
||||
background-color: #fff;
|
||||
}
|
||||
}
|
||||
6
source/scss/jumbotron/_jumbotron_dark.scss
Normal file
6
source/scss/jumbotron/_jumbotron_dark.scss
Normal file
@@ -0,0 +1,6 @@
|
||||
.jumbotron {
|
||||
&.dark {
|
||||
background-color: #1F2430;
|
||||
color : #fff;
|
||||
}
|
||||
}
|
||||
15
source/scss/jumbotron/_jumbotron_left.scss
Normal file
15
source/scss/jumbotron/_jumbotron_left.scss
Normal 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;
|
||||
}
|
||||
}
|
||||
}
|
||||
|
||||
}
|
||||
@@ -5,6 +5,7 @@
|
||||
@import './fieldset/index';
|
||||
@import './card/index';
|
||||
@import './title/index';
|
||||
@import './jumbotron/index';
|
||||
|
||||
|
||||
/* 头部开始 */
|
||||
|
||||
Reference in New Issue
Block a user