html, liferay

缩小liferay portlet之间的间距

883 阅读

可以在主题中通过修改CSS来完成

修改对应的css\aui\_variables.scss文件中的变量来实现

原值为

// Default 940px grid
// ————————-
$gridColumns:             12 !default;
$gridColumnWidth:         80px !default;
$gridGutterWidth:         0px !default;
$gridRowWidth:            ($gridColumns * $gridColumnWidth) + ($gridGutterWidth * ($gridColumns – 1)) !default;

// 1200px min
$gridColumnWidth1200:     100px !default;
$gridGutterWidth1200:     00px !default;
$gridRowWidth1200:        ($gridColumns * $gridColumnWidth1200) + ($gridGutterWidth1200 * ($gridColumns – 1)) !default;

// 768px-979px
$gridColumnWidth768:      62px !default;
$gridGutterWidth768:      0px !default;
$gridRowWidth768:         ($gridColumns * $gridColumnWidth768) + ($gridGutterWidth768 * ($gridColumns – 1)) !default;

 

修改为

// Default 940px grid
// ————————-
$gridColumns:             12 !default;
$gridColumnWidth:         76px !default;
$gridGutterWidth:         4px !default;
$gridRowWidth:            ($gridColumns * $gridColumnWidth) + ($gridGutterWidth * ($gridColumns – 1)) !default;

// 1200px min
$gridColumnWidth1200:     94px !default;
$gridGutterWidth1200:     6px !default;
$gridRowWidth1200:        ($gridColumns * $gridColumnWidth1200) + ($gridGutterWidth1200 * ($gridColumns – 1)) !default;

// 768px-979px
$gridColumnWidth768:      58px !default;
$gridGutterWidth768:      4px !default;
$gridRowWidth768:         ($gridColumns * $gridColumnWidth768) + ($gridGutterWidth768 * ($gridColumns – 1)) !default;

 

 

 

不同的值，可以自己尝试。来找到合适的大小