Start moving towards semantic CSS class names

This commit is contained in:
Scott Nonnenberg 2018-03-07 14:12:56 -08:00 committed by Scott Nonnenberg
parent 2373840df8
commit a824e2b42d
No known key found for this signature in database
GPG key ID: 5F82280C35134661
3 changed files with 6 additions and 6 deletions

View file

@ -619,7 +619,7 @@
<div class='clear-data-settings'>
<h3>{{ clearDataHeader }}</h3>
<div>
<button class='grey red clear-data'>{{ clearDataButton }}</button>
<button class='grey destructive clear-data'>{{ clearDataButton }}</button>
<p>{{ clearDataExplanation }}</p>
</div>
</div>
@ -650,8 +650,8 @@
</div>
<div class='nav'>
<div>
<a class='button grey cancel'>{{ cancelButton }}</a>
<a class='button red delete-all-data'>{{ deleteButton }}</a>
<a class='button neutral cancel'>{{ cancelButton }}</a>
<a class='button destructive delete-all-data'>{{ deleteButton }}</a>
</div>
</div>
</div>

View file

@ -836,11 +836,11 @@ input[type=text], input[type=search], textarea {
font-size: 12pt;
&.grey {
&.neutral {
color: black;
background: #DEDEDE;
}
&.red {
&.destructive {
background: red;
}

View file

@ -39,7 +39,7 @@
padding: 0 20px;
margin: 0 0 20px 20px;
}
.red {
.destructive {
background-color: red;
color: white;
}