Skip to content
This repository has been archived by the owner on Apr 1, 2024. It is now read-only.

Commit

Permalink
Bulma 0.9.3
Browse files Browse the repository at this point in the history
Gomah authored and j1mc committed Jun 19, 2021
1 parent f3168c7 commit f2a8a53
Showing 27 changed files with 152 additions and 67 deletions.
2 changes: 1 addition & 1 deletion README.md
Original file line number Diff line number Diff line change
@@ -3,7 +3,7 @@
This is a port of the [Bulma](https://bulma.io/) project SASS files to the
SCSS syntax.

Currently, these files are based on Bulma version 0.9.2, and will be updated
Currently, these files are based on Bulma version 0.9.3, and will be updated
with later releases. The files are converted to SCSS with
[this script](https://gist.github.com/j1mc/ff1ff83e277b1e221761fc0c0ee3b164).

2 changes: 1 addition & 1 deletion bulma.scss
Original file line number Diff line number Diff line change
@@ -1,4 +1,4 @@
/*! bulma.io v0.9.2 | MIT License | github.com/jgthms/bulma */
/*! bulma.io v0.9.3 | MIT License | github.com/jgthms/bulma */
@import "utilities/_all";
@import "base/_all";
@import "elements/_all";
4 changes: 3 additions & 1 deletion components/_card.scss
Original file line number Diff line number Diff line change
@@ -2,7 +2,7 @@

$card-color: $text !default;
$card-background-color: $scheme-main !default;
$card-shadow: 0 0.5em 1em -0.125em rgba($scheme-invert, 0.1), 0 0px 0 1px rgba($scheme-invert, 0.02) !default;
$card-shadow: $shadow !default;
$card-radius: 0.25rem !default;

$card-header-background-color: transparent !default;
@@ -64,6 +64,8 @@ $card-media-margin: $block-spacing !default;
}

.card-header-icon {
@include reset;

align-items: center;
cursor: pointer;
display: flex;
2 changes: 1 addition & 1 deletion components/_dropdown.scss
Original file line number Diff line number Diff line change
@@ -8,7 +8,7 @@ $dropdown-content-offset: 4px !default;
$dropdown-content-padding-bottom: 0.5rem !default;
$dropdown-content-padding-top: 0.5rem !default;
$dropdown-content-radius: $radius !default;
$dropdown-content-shadow: 0 0.5em 1em -0.125em rgba($scheme-invert, 0.1), 0 0px 0 1px rgba($scheme-invert, 0.02) !default;
$dropdown-content-shadow: $shadow !default;
$dropdown-content-z: 20 !default;

$dropdown-item-color: $text !default;
2 changes: 1 addition & 1 deletion components/_level.scss
Original file line number Diff line number Diff line change
@@ -1,6 +1,6 @@
@import "../utilities/mixins";

$level-item-spacing: $block-spacing / 2 !default;
$level-item-spacing: $block-spacing * 0.5 !default;

.level {
@extend %block;
2 changes: 2 additions & 0 deletions components/_navbar.scss
Original file line number Diff line number Diff line change
@@ -208,6 +208,8 @@ body {
}

.navbar-burger {
@extend %reset;

color: $navbar-burger-color;

@include hamburger($navbar-height);
10 changes: 10 additions & 0 deletions components/_pagination.scss
Original file line number Diff line number Diff line change
@@ -177,6 +177,14 @@ $pagination-shadow-inset: inset 0 1px 2px rgba($scheme-invert, 0.2) !default;
order: 1;
}

.pagination-previous,
.pagination-next,
.pagination-link,
.pagination-ellipsis {
margin-bottom: 0;
margin-top: 0;
}

.pagination-previous {
order: 2;
}
@@ -187,6 +195,8 @@ $pagination-shadow-inset: inset 0 1px 2px rgba($scheme-invert, 0.2) !default;

.pagination {
justify-content: space-between;
margin-bottom: 0;
margin-top: 0;

&.is-centered {
.pagination-previous {
2 changes: 1 addition & 1 deletion components/_panel.scss
Original file line number Diff line number Diff line change
@@ -3,7 +3,7 @@
$panel-margin: $block-spacing !default;
$panel-item-border: 1px solid $border-light !default;
$panel-radius: $radius-large !default;
$panel-shadow: 0 0.5em 1em -0.125em rgba($scheme-invert, 0.1), 0 0px 0 1px rgba($scheme-invert, 0.02) !default;
$panel-shadow: $shadow !default;

$panel-heading-background-color: $border-light !default;
$panel-heading-color: $text-strong !default;
2 changes: 1 addition & 1 deletion elements/_box.scss
Original file line number Diff line number Diff line change
@@ -3,7 +3,7 @@
$box-color: $text !default;
$box-background-color: $scheme-main !default;
$box-radius: $radius-large !default;
$box-shadow: 0 0.5em 1em -0.125em rgba($scheme-invert, 0.1), 0 0px 0 1px rgba($scheme-invert, 0.02) !default;
$box-shadow: $shadow !default;
$box-padding: 1.25rem !default;

$box-link-hover-shadow: 0 0.5em 1em -0.125em rgba($scheme-invert, 0.1), 0 0 0 1px $link !default;
12 changes: 6 additions & 6 deletions elements/_button.scss
Original file line number Diff line number Diff line change
@@ -103,18 +103,18 @@ $button-colors: $colors !default;
}

&:first-child:not(:last-child) {
@include ltr-property("margin", calc(#{-1 / 2 * $button-padding-horizontal} - #{$button-border-width}), false);
@include ltr-property("margin", $button-padding-horizontal / 4);
@include ltr-property("margin", calc(#{-0.5 * $button-padding-horizontal} - #{$button-border-width}), false);
@include ltr-property("margin", $button-padding-horizontal * 0.25);
}

&:last-child:not(:first-child) {
@include ltr-property("margin", $button-padding-horizontal / 4, false);
@include ltr-property("margin", calc(#{-1 / 2 * $button-padding-horizontal} - #{$button-border-width}));
@include ltr-property("margin", $button-padding-horizontal * 0.25, false);
@include ltr-property("margin", calc(#{-0.5 * $button-padding-horizontal} - #{$button-border-width}));
}

&:first-child:last-child {
margin-left: calc(#{-1 / 2 * $button-padding-horizontal} - #{$button-border-width});
margin-right: calc(#{-1 / 2 * $button-padding-horizontal} - #{$button-border-width});
margin-left: calc(#{-0.5 * $button-padding-horizontal} - #{$button-border-width});
margin-right: calc(#{-0.5 * $button-padding-horizontal} - #{$button-border-width});
}
}

4 changes: 4 additions & 0 deletions elements/_content.scss
Original file line number Diff line number Diff line change
@@ -244,6 +244,10 @@ $content-table-foot-cell-color: $text-strong !default;
font-size: $size-small;
}

&.is-normal {
font-size: $size-normal;
}

&.is-medium {
font-size: $size-medium;
}
18 changes: 16 additions & 2 deletions elements/_icon.scss
Original file line number Diff line number Diff line change
@@ -41,11 +41,25 @@ $icon-text-spacing: 0.25em !default;
flex-shrink: 0;

&:not(:last-child) {
margin-right: $icon-text-spacing;
@include ltr {
margin-right: $icon-text-spacing;
}


@include rtl {
margin-left: $icon-text-spacing;
}
}

&:not(:first-child) {
margin-left: $icon-text-spacing;
@include ltr {
margin-left: $icon-text-spacing;
}


@include rtl {
margin-right: $icon-text-spacing;
}
}
}
}
14 changes: 0 additions & 14 deletions elements/_other.scss
Original file line number Diff line number Diff line change
@@ -16,20 +16,6 @@
text-transform: uppercase;
}

.highlight {
@extend %block;

font-weight: $weight-normal;
max-width: 100%;
overflow: hidden;
padding: 0;

pre {
overflow: auto;
max-width: 100%;
}
}

.loader {
@extend %loader;
}
4 changes: 0 additions & 4 deletions elements/_title.scss
Original file line number Diff line number Diff line change
@@ -59,10 +59,6 @@ $subtitle-negative-margin: -1.25rem !default;
font-weight: $title-strong-weight;
}

& + .highlight {
margin-top: -0.75rem;
}

&:not(.is-spaced) + .subtitle {
margin-top: $subtitle-negative-margin;
}
4 changes: 4 additions & 0 deletions form/_file.scss
Original file line number Diff line number Diff line change
@@ -67,6 +67,10 @@ $file-colors: $form-colors !default;
font-size: $size-small;
}

&.is-normal {
font-size: $size-normal;
}

&.is-medium {
font-size: $size-medium;

28 changes: 14 additions & 14 deletions grid/_columns.scss
Original file line number Diff line number Diff line change
@@ -103,11 +103,11 @@ $column-gap: 0.75rem !default;
@for $i from 0 through 12 {
.columns.is-mobile > &.is-#{$i} {
flex: none;
width: percentage($i / 12);
width: percentage(divide($i, 12));
}

.columns.is-mobile > &.is-offset-#{$i} {
@include ltr-property("margin", percentage($i / 12), false);
@include ltr-property("margin", percentage(divide($i, 12)), false);
}
}

@@ -206,11 +206,11 @@ $column-gap: 0.75rem !default;
@for $i from 0 through 12 {
&.is-#{$i}-mobile {
flex: none;
width: percentage($i / 12);
width: percentage(divide($i, 12));
}

&.is-offset-#{$i}-mobile {
@include ltr-property("margin", percentage($i / 12), false);
@include ltr-property("margin", percentage(divide($i, 12)), false);
}
}
}
@@ -332,12 +332,12 @@ $column-gap: 0.75rem !default;
&.is-#{$i},
&.is-#{$i}-tablet {
flex: none;
width: percentage($i / 12);
width: percentage(divide($i, 12));
}

&.is-offset-#{$i},
&.is-offset-#{$i}-tablet {
@include ltr-property("margin", percentage($i / 12), false);
@include ltr-property("margin", percentage(divide($i, 12)), false);
}
}
}
@@ -438,11 +438,11 @@ $column-gap: 0.75rem !default;
@for $i from 0 through 12 {
&.is-#{$i}-touch {
flex: none;
width: percentage($i / 12);
width: percentage(divide($i, 12));
}

&.is-offset-#{$i}-touch {
@include ltr-property("margin", percentage($i / 12), false);
@include ltr-property("margin", percentage(divide($i, 12)), false);
}
}
}
@@ -543,11 +543,11 @@ $column-gap: 0.75rem !default;
@for $i from 0 through 12 {
&.is-#{$i}-desktop {
flex: none;
width: percentage($i / 12);
width: percentage(divide($i, 12));
}

