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

Clean up SCSS as suggested by scss-lint

Browse Source
This commit is contained in:
Kristina Lim
2018-08-27 03:25:09 +08:00
parent 9258e8c464
commit 339ea6fa91
6 changed files with 30 additions and 20 deletions
Download Patch File Download Diff File Expand all files Collapse all files

18
app/assets/stylesheets/admin/pages/product_image_upload_modal.css.scss
View File

@@ -1,17 +1,19 @@
@import '../variables';
.reveal-modal.product-image-upload {
width: 300px;
a.close-reveal-modal {
.close-reveal-modal {
color: $modal-close-button-color;
font-size: 23px;
color: #de6060;
right: 0.45rem;
top: 0.35rem;
right: .45rem;
top: .35rem;
:hover {
color: #bf4545;
color: $modal-close-button-hover-color;
}
}
div.image-preview {
//float: left;
}
label {
margin-top: 20px;
}

3
app/assets/stylesheets/admin/variables.css.scss
View File

@@ -10,3 +10,6 @@ $medium-grey: #919191;
$pale-blue: #cee1f4;
$admin-table-border: $pale-blue;
$modal-close-button-color: #de6060;
$modal-close-button-hover-color: #bf4545;

1
app/assets/stylesheets/darkswarm/all.scss
View File

@@ -9,6 +9,7 @@
@import 'foundation';
@import 'foundation-icons';
@import 'base/*';
@import '*';
@import 'pages/*';

4
app/assets/stylesheets/darkswarm/base/colors.css.scss Normal file
View File

@@ -0,0 +1,4 @@
$modal-background-color: #efefef;
$modal-content-background-color: #fff;
$modal-alert-link-color: #fff;
$modal-alert-link-hover-color: rgba(255, 255, 255, .7);

2
app/assets/stylesheets/darkswarm/modals.css.scss
View File

@@ -28,8 +28,8 @@ dialog
// Medium and up - when modal IS NOT full screen
@media only screen and (min-width: 641px) {
top: 5%;
max-height: 90%;
top: 5%;
}
}

22
app/assets/stylesheets/darkswarm/pages/login_modal.css.scss
View File

@@ -1,25 +1,25 @@
@import '../base/colors';
// Styling for login modal to style tabs
.reveal-modal.login-modal {
border-bottom-color: #efefef;
border-bottom-color: $modal-background-color;
}
.login-modal {
background: #efefef;
background: $modal-background-color;
.tabs-content {
background: #fff;
background: $modal-content-background-color;
padding-top: 10px;
}
.alert-box {
a {
color: white;
text-decoration: underline;
.alert-box a {
color: $modal-alert-link-color;
text-decoration: underline;
&:hover {
color: rgba(255, 255, 255, 0.7);
text-decoration: underline;
}
&:hover {
color: $modal-alert-link-hover-color;
text-decoration: underline;
}
}
}