Fix CSS styling after Zurb update. Taken from old commit.

This commit is contained in:
Christoph Haas 2025-03-16 16:51:36 +01:00
parent b5534b1900
commit ac46c269b3
3 changed files with 175 additions and 170 deletions

View file

@ -221,8 +221,8 @@ html {
body {
margin: 0;
padding: 0;
background: #fefefe;
font-family: "Helvetica Neue", Helvetica, Roboto, Arial, sans-serif;
background: #f2f2f2;
font-family: "Droid Sans", sans-serif;
font-weight: normal;
line-height: 1.5;
color: #0a0a0a;
@ -610,7 +610,7 @@ h3, .h3,
h4, .h4,
h5, .h5,
h6, .h6 {
font-family: "Helvetica Neue", Helvetica, Roboto, Arial, sans-serif;
font-family: "Droid Sans", sans-serif;
font-style: normal;
font-weight: normal;
color: inherit;
@ -634,35 +634,35 @@ h1, .h1 {
}
h2, .h2 {
font-size: 1.25rem;
font-size: 1rem;
line-height: 1.4;
margin-top: 0;
margin-bottom: 0.5rem;
}
h3, .h3 {
font-size: 1.1875rem;
font-size: 0.875rem;
line-height: 1.4;
margin-top: 0;
margin-bottom: 0.5rem;
}
h4, .h4 {
font-size: 1.125rem;
font-size: 0.8125rem;
line-height: 1.4;
margin-top: 0;
margin-bottom: 0.5rem;
}
h5, .h5 {
font-size: 1.0625rem;
font-size: 0.75rem;
line-height: 1.4;
margin-top: 0;
margin-bottom: 0.5rem;
}
h6, .h6 {
font-size: 1rem;
font-size: 0.6875rem;
line-height: 1.4;
margin-top: 0;
margin-bottom: 0.5rem;
@ -670,32 +670,32 @@ h6, .h6 {
@media print, screen and (min-width: 40em) {
h1, .h1 {
font-size: 3rem;
}
h2, .h2 {
font-size: 2.5rem;
}
h2, .h2 {
font-size: 2rem;
}
h3, .h3 {
font-size: 1.9375rem;
font-size: 1.75rem;
}
h4, .h4 {
font-size: 1.5625rem;
font-size: 1.625rem;
}
h5, .h5 {
font-size: 1.25rem;
font-size: 1.5rem;
}
h6, .h6 {
font-size: 1rem;
font-size: 1.375rem;
}
}
a {
line-height: inherit;
color: #1779ba;
color: #c70338;
text-decoration: none;
cursor: pointer;
}
a:hover, a:focus {
color: rgb(19.78, 104.06, 159.96);
color: rgb(171.14, 2.58, 48.16);
}
a img {
border: 0;
@ -3005,7 +3005,7 @@ ul.no-bullet, ol.no-bullet {
vertical-align: middle;
margin: 0 0 1rem 0;
border: 1px solid transparent;
border-radius: 0;
border-radius: 0.5rem;
transition: background-color 0.25s ease-out, color 0.25s ease-out;
font-family: inherit;
font-size: 0.9rem;
@ -3034,19 +3034,19 @@ ul.no-bullet, ol.no-bullet {
margin-left: 0;
}
.button, .button.disabled, .button[disabled], .button.disabled:hover, .button[disabled]:hover, .button.disabled:focus, .button[disabled]:focus {
background-color: #1779ba;
background-color: #c70338;
color: #fefefe;
}
.button:hover, .button:focus {
background-color: rgb(19.55, 102.85, 158.1);
background-color: rgb(169.15, 2.55, 47.6);
color: #fefefe;
}
.button.primary, .button.primary.disabled, .button.primary[disabled], .button.primary.disabled:hover, .button.primary[disabled]:hover, .button.primary.disabled:focus, .button.primary[disabled]:focus {
background-color: #1779ba;
background-color: #c70338;
color: #fefefe;
}
.button.primary:hover, .button.primary:focus {
background-color: rgb(18.4, 96.8, 148.8);
background-color: rgb(159.2, 2.4, 44.8);
color: #fefefe;
}
.button.secondary, .button.secondary.disabled, .button.secondary[disabled], .button.secondary.disabled:hover, .button.secondary[disabled]:hover, .button.secondary.disabled:focus, .button.secondary[disabled]:focus {
@ -3085,20 +3085,20 @@ ul.no-bullet, ol.no-bullet {
background-color: transparent;
}
.button.hollow, .button.hollow.disabled, .button.hollow[disabled], .button.hollow.disabled:hover, .button.hollow[disabled]:hover, .button.hollow.disabled:focus, .button.hollow[disabled]:focus {
border: 1px solid #1779ba;
color: #1779ba;
border: 1px solid #c70338;
color: #c70338;
}
.button.hollow:hover, .button.hollow:focus {
border-color: rgb(11.5, 60.5, 93);
color: rgb(11.5, 60.5, 93);
border-color: rgb(99.5, 1.5, 28);
color: rgb(99.5, 1.5, 28);
}
.button.hollow.primary, .button.hollow.primary.disabled, .button.hollow.primary[disabled], .button.hollow.primary.disabled:hover, .button.hollow.primary[disabled]:hover, .button.hollow.primary.disabled:focus, .button.hollow.primary[disabled]:focus {
border: 1px solid #1779ba;
color: #1779ba;
border: 1px solid #c70338;
color: #c70338;
}
.button.hollow.primary:hover, .button.hollow.primary:focus {
border-color: rgb(11.5, 60.5, 93);
color: rgb(11.5, 60.5, 93);
border-color: rgb(99.5, 1.5, 28);
color: rgb(99.5, 1.5, 28);
}
.button.hollow.secondary, .button.hollow.secondary.disabled, .button.hollow.secondary[disabled], .button.hollow.secondary.disabled:hover, .button.hollow.secondary[disabled]:hover, .button.hollow.secondary.disabled:focus, .button.hollow.secondary[disabled]:focus {
border: 1px solid #767676;
@ -3137,16 +3137,16 @@ ul.no-bullet, ol.no-bullet {
background-color: transparent;
}
.button.clear, .button.clear.disabled, .button.clear[disabled], .button.clear.disabled:hover, .button.clear[disabled]:hover, .button.clear.disabled:focus, .button.clear[disabled]:focus {
color: #1779ba;
color: #c70338;
}
.button.clear:hover, .button.clear:focus {
color: rgb(11.5, 60.5, 93);
color: rgb(99.5, 1.5, 28);
}
.button.clear.primary, .button.clear.primary.disabled, .button.clear.primary[disabled], .button.clear.primary.disabled:hover, .button.clear.primary[disabled]:hover, .button.clear.primary.disabled:focus, .button.clear.primary[disabled]:focus {
color: #1779ba;
color: #c70338;
}
.button.clear.primary:hover, .button.clear.primary:focus {
color: rgb(11.5, 60.5, 93);
color: rgb(99.5, 1.5, 28);
}
.button.clear.secondary, .button.clear.secondary.disabled, .button.clear.secondary[disabled], .button.clear.secondary.disabled:hover, .button.clear.secondary[disabled]:hover, .button.clear.secondary.disabled:focus, .button.clear.secondary[disabled]:focus {
color: #767676;
@ -3192,10 +3192,10 @@ ul.no-bullet, ol.no-bullet {
margin-left: 1em;
}
.button.dropdown.hollow::after, .button.dropdown.clear::after {
border-top-color: #1779ba;
border-top-color: #c70338;
}
.button.dropdown.hollow.primary::after, .button.dropdown.clear.primary::after {
border-top-color: #1779ba;
border-top-color: #c70338;
}
.button.dropdown.hollow.secondary::after, .button.dropdown.clear.secondary::after {
border-top-color: #767676;
@ -3261,11 +3261,11 @@ a.button:hover, a.button:focus {
flex: 1 1 0px;
}
.button-group.primary .button, .button-group.primary .button.disabled, .button-group.primary .button[disabled], .button-group.primary .button.disabled:hover, .button-group.primary .button[disabled]:hover, .button-group.primary .button.disabled:focus, .button-group.primary .button[disabled]:focus {
background-color: #1779ba;
background-color: #c70338;
color: #fefefe;
}
.button-group.primary .button:hover, .button-group.primary .button:focus {
background-color: rgb(18.4, 96.8, 148.8);
background-color: rgb(159.2, 2.4, 44.8);
color: #fefefe;
}
.button-group.secondary .button, .button-group.secondary .button.disabled, .button-group.secondary .button[disabled], .button-group.secondary .button.disabled:hover, .button-group.secondary .button[disabled]:hover, .button-group.secondary .button.disabled:focus, .button-group.secondary .button[disabled]:focus {
@ -3304,20 +3304,20 @@ a.button:hover, a.button:focus {
background-color: transparent;
}
.button-group.hollow .button, .button-group.hollow .button.disabled, .button-group.hollow .button[disabled], .button-group.hollow .button.disabled:hover, .button-group.hollow .button[disabled]:hover, .button-group.hollow .button.disabled:focus, .button-group.hollow .button[disabled]:focus {
border: 1px solid #1779ba;
color: #1779ba;
border: 1px solid #c70338;
color: #c70338;
}
.button-group.hollow .button:hover, .button-group.hollow .button:focus {
border-color: rgb(11.5, 60.5, 93);
color: rgb(11.5, 60.5, 93);
border-color: rgb(99.5, 1.5, 28);
color: rgb(99.5, 1.5, 28);
}
.button-group.hollow.primary .button, .button-group.hollow.primary .button.disabled, .button-group.hollow.primary .button[disabled], .button-group.hollow.primary .button.disabled:hover, .button-group.hollow.primary .button[disabled]:hover, .button-group.hollow.primary .button.disabled:focus, .button-group.hollow.primary .button[disabled]:focus, .button-group.hollow .button.primary, .button-group.hollow .button.primary.disabled, .button-group.hollow .button.primary[disabled], .button-group.hollow .button.primary.disabled:hover, .button-group.hollow .button.primary[disabled]:hover, .button-group.hollow .button.primary.disabled:focus, .button-group.hollow .button.primary[disabled]:focus {
border: 1px solid #1779ba;
color: #1779ba;
border: 1px solid #c70338;
color: #c70338;
}
.button-group.hollow.primary .button:hover, .button-group.hollow.primary .button:focus, .button-group.hollow .button.primary:hover, .button-group.hollow .button.primary:focus {
border-color: rgb(11.5, 60.5, 93);
color: rgb(11.5, 60.5, 93);
border-color: rgb(99.5, 1.5, 28);
color: rgb(99.5, 1.5, 28);
}
.button-group.hollow.secondary .button, .button-group.hollow.secondary .button.disabled, .button-group.hollow.secondary .button[disabled], .button-group.hollow.secondary .button.disabled:hover, .button-group.hollow.secondary .button[disabled]:hover, .button-group.hollow.secondary .button.disabled:focus, .button-group.hollow.secondary .button[disabled]:focus, .button-group.hollow .button.secondary, .button-group.hollow .button.secondary.disabled, .button-group.hollow .button.secondary[disabled], .button-group.hollow .button.secondary.disabled:hover, .button-group.hollow .button.secondary[disabled]:hover, .button-group.hollow .button.secondary.disabled:focus, .button-group.hollow .button.secondary[disabled]:focus {
border: 1px solid #767676;
@ -3356,16 +3356,16 @@ a.button:hover, a.button:focus {
background-color: transparent;
}
.button-group.clear .button, .button-group.clear .button.disabled, .button-group.clear .button[disabled], .button-group.clear .button.disabled:hover, .button-group.clear .button[disabled]:hover, .button-group.clear .button.disabled:focus, .button-group.clear .button[disabled]:focus {
color: #1779ba;
color: #c70338;
}
.button-group.clear .button:hover, .button-group.clear .button:focus {
color: rgb(11.5, 60.5, 93);
color: rgb(99.5, 1.5, 28);
}
.button-group.clear.primary .button, .button-group.clear.primary .button.disabled, .button-group.clear.primary .button[disabled], .button-group.clear.primary .button.disabled:hover, .button-group.clear.primary .button[disabled]:hover, .button-group.clear.primary .button.disabled:focus, .button-group.clear.primary .button[disabled]:focus, .button-group.clear .button.primary, .button-group.clear .button.primary.disabled, .button-group.clear .button.primary[disabled], .button-group.clear .button.primary.disabled:hover, .button-group.clear .button.primary[disabled]:hover, .button-group.clear .button.primary.disabled:focus, .button-group.clear .button.primary[disabled]:focus {
color: #1779ba;
color: #c70338;
}
.button-group.clear.primary .button:hover, .button-group.clear.primary .button:focus, .button-group.clear .button.primary:hover, .button-group.clear .button.primary:focus {
color: rgb(11.5, 60.5, 93);
color: rgb(99.5, 1.5, 28);
}
.button-group.clear.secondary .button, .button-group.clear.secondary .button.disabled, .button-group.clear.secondary .button[disabled], .button-group.clear.secondary .button.disabled:hover, .button-group.clear.secondary .button[disabled]:hover, .button-group.clear.secondary .button.disabled:focus, .button-group.clear.secondary .button[disabled]:focus, .button-group.clear .button.secondary, .button-group.clear .button.secondary.disabled, .button-group.clear .button.secondary[disabled], .button-group.clear .button.secondary.disabled:hover, .button-group.clear .button.secondary[disabled]:hover, .button-group.clear .button.secondary.disabled:focus, .button-group.clear .button.secondary[disabled]:focus {
color: #767676;
@ -3474,11 +3474,11 @@ a.button:hover, a.button:focus {
line-height: 1;
white-space: nowrap;
cursor: default;
background: #1779ba;
background: #c70338;
color: #fefefe;
}
.label.primary {
background: #1779ba;
background: #c70338;
color: #fefefe;
}
.label.secondary {
@ -3505,7 +3505,7 @@ a.button:hover, a.button:focus {
background-color: #cacaca;
}
.progress.primary .progress-meter {
background-color: #1779ba;
background-color: #c70338;
}
.progress.secondary .progress-meter {
background-color: #767676;
@ -3525,7 +3525,7 @@ a.button:hover, a.button:focus {
display: block;
width: 0%;
height: 100%;
background-color: #1779ba;
background-color: #c70338;
}
.progress-meter-text {
@ -3573,7 +3573,7 @@ a.button:hover, a.button:focus {
width: 1.4rem;
height: 1.4rem;
border-radius: 0;
background-color: #1779ba;
background-color: #c70338;
transition: all 0.2s ease-in-out;
touch-action: manipulation;
position: absolute;
@ -3584,7 +3584,7 @@ a.button:hover, a.button:focus {
outline: 0;
}
.slider-handle:hover {
background-color: rgb(19.55, 102.85, 158.1);
background-color: rgb(169.15, 2.55, 47.6);
}
.slider-handle.is-dragging {
transition: all 0s linear;
@ -3664,7 +3664,7 @@ input + .switch-paddle {
content: "";
}
input:checked ~ .switch-paddle {
background: #1779ba;
background: #c70338;
}
input:checked ~ .switch-paddle::after {
left: 2.25rem;
@ -3676,7 +3676,7 @@ input:focus-visible ~ .switch-paddle::after {
background: #fefefe;
}
input:checked:focus-visible ~ .switch-paddle {
background: rgb(19.55, 102.85, 158.1);
background: rgb(169.15, 2.55, 47.6);
}
input:disabled ~ .switch-paddle {
cursor: not-allowed;
@ -3867,11 +3867,11 @@ table.hover:not(.unstriped) tr:nth-of-type(even):hover {
border-radius: 50%;
font-size: 0.6rem;
text-align: center;
background: #1779ba;
background: #c70338;
color: #fefefe;
}
.badge.primary {
background: #1779ba;
background: #c70338;
color: #fefefe;
}
.badge.secondary {
@ -3919,7 +3919,7 @@ table.hover:not(.unstriped) tr:nth-of-type(even):hover {
color: #cacaca;
}
.breadcrumbs a {
color: #1779ba;
color: #c70338;
}
.breadcrumbs a:hover {
text-decoration: underline;
@ -3945,7 +3945,7 @@ table.hover:not(.unstriped) tr:nth-of-type(even):hover {
margin-bottom: 0;
}
.callout.primary {
background-color: rgb(214.8186602871, 235.9894736842, 250.0313397129);
background-color: rgb(254.3138613861, 209.4861386139, 221.6079207921);
color: #0a0a0a;
}
.callout.secondary {
@ -4024,7 +4024,7 @@ table.hover:not(.unstriped) tr:nth-of-type(even):hover {
visibility: hidden;
border: 1px solid #cacaca;
border-radius: 0;
background-color: #fefefe;
background-color: #f2f2f2;
font-size: 1rem;
}
.dropdown-pane.is-opening {
@ -4087,7 +4087,7 @@ table.hover:not(.unstriped) tr:nth-of-type(even):hover {
}
.pagination .current {
padding: 0.1875rem 0.625rem;
background: #1779ba;
background: #c70338;
color: #fefefe;
cursor: default;
}
@ -4246,7 +4246,7 @@ table.hover:not(.unstriped) tr:nth-of-type(even):hover {
border-bottom: 0;
font-size: 0.75rem;
line-height: 1;
color: #1779ba;
color: #c70338;
}
:last-child:not(.is-active) > .accordion-title {
border-bottom: 1px solid #e6e6e6;
@ -4464,13 +4464,13 @@ table.hover:not(.unstriped) tr:nth-of-type(even):hover {
}
.tabs.primary {
background: #1779ba;
background: #c70338;
}
.tabs.primary > li > a {
color: #fefefe;
}
.tabs.primary > li > a:hover, .tabs.primary > li > a:focus {
background: rgb(21.85, 114.95, 176.7);
background: rgb(214.1712871287, 3.2287128713, 60.2693069307);
}
.tabs-title {
@ -4481,18 +4481,18 @@ table.hover:not(.unstriped) tr:nth-of-type(even):hover {
padding: 1.25rem 1.5rem;
font-size: 0.75rem;
line-height: 1;
color: #1779ba;
color: #c70338;
}
[data-whatinput=mouse] .tabs-title > a {
outline: 0;
}
.tabs-title > a:hover {
background: #fefefe;
color: rgb(19.78, 104.06, 159.96);
color: rgb(171.14, 2.58, 48.16);
}
.tabs-title > a:focus, .tabs-title > a[aria-selected=true] {
background: #e6e6e6;
color: #1779ba;
color: #c70338;
}
.tabs-content {
@ -4530,7 +4530,7 @@ a.thumbnail {
transition: box-shadow 200ms ease-out;
}
a.thumbnail:hover, a.thumbnail:focus {
box-shadow: 0 0 6px 1px rgba(23, 121, 186, 0.5);
box-shadow: 0 0 6px 1px rgba(199, 3, 56, 0.5);
}
a.thumbnail image {
box-shadow: none;
@ -4552,7 +4552,7 @@ a.thumbnail image {
line-height: 1;
text-decoration: none;
display: block;
padding: 0.7rem 1rem;
padding: 0.3rem 0.5rem;
}
.menu input,
.menu select,
@ -4684,11 +4684,11 @@ a.thumbnail image {
text-align: center;
}
.menu .is-active > a {
background: #1779ba;
background: #c70338;
color: #fefefe;
}
.menu .active > a {
background: #1779ba;
background: #c70338;
color: #fefefe;
}
.menu.align-left {
@ -4727,7 +4727,7 @@ a.thumbnail image {
justify-content: flex-start;
}
.menu .menu-text {
padding: 0.7rem 1rem;
padding: 0.3rem 0.5rem;
font-weight: bold;
line-height: 1;
color: inherit;
@ -4800,10 +4800,10 @@ a.thumbnail image {
width: 100%;
}
.accordion-menu a {
padding: 0.7rem 1rem;
padding: 0.3rem 0.5rem;
}
.accordion-menu .is-accordion-submenu a {
padding: 0.7rem 1rem;
padding: 0.3rem 0.5rem;
}
.accordion-menu .nested.is-accordion-submenu {
margin-right: 0;
@ -4824,7 +4824,7 @@ a.thumbnail image {
border-width: 6px;
content: "";
border-bottom-width: 0;
border-color: #1779ba transparent transparent;
border-color: #c70338 transparent transparent;
position: absolute;
top: 50%;
margin-top: -3px;
@ -4867,7 +4867,7 @@ a.thumbnail image {
border-width: 6px;
content: "";
border-bottom-width: 0;
border-color: #1779ba transparent transparent;
border-color: #c70338 transparent transparent;
top: 0;
bottom: 0;
margin: auto;
@ -4901,7 +4901,7 @@ a.thumbnail image {
}
.drilldown a {
padding: 0.7rem 1rem;
padding: 0.3rem 0.5rem;
background: #fefefe;
}
.drilldown .is-drilldown-submenu {
@ -4922,7 +4922,7 @@ a.thumbnail image {
transform: translateX(100%);
}
.drilldown .is-drilldown-submenu a {
padding: 0.7rem 1rem;
padding: 0.3rem 0.5rem;
}
.drilldown .nested.is-drilldown-submenu {
margin-right: 0;
@ -4942,7 +4942,7 @@ a.thumbnail image {
border-width: 6px;
content: "";
border-right-width: 0;
border-color: transparent transparent transparent #1779ba;
border-color: transparent transparent transparent #c70338;
position: absolute;
top: 50%;
margin-top: -6px;
@ -4956,7 +4956,7 @@ a.thumbnail image {
border-width: 6px;
content: "";
border-right-width: 0;
border-color: transparent transparent transparent #1779ba;
border-color: transparent transparent transparent #c70338;
right: 1rem;
left: auto;
}
@ -4968,7 +4968,7 @@ a.thumbnail image {
border-width: 6px;
content: "";
border-left-width: 0;
border-color: transparent #1779ba transparent transparent;
border-color: transparent #c70338 transparent transparent;
right: auto;
left: 1rem;
}
@ -4980,7 +4980,7 @@ a.thumbnail image {
border-width: 6px;
content: "";
border-left-width: 0;
border-color: transparent #1779ba transparent transparent;
border-color: transparent #c70338 transparent transparent;
display: inline-block;
vertical-align: middle;
margin-right: 0.75rem;
@ -5008,7 +5008,7 @@ a.thumbnail image {
border-width: 6px;
content: "";
border-bottom-width: 0;
border-color: #1779ba transparent transparent;
border-color: #c70338 transparent transparent;
right: 5px;
left: auto;
margin-top: -3px;
@ -5017,11 +5017,11 @@ a.thumbnail image {
outline: 0;
}
.dropdown.menu > li > a {
padding: 0.7rem 1rem;
padding: 0.3rem 0.5rem;
}
.dropdown.menu > li.is-active > a {
background: transparent;
color: #1779ba;
color: #c70338;
}
.no-js .dropdown.menu ul {
display: none;
@ -5053,7 +5053,7 @@ a.thumbnail image {
border-width: 6px;
content: "";
border-left-width: 0;
border-color: transparent #1779ba transparent transparent;
border-color: transparent #c70338 transparent transparent;
right: auto;
left: 5px;
}
@ -5065,7 +5065,7 @@ a.thumbnail image {
border-width: 6px;
content: "";
border-right-width: 0;
border-color: transparent transparent transparent #1779ba;
border-color: transparent transparent transparent #c70338;
}
@media print, screen and (min-width: 40em) {
.dropdown.menu.medium-horizontal > li.opens-left > .is-dropdown-submenu {
@ -5090,7 +5090,7 @@ a.thumbnail image {
border-width: 6px;
content: "";
border-bottom-width: 0;
border-color: #1779ba transparent transparent;
border-color: #c70338 transparent transparent;
right: 5px;
left: auto;
margin-top: -3px;
@ -5118,7 +5118,7 @@ a.thumbnail image {
border-width: 6px;
content: "";
border-left-width: 0;
border-color: transparent #1779ba transparent transparent;
border-color: transparent #c70338 transparent transparent;
right: auto;
left: 5px;
}
@ -5130,7 +5130,7 @@ a.thumbnail image {
border-width: 6px;
content: "";
border-right-width: 0;
border-color: transparent transparent transparent #1779ba;
border-color: transparent transparent transparent #c70338;
}
}
@media print, screen and (min-width: 64em) {
@ -5156,7 +5156,7 @@ a.thumbnail image {
border-width: 6px;
content: "";
border-bottom-width: 0;
border-color: #1779ba transparent transparent;
border-color: #c70338 transparent transparent;
right: 5px;
left: auto;
margin-top: -3px;
@ -5184,7 +5184,7 @@ a.thumbnail image {
border-width: 6px;
content: "";
border-left-width: 0;
border-color: transparent #1779ba transparent transparent;
border-color: transparent #c70338 transparent transparent;
right: auto;
left: 5px;
}
@ -5196,7 +5196,7 @@ a.thumbnail image {
border-width: 6px;
content: "";
border-right-width: 0;
border-color: transparent transparent transparent #1779ba;
border-color: transparent transparent transparent #c70338;
}
}
.dropdown.menu.align-right .is-dropdown-submenu.first-sub {
@ -5246,7 +5246,7 @@ a.thumbnail image {
background: #fefefe;
}
.dropdown .is-dropdown-submenu a {
padding: 0.7rem 1rem;
padding: 0.3rem 0.5rem;
}
.is-dropdown-submenu .is-dropdown-submenu-parent > a::after {
right: 14px;
@ -5259,7 +5259,7 @@ a.thumbnail image {
border-width: 6px;
content: "";
border-left-width: 0;
border-color: transparent #1779ba transparent transparent;
border-color: transparent #c70338 transparent transparent;
right: auto;
left: 5px;
}
@ -5271,7 +5271,7 @@ a.thumbnail image {
border-width: 6px;
content: "";
border-right-width: 0;
border-color: transparent transparent transparent #1779ba;
border-color: transparent transparent transparent #c70338;
}
.is-dropdown-submenu .is-dropdown-submenu {
margin-top: -1px;
@ -5839,7 +5839,7 @@ html.is-reveal-open body {
}
.top-bar {
padding: 0.5rem;
padding: 0;
display: flex;
flex-wrap: nowrap;
justify-content: space-between;
@ -5847,7 +5847,7 @@ html.is-reveal-open body {
}
.top-bar,
.top-bar ul {
background-color: #e6e6e6;
background-color: #d8d8d8;
}
.top-bar input {
max-width: 200px;
@ -6314,8 +6314,8 @@ html {
body {
margin: 0;
padding: 0;
background: #fefefe;
font-family: "Helvetica Neue", Helvetica, Roboto, Arial, sans-serif;
background: #f2f2f2;
font-family: "Droid Sans", sans-serif;
font-weight: normal;
line-height: 1.5;
color: #0a0a0a;
@ -7508,7 +7508,7 @@ h3, .h3,
h4, .h4,
h5, .h5,
h6, .h6 {
font-family: "Helvetica Neue", Helvetica, Roboto, Arial, sans-serif;
font-family: "Droid Sans", sans-serif;
font-style: normal;
font-weight: normal;
color: inherit;
@ -7532,35 +7532,35 @@ h1, .h1 {
}
h2, .h2 {
font-size: 1.25rem;
font-size: 1rem;
line-height: 1.4;
margin-top: 0;
margin-bottom: 0.5rem;
}
h3, .h3 {
font-size: 1.1875rem;
font-size: 0.875rem;
line-height: 1.4;
margin-top: 0;
margin-bottom: 0.5rem;
}
h4, .h4 {
font-size: 1.125rem;
font-size: 0.8125rem;
line-height: 1.4;
margin-top: 0;
margin-bottom: 0.5rem;
}
h5, .h5 {
font-size: 1.0625rem;
font-size: 0.75rem;
line-height: 1.4;
margin-top: 0;
margin-bottom: 0.5rem;
}
h6, .h6 {
font-size: 1rem;
font-size: 0.6875rem;
line-height: 1.4;
margin-top: 0;
margin-bottom: 0.5rem;
@ -7568,32 +7568,32 @@ h6, .h6 {
@media print, screen and (min-width: 40em) {
h1, .h1 {
font-size: 3rem;
}
h2, .h2 {
font-size: 2.5rem;
}
h2, .h2 {
font-size: 2rem;
}
h3, .h3 {
font-size: 1.9375rem;
font-size: 1.75rem;
}
h4, .h4 {
font-size: 1.5625rem;
font-size: 1.625rem;
}
h5, .h5 {
font-size: 1.25rem;
font-size: 1.5rem;
}
h6, .h6 {
font-size: 1rem;
font-size: 1.375rem;
}
}
a {
line-height: inherit;
color: #1779ba;
color: #c70338;
text-decoration: none;
cursor: pointer;
}
a:hover, a:focus {
color: rgb(19.78, 104.06, 159.96);
color: rgb(171.14, 2.58, 48.16);
}
a img {
border: 0;
@ -8128,7 +8128,7 @@ select:not([multiple]) {
vertical-align: middle;
margin: 0 0 1rem 0;
border: 1px solid transparent;
border-radius: 0;
border-radius: 0.5rem;
transition: background-color 0.25s ease-out, color 0.25s ease-out;
font-family: inherit;
font-size: 0.9rem;
@ -8157,19 +8157,19 @@ select:not([multiple]) {
margin-left: 0;
}
.button, .button.disabled, .button[disabled], .button.disabled:hover, .button[disabled]:hover, .button.disabled:focus, .button[disabled]:focus {
background-color: #1779ba;
background-color: #c70338;
color: #fefefe;
}
.button:hover, .button:focus {
background-color: rgb(19.55, 102.85, 158.1);
background-color: rgb(169.15, 2.55, 47.6);
color: #fefefe;
}
.button.primary, .button.primary.disabled, .button.primary[disabled], .button.primary.disabled:hover, .button.primary[disabled]:hover, .button.primary.disabled:focus, .button.primary[disabled]:focus {
background-color: #1779ba;
background-color: #c70338;
color: #fefefe;
}
.button.primary:hover, .button.primary:focus {
background-color: rgb(18.4, 96.8, 148.8);
background-color: rgb(159.2, 2.4, 44.8);
color: #fefefe;
}
.button.secondary, .button.secondary.disabled, .button.secondary[disabled], .button.secondary.disabled:hover, .button.secondary[disabled]:hover, .button.secondary.disabled:focus, .button.secondary[disabled]:focus {
@ -8208,20 +8208,20 @@ select:not([multiple]) {
background-color: transparent;
}
.button.hollow, .button.hollow.disabled, .button.hollow[disabled], .button.hollow.disabled:hover, .button.hollow[disabled]:hover, .button.hollow.disabled:focus, .button.hollow[disabled]:focus {
border: 1px solid #1779ba;
color: #1779ba;
border: 1px solid #c70338;
color: #c70338;
}
.button.hollow:hover, .button.hollow:focus {
border-color: rgb(11.5, 60.5, 93);
color: rgb(11.5, 60.5, 93);
border-color: rgb(99.5, 1.5, 28);
color: rgb(99.5, 1.5, 28);
}
.button.hollow.primary, .button.hollow.primary.disabled, .button.hollow.primary[disabled], .button.hollow.primary.disabled:hover, .button.hollow.primary[disabled]:hover, .button.hollow.primary.disabled:focus, .button.hollow.primary[disabled]:focus {
border: 1px solid #1779ba;
color: #1779ba;
border: 1px solid #c70338;
color: #c70338;
}
.button.hollow.primary:hover, .button.hollow.primary:focus {
border-color: rgb(11.5, 60.5, 93);
color: rgb(11.5, 60.5, 93);
border-color: rgb(99.5, 1.5, 28);
color: rgb(99.5, 1.5, 28);
}
.button.hollow.secondary, .button.hollow.secondary.disabled, .button.hollow.secondary[disabled], .button.hollow.secondary.disabled:hover, .button.hollow.secondary[disabled]:hover, .button.hollow.secondary.disabled:focus, .button.hollow.secondary[disabled]:focus {
border: 1px solid #767676;
@ -8260,16 +8260,16 @@ select:not([multiple]) {
background-color: transparent;
}
.button.clear, .button.clear.disabled, .button.clear[disabled], .button.clear.disabled:hover, .button.clear[disabled]:hover, .button.clear.disabled:focus, .button.clear[disabled]:focus {
color: #1779ba;
color: #c70338;
}
.button.clear:hover, .button.clear:focus {
color: rgb(11.5, 60.5, 93);
color: rgb(99.5, 1.5, 28);
}
.button.clear.primary, .button.clear.primary.disabled, .button.clear.primary[disabled], .button.clear.primary.disabled:hover, .button.clear.primary[disabled]:hover, .button.clear.primary.disabled:focus, .button.clear.primary[disabled]:focus {
color: #1779ba;
color: #c70338;
}
.button.clear.primary:hover, .button.clear.primary:focus {
color: rgb(11.5, 60.5, 93);
color: rgb(99.5, 1.5, 28);
}
.button.clear.secondary, .button.clear.secondary.disabled, .button.clear.secondary[disabled], .button.clear.secondary.disabled:hover, .button.clear.secondary[disabled]:hover, .button.clear.secondary.disabled:focus, .button.clear.secondary[disabled]:focus {
color: #767676;
@ -8315,10 +8315,10 @@ select:not([multiple]) {
margin-left: 1em;
}
.button.dropdown.hollow::after, .button.dropdown.clear::after {
border-top-color: #1779ba;
border-top-color: #c70338;
}
.button.dropdown.hollow.primary::after, .button.dropdown.clear.primary::after {
border-top-color: #1779ba;
border-top-color: #c70338;
}
.button.dropdown.hollow.secondary::after, .button.dropdown.clear.secondary::after {
border-top-color: #767676;

View file

@ -58,7 +58,7 @@
// 53. Title Bar
// 54. Tooltip
// 55. Top Bar
// 57. Xy Grid
// 56. Xy Grid
@use "sass:color";
@import 'foundation-sites/scss/util/util';
@ -70,21 +70,22 @@ $global-font-size: 100%;
$global-width: rem-calc(1200);
$global-lineheight: 1.5;
$foundation-palette: (
"primary": #1779ba,
"secondary": #767676,
"success": #3adb76,
"warning": #ffae00,
"alert": #cc4b37,
primary: #c70338,
secondary: #767676,
success: #3adb76,
warning: #ffae00,
alert: #cc4b37,
);
$light-gray: #e6e6e6;
$medium-gray: #cacaca;
$dark-gray: #8a8a8a;
$black: #0a0a0a;
$white: #fefefe;
$body-background: $white;
// $body-background: $white;
$body-background: #f2f2f2;
$body-font-color: $black;
$body-font-family: 'Helvetica Neue', Helvetica, Roboto, Arial, sans-serif;
$body-safe-padding: false;
$body-font-family: 'Droid Sans', sans-serif;
// $body-font-family: 'Helvetica Neue', Helvetica, Roboto, Arial, sans-serif;
$body-antialiased: true;
$global-margin: 1rem;
$global-padding: 1rem;
@ -92,7 +93,8 @@ $global-position: 1rem;
$global-weight-normal: normal;
$global-weight-bold: bold;
$global-radius: 0;
$global-menu-padding: 0.7rem 1rem;
$global-menu-padding: 0.3rem 0.5rem;
// $global-menu-padding: 0.7rem 1rem;
$global-menu-nested-margin: 1rem;
$global-text-direction: ltr;
$global-flexbox: true;
@ -109,11 +111,11 @@ $print-hrefs: true;
$-zf-size: null;
$breakpoints: (
"small": 0,
"medium": 640px,
"large": 1024px,
"xlarge": 1200px,
"xxlarge": 1440px,
small: 0,
medium: 640px,
large: 1024px,
xlarge: 1200px,
xxlarge: 1440px,
);
$breakpoints-hidpi: (
"hidpi-1": 1,
@ -151,19 +153,19 @@ $header-margin-bottom: 0.5rem;
$header-styles: (
small: (
'h1': ('font-size': 24),
'h2': ('font-size': 20),
'h3': ('font-size': 19),
'h4': ('font-size': 18),
'h5': ('font-size': 17),
'h6': ('font-size': 16),
'h2': ('font-size': 16),
'h3': ('font-size': 14),
'h4': ('font-size': 13),
'h5': ('font-size': 12),
'h6': ('font-size': 11),
),
medium: (
'h1': ('font-size': 48),
'h2': ('font-size': 40),
'h3': ('font-size': 31),
'h4': ('font-size': 25),
'h5': ('font-size': 20),
'h6': ('font-size': 16),
'h1': ('font-size': 40),
'h2': ('font-size': 32),
'h3': ('font-size': 28),
'h4': ('font-size': 26),
'h5': ('font-size': 24),
'h6': ('font-size': 22),
),
);
$header-text-rendering: optimizeLegibility;
@ -304,7 +306,8 @@ $button-background: $primary-color;
$button-background-hover: scale-color($button-background, $lightness: -15%);
$button-color: $white;
$button-color-alt: $black;
$button-radius: $global-radius;
//$button-radius: $global-radius;
$button-radius: 0.5rem;
$button-border: 1px solid transparent;
$button-hollow-border-width: 1px;
$button-sizes: (
@ -464,7 +467,7 @@ $input-background-focus: $white;
$input-background-disabled: $light-gray;
$input-border: 1px solid $medium-gray;
$input-border-focus: 1px solid $dark-gray;
$input-padding: $form-spacing * 0.5;
$input-padding: $form-spacing / 2;
$input-shadow: inset 0 1px 2px rgba($black, 0.1);
$input-shadow-focus: 0 0 5px $medium-gray;
$input-cursor-disabled: not-allowed;
@ -502,6 +505,7 @@ $menu-item-color-active: $white;
$menu-item-color-alt-active: $black;
$menu-item-background-active: get-color(primary);
$menu-icon-spacing: 0.25rem;
$menu-item-background-hover: $light-gray;
$menu-state-back-compat: true;
$menu-centered-back-compat: true;
$menu-icons-back-compat: true;
@ -875,22 +879,23 @@ $tooltip-radius: $global-radius;
// 55. Top Bar
// -----------
$topbar-padding: 0.5rem;
$topbar-background: $light-gray;
$topbar-padding: 0;
// $topbar-background: $light-gray;
$topbar-background: #d8d8d8;
$topbar-submenu-background: $topbar-background;
$topbar-title-spacing: 0.5rem 1rem 0.5rem 0;
$topbar-input-width: 200px;
$topbar-unstack-breakpoint: medium;
// 57. Xy Grid
// 56. Xy Grid
// -----------
$xy-grid: true;
$grid-container: $global-width;
$grid-columns: 12;
$grid-margin-gutters: (
"small": 20px,
"medium": 30px
small: 20px,
medium: 30px
);
$grid-padding-gutters: $grid-margin-gutters;
$grid-container-padding: $grid-padding-gutters;