&.is-offset-#{$i}-desktop {
@include ltr-property("margin", percentage($i / 12), false);
@include ltr-property("margin", percentage(divide($i, 12)), false);
}
}
}
@@ -648,11 +648,11 @@ $column-gap: 0.75rem !default;
@for $i from 0 through 12 {
&.is-#{$i}-widescreen {
flex: none;
width: percentage($i / 12);
width: percentage(divide($i, 12));
}

&.is-offset-#{$i}-widescreen {
@include ltr-property("margin", percentage($i / 12), false);
@include ltr-property("margin", percentage(divide($i, 12)), false);
}
}
}
@@ -753,11 +753,11 @@ $column-gap: 0.75rem !default;
@for $i from 0 through 12 {
&.is-#{$i}-fullhd {
flex: none;
width: percentage($i / 12);
width: percentage(divide($i, 12));
}

&.is-offset-#{$i}-fullhd {
@include ltr-property("margin", percentage($i / 12), false);
@include ltr-property("margin", percentage(divide($i, 12)), false);
}
}
}
2 changes: 1 addition & 1 deletion grid/_tiles.scss
Original file line number Diff line number Diff line change
@@ -50,7 +50,7 @@ $tile-spacing: 0.75rem !default;
@for $i from 1 through 12 {
&.is-#{$i} {
flex: none;
width: $i / 12 * 100%;
width: divide($i, 12) * 100%;
}
}
}
2 changes: 1 addition & 1 deletion helpers/_spacing.scss
Original file line number Diff line number Diff line change
@@ -10,7 +10,7 @@ $spacing-shortcuts: ("margin": "m", "padding": "p") !default;
$spacing-directions: ("top": "t", "right": "r", "bottom": "b", "left": "l") !default;
$spacing-horizontal: "x" !default;
$spacing-vertical: "y" !default;
$spacing-values: ("0": 0, "1": 0.25rem, "2": 0.5rem, "3": 0.75rem, "4": 1rem, "5": 1.5rem, "6": 3rem) !default;
$spacing-values: ("0": 0, "1": 0.25rem, "2": 0.5rem, "3": 0.75rem, "4": 1rem, "5": 1.5rem, "6": 3rem, "auto": auto) !default;

