raggedstaff/openfoodnetwork
1
0
Fork 0
mirror of https://github.com/openfoodfoundation/openfoodnetwork synced 2026-01-24 20:36:49 +00:00
Code Issues Packages Projects Releases Wiki Activity

Move button rules into dedicate file

Browse Source
This commit is contained in:
Sebastian Castro
2021-12-08 17:58:02 +01:00
parent eb6797220f
commit d18b482b4c
3 changed files with 47 additions and 52 deletions
Download Patch File Download Diff File Expand all files Collapse all files

47
app/assets/stylesheets/admin/components/buttons.scss Normal file
View File

@@ -0,0 +1,47 @@
input[type="submit"], input[type="button"], button, .button {
position: relative;
cursor: pointer;
font-size: 85%;
@include border-radius($border-radius);
display: inline-block;
padding: 8px 15px;
border: none;
background-color: $color-btn-bg;
color: $color-btn-text;
text-transform: uppercase;
font-weight: 600 !important;
&:before {
font-weight: normal !important;
}
&:visited, &:active, &:focus { color: $color-btn-text }
&:hover {
background-color: $color-btn-hover-bg;
color: $color-btn-hover-text;
}
&:active:focus {
box-shadow: 0 0 8px 0 darken($color-btn-hover-bg, 5) inset;
}
&.fullwidth {
width: 100%;
text-align: center;
}
&.secondary {
background-color: transparent;
border: 1px solid $color-btn-bg;
color: $color-btn-bg;
&:hover, &:active, &:focus {
background-color: #ebf3fb;
}
&:active:focus {
box-shadow: none;
}
}
}

5
app/assets/stylesheets/admin/openfoodnetwork.scss
View File

@@ -1,10 +1,5 @@
@import "variables";
input[type="submit"], input[type="button"], button, .button {
cursor: pointer;
font-size: 85%;
}
.text-center {
text-align: center;
}

47
app/assets/stylesheets/admin/shared/forms.scss
View File

@@ -54,53 +54,6 @@ label {
.label-block label { display: block }
input[type="submit"],
input[type="button"],
button, .button {
@include border-radius($border-radius);
display: inline-block;
padding: 8px 15px;
border: none;
background-color: $color-btn-bg;
color: $color-btn-text;
text-transform: uppercase;
font-weight: 600 !important;
&:before {
font-weight: normal !important;
}
&:visited, &:active, &:focus { color: $color-btn-text }
&:hover {
background-color: $color-btn-hover-bg;
color: $color-btn-hover-text;
}
&:active:focus {
box-shadow: 0 0 8px 0 darken($color-btn-hover-bg, 5) inset;
}
&.fullwidth {
width: 100%;
text-align: center;
}
&.secondary {
background-color: transparent;
border: 1px solid $color-btn-bg;
color: $color-btn-bg;
&:hover, &:active, &:focus {
background-color: #ebf3fb;
}
&:active:focus {
box-shadow: none;
}
}
}
span.info {
font-style: italic;
font-size: 85%;