fix: button-group style
This commit is contained in:
parent
f1832eaa1f
commit
b33eff4af9
@ -11,23 +11,17 @@
|
|||||||
.layui-btn-group .layui-btn {
|
.layui-btn-group .layui-btn {
|
||||||
margin-left: 0 !important;
|
margin-left: 0 !important;
|
||||||
margin-right: 0 !important;
|
margin-right: 0 !important;
|
||||||
border-left: 1px solid rgba(255, 255, 255, 0.5);
|
|
||||||
border-radius: 0;
|
border-radius: 0;
|
||||||
}
|
}
|
||||||
|
|
||||||
.layui-btn-group .layui-btn {
|
.layui-btn-group .layui-btn:not(:first-child) {
|
||||||
border-left: none;
|
border-left: none;
|
||||||
}
|
}
|
||||||
|
|
||||||
.layui-btn-group .layui-btn:first-child {
|
.layui-btn-group .layui-btn:first-child {
|
||||||
border-left: none;
|
|
||||||
border-radius: @button-border-radius 0 0 @button-border-radius;
|
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 {
|
.layui-btn-group .layui-btn:last-child {
|
||||||
border-radius: 0 @button-border-radius @button-border-radius 0;
|
border-radius: 0 @button-border-radius @button-border-radius 0;
|
||||||
}
|
}
|
||||||
|
@ -85,7 +85,6 @@ li > div[class*='language-'] {
|
|||||||
}
|
}
|
||||||
|
|
||||||
/* Line highlighting */
|
/* Line highlighting */
|
||||||
|
|
||||||
.highlight-lines {
|
.highlight-lines {
|
||||||
position: absolute;
|
position: absolute;
|
||||||
top: 0;
|
top: 0;
|
||||||
@ -105,7 +104,6 @@ li > div[class*='language-'] {
|
|||||||
}
|
}
|
||||||
|
|
||||||
/* Line numbers mode */
|
/* Line numbers mode */
|
||||||
|
|
||||||
div[class*='language-'].line-numbers-mode {
|
div[class*='language-'].line-numbers-mode {
|
||||||
padding-left: 3.5rem;
|
padding-left: 3.5rem;
|
||||||
}
|
}
|
||||||
@ -127,7 +125,6 @@ div[class*='language-'].line-numbers-mode {
|
|||||||
}
|
}
|
||||||
|
|
||||||
/* Language marker */
|
/* Language marker */
|
||||||
|
|
||||||
[class*='language-']:before {
|
[class*='language-']:before {
|
||||||
position: absolute;
|
position: absolute;
|
||||||
top: 0.6em;
|
top: 0.6em;
|
||||||
|
@ -174,33 +174,6 @@ form {
|
|||||||
padding: 20px 10px;
|
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 {
|
.anim .site-doc-icon {
|
||||||
margin-bottom: 50px;
|
margin-bottom: 50px;
|
||||||
font-size: 0;
|
font-size: 0;
|
||||||
|
@ -14,7 +14,7 @@ layui - vue(谐音:类 UI) 是 一 套 Vue 3.0 的 桌 面 端 组 件 库 ,
|
|||||||
:::
|
:::
|
||||||
|
|
||||||
<lay-timeline>
|
<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="2017年,layui 里程碑版本 2.0 发布" simple></lay-timeline-item>
|
||||||
<lay-timeline-item title="2016年,layui 首个版本发布" simple></lay-timeline-item>
|
<lay-timeline-item title="2016年,layui 首个版本发布" simple></lay-timeline-item>
|
||||||
<lay-timeline-item title="2015年,layui 孵化" simple></lay-timeline-item>
|
<lay-timeline-item title="2015年,layui 孵化" simple></lay-timeline-item>
|
||||||
|
@ -64,45 +64,6 @@
|
|||||||
</div>
|
</div>
|
||||||
</div>
|
</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">
|
<div class="footer footer-index">
|
||||||
<p>Released under the <a href="/index.html">MIT License</a>.</p>
|
<p>Released under the <a href="/index.html">MIT License</a>.</p>
|
||||||
<p>Copyright © 2021-2022 layui-vue.com</p>
|
<p>Copyright © 2021-2022 layui-vue.com</p>
|
||||||
|
Loading…
Reference in New Issue
Block a user