-
2020-08-31-x
2020-08-31todo-list portal的用户需求模块开发 record-list Spring 校验器(Validator) SpringBoot中添加数字校验 12345678910@NotNull(message = &quo... -
2020-08-28-x
2020-08-28todo-list portal用户需求模块需求分析 portal项目中添加jndi的rpc查询人员信息 portal中knife4j添加Authorize功能 portal项目用户需求模块接口实现 record-lis... -
2020-08-27-x
2020-08-27todo-list portal用户需求模块需求分析 record-list xxx -
2020-08-26-x
2020-08-26todo-list portal用户需求模块需求分析 record-list xxx -
2020-08-25-x
2020-08-25todo-list portal用户需求模块需求分析 record-list xxx -
2020-08-24-x
2020-08-24todo-list portal用户需求模块需求分析 typora创建night-github.css主题 record development mode: Git + GitLab + MarkDown + VSCode ... -
CSS之弹性盒子布局
CSS之弹性盒子布局reference-site-list steps 知识结构思维导图： -
2017-06-27-rt
2017-06-27-rt -
2017-06-26-rt
2017-06-26-rtSQL中的case when 子句 横纵表转换 -
2017-06-23-rt
2017-06-23-rttowords better ,not perfect. 静态宇宙与动态宇宙模型，机械决定论与三论（控制论，信息论，系统论）。 突然想到了一个道理：对于那些唱衰java的现象，其实不明白一个事物发展的基本规律，如果一个东西...
$tools-item-width = 2.2rem
$tools-item-font-size = 1.1rem
$tools-item-border-radius = 0.1rem
.side-tools-container {
position relative
.tools-item {
width $tools-item-width
height $tools-item-width
margin-bottom 0.2rem
color var(--default-text-color)
font-size $tools-item-font-size
background var(--background-color)
border-right none
border-radius $tools-item-border-radius
box-shadow 0.1rem 0.1rem 0.2rem var(--shadow-color)
cursor pointer
i {
color var(--default-text-color)
}
&:hover {
color var(--background-color)
background var(--primary-color)
box-shadow 0.2rem 0.2rem 0.4rem var(--shadow-color)
i {
color var(--background-color)
}
}
+keep-tablet() {
width $tools-item-width * 0.9
height $tools-item-width * 0.9
margin-bottom 0.2rem
font-size $tools-item-font-size * 0.9
}
&.rss {
a {
width 100%
height 100%
border-radius $tools-item-border-radius
&:hover {
color var(--background-color)
background var(--primary-color)
box-shadow 0.2rem 0.2rem 0.4rem var(--shadow-color)
}
}
}
}
.side-tools-list {
transform translateX(100%)
opacity 0
transition-t("transform, opacity", "0, 0", "0.2, 0.2", "linear, linear")
.tool-expand-width {
+keep-tablet() {
display none
}
}
&.show {
transform translateX(0)
opacity 1
}
}
.exposed-tools-list {
if (hexo-config('style.scroll.percent.enable') == true) {
.tool-scroll-to-top {
display none
&.show {
display flex
}
&:hover {
.percent {
display none
}
.arrow-up {
display flex
}
}
.arrow-up {
display none
}
.percent {
display flex
font-size 1rem
}
}
}
}
}