raggedstaff/openfoodnetwork
1
0
Fork 0
mirror of https://github.com/openfoodfoundation/openfoodnetwork synced 2026-03-01 02:03:22 +00:00
Code Issues Packages Projects Releases Wiki Activity

Reduce duplicate import statements

Browse Source 
It looks ike these CSS rules are actually being re-imported multiple times, which is bloating the output.
This commit is contained in:
Matt-Yorkley
2021-06-13 14:56:58 +01:00
parent 825aeeae04
commit ec2213d2f0
51 changed files with 19 additions and 191 deletions
Download Patch File Download Diff File Expand all files Collapse all files

5
app/webpacker/css/darkswarm/_shop-filters.scss
View File

@@ -1,8 +1,3 @@
@import "mixins";
@import "branding";
@import "big-input";
@import "animations";
@import "variables";
@mixin filter-selector($base-clr, $border-clr, $hover-clr) {
&.inline-block, ul.inline-block {

5
app/webpacker/css/darkswarm/_shop-inputs.scss
View File

@@ -1,8 +1,3 @@
@import "mixins";
@import "variables";
@import "branding";
@import "big-input";
.darkswarm {
// #search
@include placeholder(rgba(0, 0, 0, 0.4), #777);

4
app/webpacker/css/darkswarm/_shop-navigation.scss
View File

@@ -1,7 +1,3 @@
@import "mixins";
@import "typography";
@import "variables";
ordercycle {
float: right;
background: $grey-050;

3
app/webpacker/css/darkswarm/_shop-popovers.scss
View File

@@ -1,6 +1,3 @@
@import "mixins";
@import "branding";
// Pop over
// Foundation overrides
.joyride-tip-guide.price_breakdown {

4
app/webpacker/css/darkswarm/_shop-product-rows.scss
View File

@@ -1,7 +1,3 @@
@import "mixins";
@import "branding";
@import "animations";
.darkswarm {
products {
product {

4
app/webpacker/css/darkswarm/account.scss
View File

@@ -1,7 +1,3 @@
@import "branding";
@import "mixins";
@import "variables";
.account-summary {
color: #4a4a4a;
}

4
app/webpacker/css/darkswarm/active_table.scss
View File

@@ -1,7 +1,3 @@
@import "branding";
@import "mixins";
@import "compass/css3/user-interface";
.no-results {
font-size: 1.875rem;
}

5
app/webpacker/css/darkswarm/active_table_search.scss
View File

@@ -1,8 +1,3 @@
@import "mixins";
@import "branding";
@import "big-input";
@import "animations";
// Filter-box
.row .row.filter-box {
margin-left: 0;

22
app/webpacker/css/darkswarm/all.scss
View File

@@ -9,17 +9,29 @@
*= require_self
*/
@import 'variables';
@import "~foundation-sites/scss/foundation";
@import '../shared/variables/layout';
@import '~foundation-sites/scss/foundation';
@import 'big-input';
@import 'branding';
@import 'typography';
@import 'mixins';
@import 'base/colors';
@import 'animations';
@import "compass/support";
@import "compass/css3/transition";
@import "compass/css3/user-interface";
@import 'layout/offcanvas';
//@import '*';
@import 'shop-filters';
@import 'shop-modals';
@import 'shop-product-thumb';
@import 'account';
@import 'active_table';
@import 'active_table_search';
@import 'angular';
@import 'animations';
@import 'branding';
@import 'cart-dropdown';
@import 'cart-page';
@import 'checkout';
@@ -41,7 +53,6 @@
@import 'loading';
@import 'map';
@import 'menu';
@import 'mixins';
@import 'modal-enterprises';
@import 'modals';
@import 'overrides';
@@ -60,7 +71,6 @@
@import 'tables';
@import 'tabset';
@import 'taxons';
@import 'typography';
@import 'ui';
@import 'pages/login_modal';

2
app/webpacker/css/darkswarm/animations.scss
View File

@@ -1,5 +1,3 @@
@import "mixins";
.turbo-progress-bar {
background-color: $teal-400;
}

1
app/webpacker/css/darkswarm/base/colors.scss
View File

@@ -1,4 +1,3 @@
@import '../branding';
//// Foundation base variables
//

5
app/webpacker/css/darkswarm/big-input.scss
View File

@@ -1,8 +1,3 @@
@import "typography";
@import "branding";
@import "animations";
@import "mixins";
//Big search used in active table search \\
@mixin big-input($input, $inputhvr, $inputactv) {

4
app/webpacker/css/darkswarm/cart-dropdown.scss
View File

@@ -1,7 +1,3 @@
@import "mixins";
@import "variables";
@import "branding";
.expanding-sidebar.cart-sidebar {
.background {
z-index: 150;

5
app/webpacker/css/darkswarm/cart-page.scss
View File

@@ -1,8 +1,3 @@
@import "mixins";
@import "branding";
@import "compass/css3/user-interface";
@import "variables";
#update-cart {
#errorExplanation {
display: none;

4
app/webpacker/css/darkswarm/checkout.scss
View File

@@ -1,7 +1,3 @@
@import "mixins";
@import "branding";
@import "animations";
.order-summary {
background-color: #e1f0f5;
padding: 1em;

3
app/webpacker/css/darkswarm/compass/css3/transition.scss
View File

@@ -1,9 +1,6 @@
@import "compass/support";
// The the user threshold for transition support. Defaults to `$graceful-usage-threshold`
$transition-support-threshold: $graceful-usage-threshold !default;
// CSS Transitions
// Currently only works in Webkit.
//

2
app/webpacker/css/darkswarm/compass/css3/user-interface.scss
View File

@@ -3,8 +3,6 @@
// they become available in browsers:
// http://www.w3.org/TR/2000/WD-css3-userint-20000216
@import "compass/support";
// The prefixed support threshold for user-select.
// Defaults to the $graceful-usage-threshold.
$userselect-support-threshold: $graceful-usage-threshold !default;

3
app/webpacker/css/darkswarm/distributor_header.scss
View File

@@ -1,6 +1,3 @@
@import "mixins";
@import 'typography';
$shop-navigation-zindex: 20;
section {

3
app/webpacker/css/darkswarm/embedded_shopfront.scss
View File

@@ -1,6 +1,3 @@
@import "mixins";
@import "typography";
$large-menu-height: 4.6875rem;
$medium-menu-height: 3rem;
$gutter-width: 0.9375rem;

4
app/webpacker/css/darkswarm/expanding-sidebar.scss
View File

@@ -1,7 +1,3 @@
@import "mixins";
@import "variables";
@import "branding";
.expanding-sidebar {
display: flex;
flex-direction: column;

4
app/webpacker/css/darkswarm/footer.scss
View File

@@ -1,7 +1,3 @@
@import "branding";
@import "mixins";
@import "animations";
footer {
.row {
p {

3
app/webpacker/css/darkswarm/forms.scss
View File

@@ -1,6 +1,3 @@
@import "mixins";
@import "branding";
fieldset {
border: 0;
}

4
app/webpacker/css/darkswarm/groups.scss
View File

@@ -1,7 +1,3 @@
@import "branding";
@import "mixins";
@import "typography";
// Search page
#groups {
@include groupsbg;

6
app/webpacker/css/darkswarm/home_panes.scss
View File

@@ -1,9 +1,3 @@
@import "branding";
@import "mixins";
@import "typography";
@import "animations";
@import "variables";
// Styling for big panes on homepage \\
#panes {
.pane {

6
app/webpacker/css/darkswarm/home_tagline.scss
View File

@@ -1,7 +1,3 @@
@import "branding";
@import "mixins";
@import "variables";
// Styling for brand intro / tagline on homepage
#tagline {
@@ -13,7 +9,7 @@
@include fullbg;
background-color: $ofn-grey;
background-image: url("../images/home/home.jpg");
//background-image: url("../../images/home/home.jpg");
position: fixed;
left: 0;
right: 0;

3
app/webpacker/css/darkswarm/hub_node.scss
View File

@@ -1,6 +1,3 @@
@import "branding";
@import "mixins";
.hubs {
.active_table .active_table_node {
//Prevents ugly overflows on hub title

3
app/webpacker/css/darkswarm/hubs.scss
View File

@@ -1,6 +1,3 @@
@import "branding";
@import "mixins";
#hubs {
background-color: lighten($ofn-grey, 43%);

4
app/webpacker/css/darkswarm/images.scss
View File

@@ -1,7 +1,3 @@
@import "mixins";
@import "variables";
@import "branding";
.product-img {
text-align: center;

2
app/webpacker/css/darkswarm/layout/offcanvas.scss
View File

@@ -1,5 +1,3 @@
@import "compass/css3/transition";
.off-canvas-fixed {
@include transition(transform 1000ms ease-in-out);
}

2
app/webpacker/css/darkswarm/loading.scss
View File

@@ -1,5 +1,3 @@
@import "compass/css3/user-interface";
#loading {
.reveal-modal-bg {
z-index: 101;

2
app/webpacker/css/darkswarm/map.scss
View File

@@ -1,8 +1,6 @@
// Place all the styles related to the map controller here.
// They will automatically be included in application.css.
// You can use Sass (SCSS) here: http://sass-lang.com/
@import "mixins";
@import "big-input";
.map-container {
width: 100%;

4
app/webpacker/css/darkswarm/menu.scss
View File

@@ -1,8 +1,4 @@
//@import 'compass';
@import 'branding';
@import 'mixins';
@import 'typography';
@import 'variables';
nav.top-bar {
@include textpress;

3
app/webpacker/css/darkswarm/mixins.scss
View File

@@ -1,7 +1,4 @@
// Note this mixin file is used in ADMIN and FRONTEND
@import 'shared/variables/layout';
@import "branding";
// Generic \\

8
app/webpacker/css/darkswarm/modal-enterprises.scss
View File

@@ -1,7 +1,3 @@
@import 'branding';
@import 'mixins';
@import 'admin/globals/variables';
// Generic styles for use
.modal-centered {
@@ -32,10 +28,10 @@
margin-bottom: 0.5rem;
a.heading {
color: $color-link;
color: $teal-400;
&:hover {
color: $color-link-hover;
color: $teal-500;
text-decoration: underline;
}
}

3
app/webpacker/css/darkswarm/modals.scss
View File

@@ -1,6 +1,3 @@
@import "branding";
@import "mixins";
dialog
, .reveal-modal {
border: none;

5
app/webpacker/css/darkswarm/page_alert.scss
View File

@@ -1,8 +1,3 @@
@import "mixins";
@import "branding";
@import "animations";
@import "compass/css3/transition";
$page-alert-height: 55px;
// Basic style \\

3
app/webpacker/css/darkswarm/pages/login_modal.scss
View File

@@ -1,6 +1,3 @@
@import '../base/colors';
@import '../collapsible';
// Styling for login modal to style tabs
.reveal-modal.login-modal {
border-bottom-color: $modal-background-color;

3
app/webpacker/css/darkswarm/producer_node.scss
View File

@@ -1,6 +1,3 @@
@import "branding";
@import "mixins";
.producers {
.active_table .active_table_node {
// Header row

3
app/webpacker/css/darkswarm/producers.scss
View File

@@ -1,6 +1,3 @@
@import "branding";
@import "mixins";
.producers {
@include producersbg;

3
app/webpacker/css/darkswarm/registration.scss
View File

@@ -1,6 +1,3 @@
@import "branding";
@import "mixins";
#registration-modal {
@media only screen and (max-width: 640px) {
margin: 0 15px;

6
app/webpacker/css/darkswarm/shop.scss
View File

@@ -1,9 +1,3 @@
@import "mixins";
@import "animations";
@import "variables";
@import "branding";
@import "big-input";
// Shop partials
@import "shop-inputs";
@import "shop-navigation";

4
app/webpacker/css/darkswarm/shop_search.scss
View File

@@ -1,7 +1,3 @@
@import "mixins";
@import "branding";
@import "variables";
.shop-searchbar {
background-color: $grey-100;
height: 5em;

4
app/webpacker/css/darkswarm/shop_tabs.scss
View File

@@ -1,7 +1,3 @@
@import "typography";
@import "mixins";
@import "branding";
// Tabs styling
#shop-tabs {

9
app/webpacker/css/darkswarm/sidebar.scss
View File

@@ -1,12 +1,3 @@
// OMG
// We can't import foundation components?
// See https://github.com/zurb/foundation/issues/3855#issuecomment-30372252
@import "variables";
@import "foundation/components/global";
@import "foundation/components/buttons";
@import "foundation/components/panels";
#sidebar {
margin-top: 1.875em;

6
app/webpacker/css/darkswarm/signup.scss
View File

@@ -1,9 +1,3 @@
@import "branding";
@import "mixins";
@import "typography";
@import "animations";
@import "variables";
#producer-signup.pane, #shops-signup.pane {
@include tiledPane;

4
app/webpacker/css/darkswarm/tabset.scss
View File

@@ -1,7 +1,3 @@
@import "typography";
@import "mixins";
@import "branding";
.tabset-ctrl:not(#shop-tabs) {
.tab-view {
padding-top: 30px;

3
app/webpacker/css/darkswarm/taxons.scss
View File

@@ -1,6 +1,3 @@
@import "branding";
@import "mixins";
.fat-taxons, .fat-properties {
display: inline-block;
line-height: 1;

1
app/webpacker/css/darkswarm/typography.scss
View File

@@ -1,4 +1,3 @@
@import "branding";
@mixin headingFont {
font-family: "Oswald", sans-serif;

6
app/webpacker/css/darkswarm/ui.scss
View File

@@ -1,9 +1,3 @@
@import "foundation/components/buttons";
@import "branding";
@import "mixins";
@import "typography";
@import "variables";
// Button class extensions
.neutral-btn {

1
app/webpacker/css/darkswarm/variables.scss
View File

@@ -1,5 +1,4 @@
@import "~foundation-sites/scss/foundation/components/global";
@import "branding";
// Brand guide colours:
// International: #81c26e

0
app/webpacker/css/shared/variables/_layout.scss → app/webpacker/css/shared/variables/layout.scss
View File