2014-01-18 08:26:39 +00:00
|
|
|
/* ==========================================================================
|
|
|
|
|
LISTS
|
|
|
|
|
========================================================================== */
|
|
|
|
|
|
|
|
|
|
/* List Style Types */
|
|
|
|
|
|
|
|
|
|
.disc { list-style-type: disc; }
|
|
|
|
|
.circle { list-style-type: circle; }
|
|
|
|
|
.square { list-style-type: square; }
|
|
|
|
|
.decimal { list-style-type: decimal; }
|
|
|
|
|
|
|
|
|
|
/* Horizontal list: can be used on ol or ul */
|
|
|
|
|
|
2014-01-22 09:54:01 +00:00
|
|
|
.list { list-style-type: none; }
|
2014-01-18 08:26:39 +00:00
|
|
|
|
|
|
|
|
.list--h {
|
|
|
|
|
list-style-type: none;
|
|
|
|
|
> li { display: inline-block; }
|
|
|
|
|
}
|
|
|
|
|
|
|
|
|
|
@include break(not-small) {
|
|
|
|
|
.disc-ns { list-style-type: disc; }
|
|
|
|
|
.circle-ns { list-style-type: circle; }
|
|
|
|
|
.square-ns { list-style-type: square; }
|
|
|
|
|
.decimal-ns { list-style-type: decimal; }
|
|
|
|
|
.list-ns { list-style-type: none; }
|
|
|
|
|
.list--h-ns {
|
|
|
|
|
list-style-type: none;
|
|
|
|
|
> li { display: inline-block; }
|
|
|
|
|
}
|
|
|
|
|
}
|
|
|
|
|
|
|
|
|
|
@include break(medium) {
|
|
|
|
|
.disc-m { list-style-type: disc; }
|
|
|
|
|
.circle-m { list-style-type: circle; }
|
|
|
|
|
.square-m { list-style-type: square; }
|
|
|
|
|
.decimal-m { list-style-type: decimal; }
|
|
|
|
|
.list-m { list-style: none; }
|
|
|
|
|
.list--h-m {
|
|
|
|
|
list-style-type: none;
|
|
|
|
|
> li { display: inline-block; }
|
|
|
|
|
}
|
|
|
|
|
}
|
|
|
|
|
|
|
|
|
|
@include break(large) {
|
|
|
|
|
.disc-l { list-style-type: disc; }
|
|
|
|
|
.circle-l { list-style-type: circle; }
|
|
|
|
|
.square-l { list-style-type: square; }
|
|
|
|
|
.decimal-l { list-style-type: decimal; }
|
|
|
|
|
.leading-zero-l { list-style-type: decimal-leading-zero; }
|
|
|
|
|
.lower-roman-l { list-style-type: lower-roman; }
|
|
|
|
|
.upper-roman-l { list-style-type: upper-roman; }
|
|
|
|
|
.lower-greek-l { list-style-type: lower-greek; }
|
|
|
|
|
.lower-latin-l { list-style-type: lower-latin; }
|
|
|
|
|
.upper-latin-l { list-style-type: upper-latin; }
|
|
|
|
|
.lower-alpha-l { list-style-type: lower-alpha; }
|
|
|
|
|
.upper-alpha-l { list-style-type: upper-alpha; }
|
|
|
|
|
.list-l { list-style-type: none; }
|
|
|
|
|
.list--h-l {
|
|
|
|
|
list-style-type: none;
|
|
|
|
|
> li { display: inline-block; }
|
|
|
|
|
}
|
|
|
|
|
}
|
|
|
|
|
|