@each $property, $shortcut in $spacing-shortcuts {
@each $name, $value in $spacing-values {
4 changes: 4 additions & 0 deletions helpers/_typography.scss
Original file line number Diff line number Diff line change
@@ -130,6 +130,10 @@ $alignments: ("centered": "center", "justified": "justify", "left": "left", "rig
font-style: italic !important;
}

.is-underlined {
text-decoration: underline !important;
}

.has-text-weight-light {
font-weight: $weight-light !important;
}
10 changes: 8 additions & 2 deletions layout/_hero.scss
Original file line number Diff line number Diff line change
@@ -1,9 +1,10 @@
@import "../utilities/mixins";

$hero-body-padding: 3rem 1.5rem !default;
$hero-body-padding-tablet: 3rem 3rem !default;
$hero-body-padding-small: 1.5rem !default;
$hero-body-padding-medium: 9rem 1.5rem !default;
$hero-body-padding-large: 18rem 1.5rem !default;
$hero-body-padding-medium: 9rem 4.5rem !default;
$hero-body-padding-large: 18rem 6rem !default;

$hero-colors: $colors !default;

@@ -83,6 +84,7 @@ $hero-colors: $colors !default;

li {
&.is-active a {
color: $color !important;
opacity: 1;
}
}
@@ -236,4 +238,8 @@ $hero-colors: $colors !default;
flex-grow: 1;
flex-shrink: 0;
padding: $hero-body-padding;

@include tablet {
padding: $hero-body-padding-tablet;
}
}
7 changes: 5 additions & 2 deletions layout/_section.scss
Original file line number Diff line number Diff line change
@@ -1,14 +1,17 @@
@import "../utilities/mixins";

$section-padding: 3rem 1.5rem !default;
$section-padding-medium: 9rem 1.5rem !default;
$section-padding-large: 18rem 1.5rem !default;
$section-padding-desktop: 3rem 3rem !default;
$section-padding-medium: 9rem 4.5rem !default;
$section-padding-large: 18rem 6rem !default;

.section {
padding: $section-padding;

// Responsiveness
@include desktop {
padding: $section-padding-desktop;

// Sizes
&.is-medium {
padding: $section-padding-medium;
2 changes: 1 addition & 1 deletion package.json
Original file line number Diff line number Diff line change
@@ -1,6 +1,6 @@
{
"name": "bulma-scss",
"version": "0.9.2",
"version": "0.9.3",
"description": "The Bulma CSS Framework files converted to SCSS syntax",
"main": "bulma.scss",
"scripts": {
Loading

0 comments on commit f2a8a53

Please sign in to comment.