zydronium/manage.get.gov
1
0
Fork 0
mirror of https://github.com/cisagov/manage.get.gov.git synced 2025-07-26 04:28:39 +02:00
Code Issues Projects Releases Packages Wiki Activity

css refactor

Browse source
This commit is contained in:
Rachid Mrad 2024-01-26 12:38:24 -05:00
parent dcbfcf7639
commit 2d717b0307
No known key found for this signature in database
GPG key ID: EF38E4CEC4A8F3CF
5 changed files with 32 additions and 5 deletions
Download patch file Download diff file Expand all files Collapse all files

14
src/registrar/assets/sass/_theme/_lists.scss Normal file
View file

@ -0,0 +1,14 @@
@use "uswds-core" as *;
dt {
color: color('primary-dark');
margin-top: units(2);
font-weight: font-weight('semibold');
// The units mixin can only get us close, so it's between
// hardcoding the value and using in markup
font-size: 16.96px;
}
dd {
margin-left: 0;
}

16
src/registrar/assets/sass/_theme/_register-form.scss
View file

@ -6,13 +6,15 @@
margin-top: units(-1); margin-top: units(-1);
} }
//Tighter spacing when H2 is immediatly after H1 // Tighter spacing when h2 is immediatly after h1
.register-form-step .usa-fieldset:first-of-type h2:first-of-type, .register-form-step .usa-fieldset:first-of-type h2:first-of-type,
.register-form-step h1 + h2 { .register-form-step h1 + h2 {
margin-top: units(1); margin-top: units(1);
} }
.register-form-step h3:not(.text-base-darkest) { // register-form-review-header is used on the summary page and
// should not be styled like the register form headers
.register-form-step h3 {
color: color('primary-dark'); color: color('primary-dark');
letter-spacing: $letter-space--xs; letter-spacing: $letter-space--xs;
margin-top: units(3); margin-top: units(3);
@ -23,6 +25,16 @@
} }
} }
h3.register-form-review-header {
color: color('primary-dark');
margin-top: units(2);
margin-bottom: 0;
font-weight: font-weight('semibold');
// The units mixin can only get us close, so it's between
// hardcoding the value and using in markup
font-size: 16.96px;
}
.register-form-step h4 { .register-form-step h4 {
margin-bottom: 0; margin-bottom: 0;

1
src/registrar/assets/sass/_theme/styles.scss
View file

@ -10,6 +10,7 @@
--- Custom Styles ---------------------------------*/ --- Custom Styles ---------------------------------*/
@forward "base"; @forward "base";
@forward "typography"; @forward "typography";
@forward "lists";
@forward "buttons"; @forward "buttons";
@forward "forms"; @forward "forms";
@forward "fieldsets"; @forward "fieldsets";

2
src/registrar/templates/application_review.html
View file

@ -112,7 +112,7 @@
{% endwith %} {% endwith %}
{% if application.alternative_domains.all %} {% if application.alternative_domains.all %}
<h3 class="margin-bottom-0 margin-top-2 text-base-darkest font-body-sm text-semibold">Alternative domains</h3> <h3 class="register-form-review-header">Alternative domains</h3>
<ul class="usa-list usa-list--unstyled margin-top-0"> <ul class="usa-list usa-list--unstyled margin-top-0">
{% for site in application.alternative_domains.all %} {% for site in application.alternative_domains.all %}
<li>{{ site.website }}</li> <li>{{ site.website }}</li>

4
src/registrar/templates/includes/summary_item.html
View file

@ -31,10 +31,10 @@
{% if value %} {% if value %}
<dl class="usa-list usa-list--unstyled margin-top-0"> <dl class="usa-list usa-list--unstyled margin-top-0">
{% for item in value %} {% for item in value %}
<dt class="font-body-sm text-semibold margin-top-2"> <dt>
Contact {{forloop.counter}} Contact {{forloop.counter}}
</dt> </dt>
<dd class="margin-left-0"> <dd>
{% include "includes/contact.html" with contact=item %} {% include "includes/contact.html" with contact=item %}
</dd> </dd>
{% endfor %} {% endfor %}