woocommerce/woocommerce-paypal-payments
2
0
Fork 0
mirror of https://github.com/woocommerce/woocommerce-paypal-payments.git synced 2025-09-05 08:59:14 +08:00
Code Issues Projects Packages Wiki Activity Actions 7

Refactor the navigation component

Browse source
This commit is contained in:
Narek Zakarian 2024-11-08 13:03:39 +04:00
parent f39b4ca891
commit 4a3ce9d029
No known key found for this signature in database
GPG key ID: 07AFD7E7A9C164A7
7 changed files with 122 additions and 59 deletions
Download patch file Download diff file Expand all files Collapse all files

44
modules/ppcp-settings/resources/css/components/reusable-components/_navigation.scss
View file

@ -1,19 +1,41 @@
.ppcp-r-navigation {
display: flex;
justify-content: flex-end;
justify-content: space-between;
align-items: center;
gap: 12px;
padding: 24px 48px;
margin: 0 -20px 48px -20px;
border-bottom: 1px solid $color-gray-300;
.is-primary {
min-width: 196px;
button.is-primary {
padding: 10px 18px;
justify-content: center;
}
.is-tertiary {
padding: 10px 17px;
&:hover {
background-color: transparent;
margin: 0 0 0 12px;
&:not(:disabled) {
background-color: $color-blueberry;
}
}
button.is-tertiary {
@include font(16, 24, 600);
color: $color-gray-900;
&:hover{
background-color:none;
background:none;
}
span {
padding: 0 12px 0 0;
}
}
&--right a{
@include font(13, 20, 400);
color: $color-blueberry;
text-decoration: none;
}
@media screen and (max-width: 480px) {
flex-wrap: wrap;
row-gap: 8px;
}
}