Skip to content

Commit

Permalink
ID-4531 Styles for new Sign up button on Login component (#215)
Browse files Browse the repository at this point in the history 
* Style for signup button

* Added selector
  • Loading branch information
@hcarneiro
hcarneiro authored Jul 3, 2024
1 parent a82c971 commit a186c7e
Show file tree
Hide file tree
Showing 2 changed files with 46 additions and 20 deletions.
26 changes: 26 additions & 0 deletions scss/components/login-registration.scss
View file
Original file line number Diff line number Diff line change
Expand Up @@ -333,6 +333,32 @@
);
}
}

.fl-login-form .btn-signup,
.btn-secondary {
width: map-get($configuration, loginButtonWidth);
min-width: map-get($configuration, loginButtonMinWidth);
max-width: map-get($configuration, loginButtonMaxWidth);
height: map-get($configuration, loginButtonHeight);
min-height: map-get($configuration, loginButtonMinHeight);
max-height: map-get($configuration, loginButtonMaxHeight);
line-height: map-get($configuration, loginButtonLineHeight);
text-decoration: map-get($configuration, loginButtonTextDecoration);
border-radius: map-get($configuration, loginButtonBorderRadius);
font-family: map-get($configuration, loginButtonTextFontFamily);
font-size: map-get($configuration, loginButtonTextFontSize);
font-weight: map-get($configuration, loginButtonFontWeight);
font-style: map-get($configuration, loginButtonFontStyle);
margin: map-get($configuration, loginButtonMarginTop)
map-get($configuration, loginButtonMarginRight)
map-get($configuration, loginButtonMarginBottom)
map-get($configuration, loginButtonMarginLeft);
padding: map-get($configuration, loginButtonPaddingTop)
map-get($configuration, loginButtonPaddingRight)
map-get($configuration, loginButtonPaddingBottom)
map-get($configuration, loginButtonPaddingLeft);
}

// Styles for tablet
@include above($tabletBreakpoint) {
padding: map-get($configuration, loginPaddingTopTablet)
Expand Down
40 changes: 20 additions & 20 deletions theme.json
View file
Original file line number Diff line number Diff line change
Expand Up @@ -44835,7 +44835,7 @@
"default": "90%",
"styles": [
{
"selectors": ".btn-login, .btn-primary",
"selectors": ".btn-login, .btn-primary, .btn-signup",
"properties": ["width"]
}
],
Expand All @@ -44858,7 +44858,7 @@
"default": "auto",
"styles": [
{
"selectors": ".btn-login",
"selectors": ".btn-login, .btn-signup",
"properties": ["min-width"]
}
],
Expand All @@ -44881,7 +44881,7 @@
"default": "none",
"styles": [
{
"selectors": ".btn-login",
"selectors": ".btn-login, .btn-signup",
"properties": ["max-width"]
}
],
Expand All @@ -44904,7 +44904,7 @@
"default": "48px",
"styles": [
{
"selectors": ".btn-login",
"selectors": ".btn-login, .btn-signup",
"properties": ["height"]
}
],
Expand All @@ -44927,7 +44927,7 @@
"default": "auto",
"styles": [
{
"selectors": ".btn-login",
"selectors": ".btn-login, .btn-signup",
"properties": ["min-height"]
}
],
Expand All @@ -44950,7 +44950,7 @@
"default": "none",
"styles": [
{
"selectors": ".btn-login",
"selectors": ".btn-login, .btn-signup",
"properties": ["max-height"]
}
],
Expand Down Expand Up @@ -44979,7 +44979,7 @@
"columns": 6,
"styles": [
{
"selectors": ".btn-login, .btn-primary",
"selectors": ".btn-login, .btn-primary, .btn-signup",
"properties": ["margin-top"]
}
],
Expand All @@ -45003,7 +45003,7 @@
"columns": 6,
"styles": [
{
"selectors": ".btn-login",
"selectors": ".btn-login, .btn-signup",
"properties": ["margin-right"]
}
],
Expand All @@ -45027,7 +45027,7 @@
"columns": 6,
"styles": [
{
"selectors": ".btn-login",
"selectors": ".btn-login, .btn-signup",
"properties": ["margin-bottom"]
}
],
Expand All @@ -45051,7 +45051,7 @@
"columns": 6,
"styles": [
{
"selectors": ".btn-login",
"selectors": ".btn-login, .btn-signup",
"properties": ["margin-left"]
}
],
Expand Down Expand Up @@ -45080,7 +45080,7 @@
"columns": 6,
"styles": [
{
"selectors": ".btn-login, .btn-primary",
"selectors": ".btn-login, .btn-primary, .btn-signup",
"properties": ["padding-top"]
}
],
Expand All @@ -45104,7 +45104,7 @@
"columns": 6,
"styles": [
{
"selectors": ".btn-login",
"selectors": ".btn-login, .btn-signup",
"properties": ["padding-right"]
}
],
Expand All @@ -45128,7 +45128,7 @@
"columns": 6,
"styles": [
{
"selectors": ".btn-login",
"selectors": ".btn-login, .btn-signup",
"properties": ["padding-bottom"]
}
],
Expand All @@ -45152,7 +45152,7 @@
"columns": 6,
"styles": [
{
"selectors": ".btn-login",
"selectors": ".btn-login, .btn-signup",
"properties": ["padding-left"]
}
],
Expand Down Expand Up @@ -45180,7 +45180,7 @@
"default": "$paragraphFontFamily",
"styles": [
{
"selectors": ".btn-login, .btn-primary",
"selectors": ".btn-login, .btn-primary, .btn-signup",
"properties": ["font-family"]
}
],
Expand All @@ -45201,7 +45201,7 @@
"default": "18px",
"styles": [
{
"selectors": ".btn-login",
"selectors": ".btn-login, .btn-signup",
"properties": ["font-size"]
}
],
Expand All @@ -45223,7 +45223,7 @@
"default": "normal",
"styles": [
{
"selectors": ".btn-login",
"selectors": ".btn-login, .btn-signup",
"properties": ["font-weight"]
}
],
Expand All @@ -45245,7 +45245,7 @@
"default": "normal",
"styles": [
{
"selectors": ".btn-login",
"selectors": ".btn-login, .btn-signup",
"properties": ["font-style"]
}
],
Expand All @@ -45267,7 +45267,7 @@
"default": "24px",
"styles": [
{
"selectors": ".btn-login",
"selectors": ".btn-login, .btn-signup",
"properties": ["line-height"]
}
],
Expand All @@ -45290,7 +45290,7 @@
"default": "none",
"styles": [
{
"selectors": ".btn-login",
"selectors": ".btn-login, .btn-signup",
"properties": ["text-decoration"]
}
],
Expand Down

0 comments on commit a186c7e

Please sign in to comment.