fix: button-group style
This commit is contained in:
parent
f1832eaa1f
commit
b33eff4af9
@ -11,23 +11,17 @@
|
||||
.layui-btn-group .layui-btn {
|
||||
margin-left: 0 !important;
|
||||
margin-right: 0 !important;
|
||||
border-left: 1px solid rgba(255, 255, 255, 0.5);
|
||||
border-radius: 0;
|
||||
}
|
||||
|
||||
.layui-btn-group .layui-btn {
|
||||
.layui-btn-group .layui-btn:not(:first-child) {
|
||||
border-left: none;
|
||||
}
|
||||
|
||||
.layui-btn-group .layui-btn:first-child {
|
||||
border-left: none;
|
||||
border-radius: @button-border-radius 0 0 @button-border-radius;
|
||||
}
|
||||
|
||||
.layui-btn-group .layui-btn:first-child {
|
||||
border-left: 1px solid #d2d2d2;
|
||||
}
|
||||
|
||||
.layui-btn-group .layui-btn:last-child {
|
||||
border-radius: 0 @button-border-radius @button-border-radius 0;
|
||||
}
|
||||
|
@ -85,7 +85,6 @@ li > div[class*='language-'] {
|
||||
}
|
||||
|
||||
/* Line highlighting */
|
||||
|
||||
.highlight-lines {
|
||||
position: absolute;
|
||||
top: 0;
|
||||
@ -105,7 +104,6 @@ li > div[class*='language-'] {
|
||||
}
|
||||
|
||||
/* Line numbers mode */
|
||||
|
||||
div[class*='language-'].line-numbers-mode {
|
||||
padding-left: 3.5rem;
|
||||
}
|
||||
@ -127,7 +125,6 @@ div[class*='language-'].line-numbers-mode {
|
||||
}
|
||||
|
||||
/* Language marker */
|
||||
|
||||
[class*='language-']:before {
|
||||
position: absolute;
|
||||
top: 0.6em;
|
||||
|
@ -174,33 +174,6 @@ form {
|
||||
padding: 20px 10px;
|
||||
}
|
||||
|
||||
.site-idea {
|
||||
margin: 30px 0;
|
||||
margin-top: 16px;
|
||||
font-weight: 300;
|
||||
}
|
||||
|
||||
.site-idea li {
|
||||
font-size: 14px;
|
||||
}
|
||||
|
||||
.site-idea li div {
|
||||
padding: 25px;
|
||||
line-height: 24px;
|
||||
border: 1px solid #d2d2d2;
|
||||
border-radius: 6px;
|
||||
}
|
||||
|
||||
.site-idea .layui-field-title {
|
||||
border-color: #d2d2d2;
|
||||
}
|
||||
|
||||
.site-idea .layui-field-title legend {
|
||||
margin: 0 20px 20px 0;
|
||||
padding: 0 20px;
|
||||
text-align: center;
|
||||
}
|
||||
|
||||
.anim .site-doc-icon {
|
||||
margin-bottom: 50px;
|
||||
font-size: 0;
|
||||
|
@ -14,7 +14,7 @@ layui - vue(谐音:类 UI) 是 一 套 Vue 3.0 的 桌 面 端 组 件 库 ,
|
||||
:::
|
||||
|
||||
<lay-timeline>
|
||||
<lay-timeline-item title="2021年,layui-vue 首个版本发布" simple></lay-timeline-item>
|
||||
<lay-timeline-item title="2022年,layui-vue 里程碑版本 1.0.0 发布" simple></lay-timeline-item>
|
||||
<lay-timeline-item title="2017年,layui 里程碑版本 2.0 发布" simple></lay-timeline-item>
|
||||
<lay-timeline-item title="2016年,layui 首个版本发布" simple></lay-timeline-item>
|
||||
<lay-timeline-item title="2015年,layui 孵化" simple></lay-timeline-item>
|
||||
|
@ -64,45 +64,6 @@
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
<div style="margin-left: 10%; margin-right: 10%; margin-top: 40px">
|
||||
<div>
|
||||
<ul class="layui-row layui-col-space30 site-idea">
|
||||
<li class="layui-col-md8">
|
||||
<div>
|
||||
<fieldset class="layui-elem-field layui-field-title">
|
||||
<legend>返璞归真</legend>
|
||||
<p>
|
||||
身处在前端社区的繁荣之下,我们都在有意或无意地追逐。而 layui
|
||||
偏偏回望当初,奔赴在返璞归真的漫漫征途,自信并勇敢着,追寻于原生态的书写指令,试图以最简单的方式诠释高效。
|
||||
</p>
|
||||
</fieldset>
|
||||
</div>
|
||||
</li>
|
||||
<li class="layui-col-md8">
|
||||
<div>
|
||||
<fieldset class="layui-elem-field layui-field-title">
|
||||
<legend>双面体验</legend>
|
||||
<p>
|
||||
拥有双面的不仅是人生,还有
|
||||
layui。一面极简,一面丰盈。极简是视觉所见的外在,是开发所念的简易。丰盈是倾情雕琢的内在,是信手拈来的承诺。一切本应如此,简而全,双重体验。
|
||||
</p>
|
||||
</fieldset>
|
||||
</div>
|
||||
</li>
|
||||
<li class="layui-col-md8">
|
||||
<div>
|
||||
<fieldset class="layui-elem-field layui-field-title">
|
||||
<legend>星辰大海</legend>
|
||||
<p>
|
||||
如果眼下还是一团零星之火,那运筹帷幄之后,迎面东风,就是一场烈焰燎原吧,那必定会是一番尽情的燃烧。待,秋风萧瑟时,散作满天星辰,你看那四季轮回<!--海天相接-->,正是
|
||||
layui 不灭的执念。
|
||||
</p>
|
||||
</fieldset>
|
||||
</div>
|
||||
</li>
|
||||
</ul>
|
||||
</div>
|
||||
</div>
|
||||
<div class="footer footer-index">
|
||||
<p>Released under the <a href="/index.html">MIT License</a>.</p>
|
||||
<p>Copyright © 2021-2022 layui-vue.com</p>
|
||||
|
Loading…
Reference in New Issue
Block a user