Ark/bulma
1
0
Fork 0
mirror of https://github.com/jgthms/bulma synced 2026-03-18 11:24:29 -07:00
Code Issues Packages Projects Releases Wiki Activity

Convert sass files to scss files

Browse Source
This commit is contained in:
Jeremy Thomas
2022-11-23 17:44:02 +00:00
parent bd2e065ab7
commit dafc032ff0
140 changed files with 8331 additions and 5619 deletions
Download Patch File Download Diff File Expand all files Collapse all files

28
test/ruby-sass/sass/customize.scss
View File

@@ -1,14 +1,14 @@
@charset "utf-8";
// Import a Google Font
@import url('https://fonts.googleapis.com/css?family=Nunito:400,700');
@import url("https://fonts.googleapis.com/css?family=Nunito:400,700");
// Set your brand colors
$purple: #8A4D76;
$pink: #FA7C91;
$purple: #8a4d76;
$pink: #fa7c91;
$brown: #757763;
$beige-light: #D0D1CD;
$beige-lighter: #EFF0EB;
$beige-light: #d0d1cd;
$beige-lighter: #eff0eb;
// Update Bulma's global variables
$family-sans-serif: "Nunito", sans-serif;
@@ -26,12 +26,12 @@ $input-border-color: transparent;
$input-shadow: none;
// Import only what you need from Bulma
@import "../../../sass/utilities/_all.sass";
@import "../../../sass/base/_all.sass";
@import "../../../sass/elements/button.sass";
@import "../../../sass/elements/container.sass";
@import "../../../sass/elements/title.sass";
@import "../../../sass/form/_all.sass";
@import "../../../sass/components/navbar.sass";
@import "../../../sass/layout/hero.sass";
@import "../../../sass/layout/section.sass";
@import "../../../sass/utilities/_all";
@import "../../../sass/base/_all";
@import "../../../sass/elements/button";
@import "../../../sass/elements/container";
@import "../../../sass/elements/title";
@import "../../../sass/form/_all";
@import "../../../sass/components/navbar";
@import "../../../sass/layout/hero";
@import "../../../sass/layout/section";

42
test/ruby-sass/sass/override.scss
View File

@@ -1,15 +1,15 @@
@charset "utf-8";
// Import the variables
@import "../../../sass/utilities/initial-variables.sass";
@import "../../../sass/utilities/initial-variables";
$blue: #00f;
$purple: #8A4D76;
$pink: #FA7C91;
$purple: #8a4d76;
$pink: #fa7c91;
$brown: #757763;
$beige-light: #D0D1CD;
$beige-lighter: #EFF0EB;
$beige-light: #d0d1cd;
$beige-lighter: #eff0eb;
$grey-dark: $brown;
$grey-light: $beige-light;
@@ -26,16 +26,36 @@ $lavender-light: hsl(240, 56%, 98%);
$lavender-dark: hsl(240, 31%, 24%);
$custom-colors: (
"lime": (lime),
"tomato": (tomato, white),
"orange": ($orange, $orange-invert, $orange-light),
"lavender": ($lavender, $lavender-invert, $lavender-light, $lavender-dark)
"lime": (
lime
),
"tomato": (
tomato,
white
),
"orange": (
$orange,
$orange-invert,
$orange-light
),
"lavender": (
$lavender,
$lavender-invert,
$lavender-light,
$lavender-dark
)
);
$spacing-shortcuts: ("margin": "mg");
$spacing-shortcuts: (
"margin": "mg"
);
$spacing-horizontal: "h";
$spacing-vertical: null;
$spacing-values: ("small": 10px, "medium": 30px, "large": 60px);
$spacing-values: (
"small": 10px,
"medium": 30px,
"large": 60px
);
// Import the rest of Bulma
@import "../../../bulma";