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'> <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>

View file

@ -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;
} }

View file

@ -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;
} }