Start moving towards semantic CSS class names
This commit is contained in:
parent
2373840df8
commit
a824e2b42d
3 changed files with 6 additions and 6 deletions
|
@ -619,7 +619,7 @@
|
||||||
<div class='clear-data-settings'>
|
<div class='clear-data-settings'>
|
||||||
<h3>{{ clearDataHeader }}</h3>
|
<h3>{{ clearDataHeader }}</h3>
|
||||||
<div>
|
<div>
|
||||||
<button class='grey red clear-data'>{{ clearDataButton }}</button>
|
<button class='grey destructive clear-data'>{{ clearDataButton }}</button>
|
||||||
<p>{{ clearDataExplanation }}</p>
|
<p>{{ clearDataExplanation }}</p>
|
||||||
</div>
|
</div>
|
||||||
</div>
|
</div>
|
||||||
|
@ -650,8 +650,8 @@
|
||||||
</div>
|
</div>
|
||||||
<div class='nav'>
|
<div class='nav'>
|
||||||
<div>
|
<div>
|
||||||
<a class='button grey cancel'>{{ cancelButton }}</a>
|
<a class='button neutral cancel'>{{ cancelButton }}</a>
|
||||||
<a class='button red delete-all-data'>{{ deleteButton }}</a>
|
<a class='button destructive delete-all-data'>{{ deleteButton }}</a>
|
||||||
</div>
|
</div>
|
||||||
</div>
|
</div>
|
||||||
</div>
|
</div>
|
||||||
|
|
|
@ -836,11 +836,11 @@ input[type=text], input[type=search], textarea {
|
||||||
|
|
||||||
font-size: 12pt;
|
font-size: 12pt;
|
||||||
|
|
||||||
&.grey {
|
&.neutral {
|
||||||
color: black;
|
color: black;
|
||||||
background: #DEDEDE;
|
background: #DEDEDE;
|
||||||
}
|
}
|
||||||
&.red {
|
&.destructive {
|
||||||
background: red;
|
background: red;
|
||||||
}
|
}
|
||||||
|
|
||||||
|
|
|
@ -39,7 +39,7 @@
|
||||||
padding: 0 20px;
|
padding: 0 20px;
|
||||||
margin: 0 0 20px 20px;
|
margin: 0 0 20px 20px;
|
||||||
}
|
}
|
||||||
.red {
|
.destructive {
|
||||||
background-color: red;
|
background-color: red;
|
||||||
color: white;
|
color: white;
|
||||||
}
|
}
|
||||||
|
|
Loading…
Add table
Reference in a new issue