Skip to content

Commit

Permalink
fix: cleaned up custom styles
Browse files Browse the repository at this point in the history
  • Loading branch information
@kkoryaka
kkoryaka committed Jan 28, 2025
1 parent 862d2eb commit 0fa60bb
Showing 1 changed file with 2 additions and 329 deletions.
331 changes: 2 additions & 329 deletions web/static/css/styles.css
View file
Original file line number Diff line number Diff line change
Expand Up @@ -192,64 +192,7 @@ header {
}
}
}
main {
> div.header-banner {
overflow: hidden;
background-image: url('data:image/svg+xml,<svg version="1.1" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 1440 498"><polygon fill="%23035D85" points="598 -1 -1 -1 -1 243 -1 244 -1 497 98 497 98 497 840 497"/><polygon fill="%23035376" points="1204 -1 598 -1 840 497 949 497 1440 497 1440 -1"/></svg>');
background-color: var(--color-p2, #046b99);
background-position: center !important;
background-size: cover !important;
display: block;
position: relative;
@media (width <= 991px) {
> div.row {
flex-direction: column;
}
}
}
> div.section-understated > div.container {
> div.row > div > div > img.service-img {
object-fit: cover;
object-position: center;
aspect-ratio: 1 / 1;
}
> h1.color-p2-darker,
> div.row > div > h1.color-p2-darker {
color: var(--color-p2-darker, #214a68);
}
}
> div.topo-lines {
background-image: url("/images/background-lines.svg?vAF3G");
background-repeat: no-repeat;
background-size: cover;
}
> div.lineart {
@media (width <= 1200px) {
background-image: none !important;
}
}
> div.bg-p2-darkest {
background-color: var(--color-p2-darkest);
}
> div > div.row > div {
> div.d-flex.flex-column > img.m-t-minus-70 {
margin-top: -4.375rem;
}
}
}
h2,
.h2 {
scroll-margin-top: 95px;
@media (width >= 992px) {
scroll-margin-top: 180px;
}
}
.p-t-xxl {
padding-top: 59%;
}
.left-3px {
left: 3px;
}

.bg-p2-dark {
background-color: var(--color-p2-dark, #035376) !important;
}
Expand All @@ -261,277 +204,7 @@ h2,
display: none;
}
}
.link-grid:focus,
a:focus {
outline: solid 2px #0f90e6 !important;
}
.section-primary,
.section-overstated,
.section-impact {
a:focus {
outline: 2px solid #77c5f9 !important;
}
}

.color-p2-darker {
color: var(--color-p2-darker, #214a68) !important;
}
cagov-feedback > section > div.feedback-form {
padding: 0;
background: transparent;
color: var(--gray-900);
> div.feedback-form-add > label.feedback-form-label,
> div.feedback-form-question > h2.feedback-form-label,
> div.feedback-form-thanks {
background: transparent;
color: var(--gray-900);
}
> div.feedback-form-add > label.feedback-form-label,
> div.feedback-form-question > h2.feedback-form-label {
width: 100%;
margin-top: 0.5rem;
font-size: 1.7rem;
}
> div.feedback-form-question > button.feedback-form-button,
> div.feedback-form-add
> div.feedback-form-add-grid
> button.feedback-form-button {
border: 1px solid var(--color-p2);
border-radius: 5px;
margin-right: 1rem;
color: var(--color-p2);
&:hover,
&:focus {
box-shadow: none;
text-decoration: none;
background: var(--gray-75);
color: var(--color-p2-darker);
}
}
}
a[aria-current="page"] {
pointer-events: none;
}
.reset-x-icon::-webkit-search-cancel-button {
display: unset !important;
}
.webkit-appearance-none {
-webkit-appearance: none !important;
}
::-webkit-search-cancel-button(:not(.webkit-appearance-none)) {
display: unset !important;
}
details > div.topic-filters > fieldset {
display: flex;
flex-wrap: wrap;
column-gap: 1rem;
> div.form-check {
position: relative;
flex: 0 48%;
> input.form-check-input {
border-color: var(--gray-700);
}
> label.form-check-label {
font-weight: 400;
}
@media (width <= 991px) {
width: 100%;
flex: 0 0 100%;
}
}
}
p.keywords > span:last-child {
display: none;
}
cagovhome-filterlist {
> div.row:not(:has([data-row-key]:not([aria-hidden="true"]))) {
display: none;
}
> div > div > div.dep-image-wrapper {
max-width: 96px;
min-width: 96px;
margin-right: 1rem;
}
> div > div > div > p.department-description,
> div > p.service-description {
display: -webkit-box;
-webkit-line-clamp: 3;
-webkit-box-orient: vertical;
overflow: hidden;
@media (width >= 992px) {
-webkit-line-clamp: 2;
}
}
}
@media (width <= 991px) {
img,
nav,
div {
&.sticky-6 {
position: relative !important;
top: 0 !important;
}
}
main > div.topo-lines {
background-image: none;
background-color: color-mix(in srgb, var(--color-p2), #000 15%);
}
}
div.gsc-control-cse
> div.gsc-control-wrapper-cse
> div.gsc-results-wrapper-visible {
> div.gsc-positioningWrapper {
display: none;
}
> div.gsc-above-wrapper-area {
border-bottom: none;
> table {
display: none;
}
}
> div.gsc-adBlockNoHeight {
clear: both;
}
> div.gsc-wrapper
> div.gsc-resultsbox-visible
> div.gsc-tabdActive
> div.gsc-webResult {
font-size: 1.125rem !important;
line-height: 1.5 !important;
> div.gsc-expansionArea {
display: flex;
flex-wrap: wrap;
column-gap: 1.5rem;
> div.gsc-webResult.gsc-result {
border-bottom: 1px solid var(--gray-200) !important;
padding-bottom: 1rem !important;
position: relative;
> div.gs-webResult.gs-result {
> div.gsc-thumbnail-inside > div.gs-title {
padding-top: 1rem;
padding-bottom: 0.5rem;
> a.gs-title {
font-size: 1.35rem;
font-weight: 700;
text-decoration: none;
> b {
font-size: 1.35rem;
}
&:hover,
&:focus,
> b:hover {
color: var(--color-p2-darker) !important;
text-decoration: underline;
}
&::before {
position: absolute;
content: "";
width: 100%;
height: 100%;
top: 0;
left: 0;
}
}
}
> div.gsc-url-top {
padding-bottom: 0.5rem;
> div.gs-visibleUrl-short {
font-weight: 700;
}
}
> div.gsc-table-result {
font-size: 1.125rem;
line-height: 1.5;
}
}
&:not(:has(a.gs-labelActive)) {
width: 100%;
flex: 0 0 100%;
}
&:has(a.gs-labelActive) {
padding: 0;
padding-left: 1rem;
padding-right: 2.25rem;
border: 1px solid var(--gray-300);
border-radius: 8px;
margin-bottom: 1rem;
flex: 0 48%;
@media (width <= 991px) {
width: 100%;
flex: 0 0 100%;
}
&:hover,
&:focus {
background-color: var(--gray-50);
text-decoration: none !important;
}
&::after {
font-family: CaGov;
content: "5";
position: absolute;
top: 0.8rem;
right: 0.7rem;
font-size: 1.6rem;
visibility: visible;
}
> div.gs-result {
> div.gsc-url-top,
> div.gsc-table-result {
display: none;
}
}
}
}
}
}
}
img.square {
aspect-ratio: 1;
}
div.image-header {
border-radius: 16px;
> img {
aspect-ratio: 1 / 1;
max-height: 200px;
width: 100%;
object-fit: cover;
object-position: top;
@media (width >= 992px) {
height: 200px;
width: 200px;
border-radius: 100px;
}
}
@media (width >= 992px) {
border-top-left-radius: 100px;
border-bottom-left-radius: 100px;
}
}
h2.header-bg-primary {
border-top-right-radius: var(--bs-border-radius);
border-top-left-radius: var(--bs-border-radius);
background-color: var(--color-p2);
padding: 1.5rem;
color: var(--white);
border-bottom: 5px solid var(--color-p2-darker);
}
:root {
--bs-border-radius: 10px;
}
nav.page-navigation > ul > li:last-child {
display: none;
}
.breadcrumbs ul,
.breadcrumbs ol,
.page-navigation ul li {
font-size: 1rem;
}
@media (min-width: 576px) {
.breadcrumbs ul,
.breadcrumbs ol,
.page-navigation ul li {
font-size: calc(0.92rem + 0.1vw);
}
}
.search-container #Search .gsc-search-button {
color: #fff;
}

0 comments on commit 0fa60bb

Please sign in to comment.