iotcat
/
hexo-theme-volantis
mirror of https://github.com/IoTcat/hexo-theme-volantis.git
1
0
Fork 0
Code Issues Projects Releases Wiki Activity

update

Browse Source
i18n
xaoxuu 6 years ago
parent be92a5516f
commit 40fa387df6
8 changed files with 203 additions and 238 deletions
Whitespace
Show all changes Ignore whitespace when comparing lines Ignore changes in amount of whitespace Ignore changes in whitespace at EOL
Split View
Diff Options
Show Stats Download Patch File Download Diff File
  1. 73
      source/less/_article.less
  2. 58
      source/less/_base.less
  3. 194
      source/less/_defines.less
  4. 39
      source/less/_header.less
  5. 29
      source/less/_main.less
  6. 10
      source/less/_search.less
  7. 2
      source/less/_toc.less
  8. 36
      source/less/_widget.less

73
source/less/_article.less
Unescape View File

@ -153,33 +153,35 @@
}
}
blockquote {
p{
text-align: left;
word-wrap: normal;
margin: 0;
font-size: @small-font-size;
line-height: @small-font-size * 1.5;
}
position: relative;
width: 100%;
font-size: @small-font-size;
background: fade(@theme-bg-quote, 10%);
margin: 1em 0;
padding: 1.5em 1.5em .9em 1.5em;
border-left: 4px solid @theme-bg-quote;
border-top-right-radius: 8px;
border-bottom-right-radius: 8px;
border-top-left-radius: 4px;
border-bottom-left-radius: 4px;
padding: @gap;
border-left: @border-left-radius solid @theme-bg-quote;
border-top-right-radius: @border-radius;
border-bottom-right-radius: @border-radius;
border-top-left-radius: @border-left-radius;
border-bottom-left-radius: @border-left-radius;
border-right: 1px solid transparent;
border-top: 1px solid transparent;
border-bottom: 1px solid transparent;
.enable-trans();
&:hover{
border-left: 8px solid @theme-bg-quote;
border-top-left-radius: 8px;
border-bottom-left-radius: 8px;
border-right: 1px solid fade(@theme-bg-quote, 40%);
border-top: 1px solid fade(@theme-bg-quote, 40%);
border-bottom: 1px solid fade(@theme-bg-quote, 40%);
border-left: @border-radius solid @theme-bg-quote;
border-top-left-radius: @border-radius;
border-bottom-left-radius: @border-radius;
border-right: 1px solid fade(@theme-bg-quote, 30%);
border-top: 1px solid fade(@theme-bg-quote, 30%);
border-bottom: 1px solid fade(@theme-bg-quote, 30%);
}
footer {
strong {
@ -223,7 +225,7 @@
background-color: fade(@theme-bg-button, 90%);
padding: .2em 2.4em;
color: @theme-text-in-header;
border-radius: @border-radius-width/2;
border-radius: @border-radius/2;
.enable-trans();
&:hover {
background: darken(@theme-bg-button, 10%);
@ -300,7 +302,7 @@
padding: @gap/2;
color: fade(@theme-text-main, 70%);
background-color: @theme-bg-code-block;
border-radius: @border-radius-width;
border-radius: @border-radius;
p{
font-size: @base-font-size;
line-height: @base-line-height;
@ -320,7 +322,7 @@
.enable-trans();
border: 1px solid transparent;
&:hover{
border: 1px solid fade(@theme-bg-quote, 40%);
border: 1px solid fade(@theme-bg-quote, 30%);
}
.tags{
background: transparent;
@ -337,15 +339,15 @@
text-align: left;
margin-left: 0;
margin-right: @gap/2;
border-top-right-radius: @border-radius-width;
border-bottom-right-radius: @border-radius-width;
border-top-right-radius: @border-radius;
border-bottom-right-radius: @border-radius;
}
.next{
text-align: right;
margin-left: @gap/2;
margin-right: 0;
border-top-left-radius: @border-radius-width;
border-bottom-left-radius: @border-radius-width;
border-top-left-radius: @border-radius;
border-bottom-left-radius: @border-radius;
}
}
@ -392,40 +394,39 @@
margin-bottom: 1.2em;
overflow: auto;
display: block;
// background: #2d2d2d;
// background: fade(@material-blue, 8%);
background: @theme-bg-code-block;
// color: #cccccc;
font-size: @small-font-size * .95;
font-family:@code-font-family;
line-height: @base-line-height;
padding: 1.5em 0;
border-radius: 8px;
border-radius: @border-radius;
border: 1px solid transparent;
.enable-trans();
&:hover{
border: 1px solid fade(@theme-bg-quote, 40%);
border: 1px solid fade(@theme-bg-quote, 30%);
}
table{
td,th{
padding: 0;
}
}
.gutter{
color: #999999;
width: 24px;
padding: 0 8px;
border-radius: 8px;
padding: 0 @gap/2;
text-align: right;
border-width: 0;
background-color: darken(@theme-bg-main, 5%);
margin-left: 0;
background-color: darken(@theme-bg-code-block, 5%);
pre{
color: fade(@theme-text-main, 25%);
}
&:hover{
}
}
.code{
padding-left: 8px;
padding-right: 16px;
padding: @gap;
vertical-align: top;
border: 0px solid darken(@theme-bg-main, 5%);
border: 0px solid darken(@theme-bg-main, 2%);
}
&::-webkit-scrollbar {

58
source/less/_base.less
Unescape View File

@ -43,33 +43,6 @@ body {
}
}
// //reset ::-webkit-scrollbar
// /* Let's get this party started */
// ::-webkit-scrollbar {
// width: 8px;
// height: 8px;
// }
// /* Track */
// ::-webkit-scrollbar-track-piece {
// background: transparent;
// }
// /* Handle */
// ::-webkit-scrollbar-thumb {
// background: #c1c1c1;
// cursor: pointer;
// .enable-trans();
// &:hover {
// background: darken(#c1c1c1, 10%);
// }
// }
.z-depth-nav {
box-shadow: 0 1px 2px 0px rgba(0, 0, 0, 0.24), 0 3px 6px 0px rgba(0, 0, 0, 0.1);
@ -136,6 +109,21 @@ body {
background: fade(lighten(@theme-text-link, 5%), 25%);
// color: @black;
}
// transition
.enable-trans(@time: 0.2s){
transition: all @time ease;
-moz-transition: all @time ease;
-webkit-transition: all @time ease;
-o-transition: all @time ease;
}
.set-placeholder(@rules){
&::-webkit-input-placeholder {@rules();}
&:-moz-placeholder {@rules();}
&::-moz-placeholder {@rules();}
&:-ms-input-placeholder {@rules();}
}
h1,
h2,
@ -291,24 +279,24 @@ li {
display: inline-block;
padding: 0 8px;
color: @black;
border-left: 4px solid transparent;
border-left: @border-left-radius solid transparent;
background: transparent;
border-right: 1px solid transparent;
border-top: 1px solid transparent;
border-bottom: 1px solid transparent;
border-radius: 4px;
border-radius: @border-left-radius;
.enable-trans();
&:hover {
border-left: 4px solid @theme-bg-quote;
border-left: @border-left-radius solid @theme-bg-quote;
padding: 8px;
background: fade(@theme-bg-quote, 10%);
}
&:active {
border-radius: 8px;
border-left: 8px solid @theme-bg-quote;
border-right: 1px solid fade(@theme-bg-quote, 40%);
border-top: 1px solid fade(@theme-bg-quote, 40%);
border-bottom: 1px solid fade(@theme-bg-quote, 40%);
border-radius: @border-radius;
border-left: max(@border-radius, @border-left-radius) solid @theme-bg-quote;
border-right: 1px solid fade(@theme-bg-quote, 30%);
border-top: 1px solid fade(@theme-bg-quote, 30%);
border-bottom: 1px solid fade(@theme-bg-quote, 30%);
}
}

194
source/less/_defines.less
Unescape View File

@ -1,28 +1,6 @@
// Font families
@fallback-font-family: Menlo, Monaco, 'Ubuntu', Helvetica, "Hiragino Sans GB", "Hiragino Sans GB W3", Source Han Sans CN Regular, WenQuanYi Micro Hei, "Microsoft YaHei", Arial, sans-serif;
@base-font-family: 'Ubuntu', Menlo, Monaco, @fallback-font-family;
@code-font-family: Menlo, Monaco, 'Ubuntu', Helvetica, Consolas, monospace, sans-serif, @fallback-font-family;
@title-font-family: 'Ubuntu', Menlo, Monaco, Helvetica, Consolas, monospace, sans-serif, @fallback-font-family;
// Font configuration
@base-font-size: 16px;
@small-font-size: @base-font-size * 0.875;
@base-line-height: 1.7;
@font-size-h1: @base-font-size * 1.5;
@font-size-h2: @base-font-size * 1.4;
@font-size-h3: @base-font-size * 1.2;
@font-size-h4: @base-font-size * 1.1;
@font-size-h5: @base-font-size * 1;
@font-size-h6: @small-font-size;
// Spacing
@spacing-unit: 30px;
@gap: 20px;
// Colors
// start: 预定义 >>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>
// 这里面的东西只有这一页用到
// 颜色
// Material color scheme
@material-red: #f44336;
@material-pink: #E91E63;
@ -43,42 +21,124 @@
@material-light-grey:#e0e0e0;
@material-yellow: #FCEC60;
@material-amber: #F6C344;
// 基本不变的黑白灰
@black: #444444;
@grey-color: #828282;
@white: #ffffff;
@light: #eeeeee;
@dark: #666666;
// mac
@mac-maximize: #3DC550;
@mac-minimize: #FFBD2B;
@mac-close: #FE5F58;
// xx
@xiaowenwen-green: #5CC281;
// ax
@ax-light-pink: #E7BED0;
@ax-light-red: #FF8485;
@ax-red: #F24E32;
@ax-blue: #52A1F8;
// 主题色
@theme-base-main: #EFEFEF;
@theme-base-tint: @ax-red;
// 阴影
@base-box-shadow-1: 0 1px 2px 0px rgba(0, 0, 0, 0.1);
@base-box-shadow-2: 0 2px 4px 0px rgba(0, 0, 0, 0.1);
@base-box-shadow-4: 0 4px 8px 0px rgba(0, 0, 0, 0.1);
@base-box-shadow-8: 0 8px 16px 0px rgba(0, 0, 0, 0.1);
@base-box-shadow-16: 0 16px 32px 0px rgba(0, 0, 0, 0.1);
// end: 预定义 <<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<
// 自定义主题色 >>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>
// 如果你比较懒，就只改 theme-base-xxx 这些就可以了：
@theme-base-main: #EFEFEF;
@theme-base-tint: @ax-red;
// 如果你想更深层次DIY，可以更改下面这些：
// start: 字体 >>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>
@fallback-font-family: Menlo, Monaco, 'Ubuntu', Helvetica, "Hiragino Sans GB", "Hiragino Sans GB W3", Source Han Sans CN Regular, WenQuanYi Micro Hei, "Microsoft YaHei", Arial, sans-serif;
@base-font-family: 'Ubuntu', Menlo, Monaco, @fallback-font-family;
@code-font-family: Menlo, Monaco, 'Ubuntu', Helvetica, Consolas, monospace, sans-serif, @fallback-font-family;
@title-font-family: 'Ubuntu', Menlo, Monaco, Helvetica, Consolas, monospace, sans-serif, @fallback-font-family;
// end: 字体 <<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<
// start: 字号 >>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>
// base
@base-font-size: 16px;
@small-font-size: @base-font-size * 0.875;
@base-line-height: 1.7;
// title
@font-size-h1: @base-font-size * 1.5;
@font-size-h2: @base-font-size * 1.4;
@font-size-h3: @base-font-size * 1.2;
@font-size-h4: @base-font-size * 1.1;
@font-size-h5: @base-font-size * 1;
@font-size-h6: @small-font-size;
// article
@article-title-size: @font-size-h1 * 1.2;
@article-title-size-phone: @font-size-h2;
// end: 字号 <<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<
// start: 布局尺寸 >>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>
@modal-threshold: 680px;
@on-phone: 820px;
@on-laptop: 990px;
@on-desktop: 1200px;
// container
@container-width: 1200px;
// post
@post-max-width: 980px;
// 侧边栏宽度
@side-width: 250px;
// 搜索框的宽度，建议和侧边栏宽度保持一致
@search-width: @side-width;
// 一个cell的高度
@item-height: 36px;
// end: 布局尺寸 <<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<
// start: 导航栏 >>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>
// 导航栏高度
@header-height: 54px;
@header-logo-font-size: 1.3em;
@header-switcher-font-size: 1.3em;
@header-font-size: 1em;
// end: 导航栏 <<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<
// start: 间距 >>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>
@gap: 20px;
// end: 间距 <<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<
// start: 圆角 >>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>
// 圆角半径，可以根据心情随时调整风格
@border-radius: 8px; // 0px: 极端，2px：硬朗，4px：常规，8px：温柔，16px：圆润
@border-left-radius: 4px; // 左边的竖线的宽度
// end: 圆角 <<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<
// start: 自定义主题色 >>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>
// 背景色 ----------------
// 网页背景
@theme-bg-main: @theme-base-main;
// 导航栏背景
@theme-bg-nav-header: darken(@theme-base-main, 3%);
@theme-bg-nav-header: darken(@theme-base-main, 4%);
// 卡片背景
@theme-bg-card: white;
// 卡片标题栏背景
@theme-bg-card-header: darken(@theme-base-main, 3%);
@theme-bg-card-header: darken(@theme-base-main, 4%);
// 按钮背景
@theme-bg-button: @theme-base-main;
// 代码的背景色
@ -87,7 +147,7 @@
@theme-bg-code-block: fade(@theme-base-main, 70%);
// 引用的颜色以及分类、归档的 hover 时颜色
@theme-bg-quote: @theme-base-tint;
// 文字颜色 ----------------
// 标题文字颜色（h1/h2）
@theme-text-header: @theme-base-tint;
// 链接颜色
@ -98,62 +158,14 @@
@theme-text-in-header: @dark;
// 正文文字颜色
@theme-text-main: @dark;
// end: 自定义主题色 <<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<
// 自定义主题色 <<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<
// Responsive limits
@modal-threshold: 680px;
@on-phone: 820px;
@on-laptop: 990px;
@on-desktop: 1200px;
@item-height: 36px;
//container
@container-width: 1200px;
//neader
@header-height: 54px;
@header-logo-font-size: 1.3em;
@header-switcher-font-size: 1.3em;
@header-font-size: 1em;
@banner-height: 300px;
@border-radius-width: 8px;
//side
@side-width: 250px;
@tog-width: 200px;
//search
@search-height: 36px;
@search-width: 250px;
//post
@post-max-width: 980px;
//article
@article-title-size: @font-size-h1 * 1.2;
@article-title-size-phone: @font-size-h2;
//transition
.enable-trans(@time: 0.2s){
transition: all @time ease;
-moz-transition: all @time ease;
-webkit-transition: all @time ease;
-o-transition: all @time ease;
}
// .set-placeholder({
// color: @white;
// font-weight: 300;
// })
.set-placeholder(@rules){
&::-webkit-input-placeholder {@rules();}
&:-moz-placeholder {@rules();}
&::-moz-placeholder {@rules();}
&:-ms-input-placeholder {@rules();}
}
// start: 阴影 >>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>
// 卡片正常状态的阴影
@box-shadow-card-normal: 0 1px 2px 0 rgba(0, 0, 0, 0.12), 0 2px 4px 0 rgba(0, 0, 0, 0.08);
@box-shadow-card-normal: @base-box-shadow-1, @base-box-shadow-2;
// 卡片漂浮起来时的阴影
@box-shadow-card-raised: 0 2px 4px 0px rgba(0, 0, 0, 0.12), 0 4px 8px 0 rgba(0, 0, 0, 0.12), 0 8px 16px 0px rgba(0, 0, 0, 0.12), 0 16px 32px 0px rgba(0, 0, 0, 0.12);
@box-shadow-card-raised: @base-box-shadow-2, @base-box-shadow-4, @base-box-shadow-8, @base-box-shadow-16;
// end: 阴影 <<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<

39
source/less/_header.less
Unescape View File

@ -114,10 +114,7 @@
overflow: hidden;
position: absolute;
.enable-trans();
left: @gap/2;
// right: @gap;
// width: 100% - 2*@gap;
top:(@header-height - @search-height)/2;
margin: 0 @gap/2;
}
&.z_search-open{
.logo{
@ -131,9 +128,11 @@
}
.m_search {
position: relative;
height: @search-height;
width: @search-width;
line-height: @search-height;
height: @header-height - @gap;
width: @side-width;
line-height: @header-height - @gap;
margin-top: @gap/2;
margin-bottom: @gap/2;
vertical-align: middle;
.form {
position: relative;
@ -146,9 +145,9 @@
.icon {
position: absolute;
display:block;
height: @search-height;
width: @search-height;
line-height: @search-height;
height: @header-height - @gap;
width: @header-height - @gap;
line-height: @header-height - @gap;
top: 0;
left: @gap;
@media(max-width: @on-phone){
@ -158,19 +157,19 @@
.input {
display:block;
font-size: 14px;
line-height: @search-height - 10px;
line-height: @header-height - @gap;
margin: 0;
width: 100%;
color: fade(@theme-text-in-header, 60%);
padding: 5px 10px 5px 48px;
@media(max-width: @on-phone){
padding: 5px 10px 5px 38px;
}
height: @search-height;
line-height: @search-height/2;
@media(max-width: @on-phone){
padding: 5px 10px 5px 38px;
}
height: @header-height - @gap;
line-height: @header-height - @gap;
font-family: @base-font-family;
border: none;
border-radius: 100px;
border-radius: @border-radius;
background: fade(@theme-text-in-header,15%);
box-sizing: border-box;
-webkit-appearance: none;
@ -201,8 +200,8 @@
.menu-phone{
.header{
border-top-left-radius: @border-radius-width;
border-top-right-radius: @border-radius-width;
border-top-left-radius: @border-radius;
border-top-right-radius: @border-radius;
background-color: fade(@theme-bg-nav-header,90%);
color: @theme-text-in-header;
font-size: @base-font-size;
@ -219,7 +218,7 @@
background: white;
border-right: 0;
&:extend(.z-depth-main-raised);
border-radius: @border-radius-width;
border-radius: @border-radius;
transform: translate3d(@side-width, -0, 0);
.enable-trans();
&:hover {

29
source/less/_main.less
Unescape View File

@ -26,7 +26,7 @@
display: none;
}
.vwrap{
border-radius: @border-radius-width;
border-radius: @border-radius;
border-style: dashed;
.enable-trans();
&:hover{
@ -43,7 +43,7 @@
padding-right: 2.4em;
background-color: fade(@theme-bg-button, 90%);
color: @theme-text-in-header;
border-radius: @border-radius-width/2;
border-radius: @border-radius/2;
.enable-trans();
&:hover {
background: darken(@theme-bg-button, 10%);
@ -68,9 +68,9 @@
border-left: 8px solid @theme-bg-quote;
border-top-left-radius: 8px;
border-bottom-left-radius: 8px;
border-right: 1px solid fade(@theme-bg-quote, 40%);
border-top: 1px solid fade(@theme-bg-quote, 40%);
border-bottom: 1px solid fade(@theme-bg-quote, 40%);
border-right: 1px solid fade(@theme-bg-quote, 30%);
border-top: 1px solid fade(@theme-bg-quote, 30%);
border-bottom: 1px solid fade(@theme-bg-quote, 30%);
}
}
a, .vemoji-btn, .vpreview-btn{
@ -111,8 +111,8 @@
.auto-padding {
padding-left: @gap;
padding-right: @gap;
border-bottom-left-radius: @border-radius-width;
border-bottom-right-radius: @border-radius-width;
border-bottom-left-radius: @border-radius;
border-bottom-right-radius: @border-radius;
}
img,
.highlight {
@ -128,16 +128,12 @@
.highlight{
margin-left: 0*@gap;
margin-right: 0*@gap;
padding-left: @gap;
padding-right: @gap;
width:~"calc(100% - 0 * @{gap})";
}
@media(max-width:@on-phone) {
.highlight {
margin-left: 0*@gap;
margin-right: 0*@gap;
padding-left: @gap;
padding-right: @gap;
width:~"calc(100% - 0 * @{gap})";
}
.auto-padding {
@ -167,7 +163,7 @@
padding: 2 * @gap 1.5*@gap;
//max-width: 768px;
background: @theme-bg-card;
border-radius: @border-radius-width;
border-radius: @border-radius;
@media(max-width: @on-phone) {
border-radius: 0;
}
@ -246,15 +242,8 @@
}
}
.full-width,.highlight{
// margin-left: -1.5* @gap;
// margin-right: -1.5* @gap;
// padding-left: 1.5* @gap;
// padding-right: 1.5* @gap;
// width:~"calc(100% + 3 * @{gap})";
margin-left: 0*@gap;
margin-right: 0*@gap;
padding-left: @gap;
padding-right: @gap;
width:~"calc(100% - 0 * @{gap})";
}
@ -290,7 +279,7 @@
section{
color: fade(@theme-text-main, 80%);
padding: @gap;
border-radius: @border-radius-width;
border-radius: @border-radius;
&:hover {
color: @theme-text-highlight;
}

10
source/less/_search.less
Unescape View File

@ -22,7 +22,7 @@
background: #fff;
box-shadow: 0 7px 8px -4px rgba(0,0,0,.2),0 13px 19px 2px rgba(0,0,0,.14),0 5px 24px 4px rgba(0,0,0,.12);
z-index: 3;
border-radius: @border-radius-width;
border-radius: @border-radius;
@media (max-width: @modal-threshold) {
box-shadow: none;
max-width: none;
@ -49,8 +49,8 @@
height: @header-height;
background-color: @theme-bg-nav-header;
z-index: 3;
border-top-left-radius: @border-radius-width;
border-top-right-radius: @border-radius-width;
border-top-left-radius: @border-radius;
border-top-right-radius: @border-radius;
@media (max-width: @modal-threshold) {
padding: 0px;
border-radius: 0;
@ -123,8 +123,8 @@
box-shadow: none;
&:focus {
border-top-left-radius: @border-radius-width;
border-top-right-radius: @border-radius-width;
border-top-left-radius: @border-radius;
border-top-right-radius: @border-radius;
}
}
}

2
source/less/_toc.less
Unescape View File

@ -1,6 +1,6 @@
.m_widget.toc-wrapper{
overflow: auto;
border-radius: @border-radius-width;
border-radius: @border-radius;
position: fixed;
top: @header-height + @gap;
display: none;

36
source/less/_widget.less
Unescape View File

@ -2,7 +2,7 @@
&:extend(.z-depth-main);
background: @theme-bg-card;
margin-bottom: @gap;
border-radius: @border-radius-width;
border-radius: @border-radius;
@media(max-width: @on-phone) {
border-radius: 0;
width: 100%;
@ -18,8 +18,8 @@
}
.header{
border-top-left-radius: @border-radius-width;
border-top-right-radius: @border-radius-width;
border-top-left-radius: @border-radius;
border-top-right-radius: @border-radius;
@media(max-width: @on-phone) {
border-radius: 0;
}
@ -92,8 +92,8 @@
border-radius: 100%;
margin-top: @gap/2;
}
border-top-left-radius: 8px;
border-top-right-radius: 8px;
border-top-left-radius: @border-radius;
border-top-right-radius: @border-radius;
}
.content{
font-weight: bold;
@ -129,31 +129,7 @@
}
}
}
// .m_widget.avatar{
//
// .content{
// // padding:0;
// .desc{
// position: relative;
// padding: @gap;
// .enable-trans(.15s);
// line-height: 1.2em;
// font-style: italic;
// &:before{
// content:'#';
// position: absolute;
// left:0;
// top:0;
// width:2px;
// height:100%;
// }
// &:empty{
// padding:0;
// height: 0;
// }
// }
// }
// }
.m_widget.categories{
.content{
padding: @gap/2 0;

Write Preview
Loading…
Cancel
Save