mirror of
https://github.com/WebStackPage/WebStackPage.github.io.git
synced 2026-02-10 05:45:12 +08:00
70 lines
2.1 KiB
Plaintext
Executable File
70 lines
2.1 KiB
Plaintext
Executable File
// Name: Description list
|
|
// Description: Defines styles for description lists
|
|
//
|
|
// Component: `uk-description-list`
|
|
//
|
|
// Modifiers: `uk-description-list-horizontal`
|
|
// `uk-description-list-line`
|
|
//
|
|
// ========================================================================
|
|
|
|
|
|
// Variables
|
|
// ========================================================================
|
|
|
|
@description-list-horizontal-width: 160px;
|
|
@description-list-horizontal-margin-left: 180px;
|
|
|
|
@description-list-line-margin-top: 5px;
|
|
@description-list-line-border-width: 1px;
|
|
@description-list-line-border: #ddd;
|
|
@description-list-line-color: #999;
|
|
|
|
|
|
/* ========================================================================
|
|
Component: Description list
|
|
========================================================================== */
|
|
|
|
|
|
/* Modifier: `uk-description-list-horizontal`
|
|
========================================================================== */
|
|
|
|
/* Tablet and bigger */
|
|
@media (min-width: @breakpoint-medium) {
|
|
|
|
.uk-description-list-horizontal { overflow: hidden; }
|
|
|
|
.uk-description-list-horizontal > dt {
|
|
width: @description-list-horizontal-width;
|
|
float: left;
|
|
clear: both;
|
|
overflow: hidden;
|
|
text-overflow: ellipsis;
|
|
white-space: nowrap;
|
|
}
|
|
|
|
.uk-description-list-horizontal > dd { margin-left: @description-list-horizontal-margin-left; }
|
|
|
|
}
|
|
|
|
|
|
/* Modifier: `uk-description-list-line`
|
|
========================================================================== */
|
|
|
|
.uk-description-list-line > dt { font-weight: normal; }
|
|
|
|
.uk-description-list-line > dt:nth-child(n+2) {
|
|
margin-top: @description-list-line-margin-top;
|
|
padding-top: @description-list-line-margin-top;
|
|
border-top: @description-list-line-border-width solid @description-list-line-border;
|
|
}
|
|
|
|
.uk-description-list-line > dd { color: @description-list-line-color; }
|
|
|
|
|
|
// Hooks
|
|
// ========================================================================
|
|
|
|
.hook-description-list-misc;
|
|
|
|
.hook-description-list-misc() {} |