github-mirrors/kibana
1
0
Fork 0
mirror of https://github.com/elastic/kibana.git synced 2025-04-24 09:48:58 -04:00
Code Issues Projects Releases Packages Wiki Activity

Fix markdown typo in CSS style guide. (#9408)

Browse source
This commit is contained in:
CJ Cenizal 2016-12-07 13:20:02 -08:00 • committed by GitHub
parent 050fc87a70
commit cebf834321
1 changed files with 13 additions and 12 deletions
Download patch file Download diff file Expand all files Collapse all files

25
style_guides/css_style_guide.md
View file

@ -43,10 +43,10 @@ This kind of code makes the selector name really difficult to grep for:
.chart {
// styles
&-content {
&Content {
// styles
&-title {
&Title {
// styles
}
}
@ -61,11 +61,11 @@ This is better:
// styles
}
.chart-content {
.chartContent {
// styles
}
.chart-content-title {
.chartContentTitle {
// styles
}
```
@ -95,6 +95,7 @@ This is better:
.specialMenu__item {
// styles
}
```
## Naming convention
@ -234,19 +235,19 @@ pretty hairy. Consider a table component:
// ======================== Bad! ========================
// These styles are complex and the multiple double-underscores increases noise
// without providing much useful information.
.kbTable {
.kuiTable {
/* ... */
}
.kbTable__body {
.kuiTable__body {
/* ... */
}
.kbTable__body__row {
.kuiTable__body__row {
/* ... */
}
.kbTable__body__row__cell {
.kuiTable__body__row__cell {
/* ... */
}
```
@ -257,25 +258,25 @@ indicates their relationship, by incorporating the name of the root base class.
```less
// kbTable.less
.kbTable {
.kuiTable {
/* ... */
}
```
```less
// kbTableBody.less
.kbTableBody {
.kuiTableBody {
/* ... */
}
```
```less
// kbTableRow.less
.kbTableRow {
.kuiTableRow {
/* ... */
}
.kbTableRow__cell {
.kuiTableRow__cell {
/* ... */
}
```