Skip to content

Instantly share code, notes, and snippets.

@youthkee
Last active May 16, 2017 01:17
Show Gist options
  • Star 0 You must be signed in to star a gist
  • Fork 0 You must be signed in to fork a gist
  • Save youthkee/1b8168c0717f02fbe9fd to your computer and use it in GitHub Desktop.
Save youthkee/1b8168c0717f02fbe9fd to your computer and use it in GitHub Desktop.
Bootstrap 4の主な変更点とファーストインプレッション ref: http://qiita.com/youthkee/items/e9e105e35526f908f48a
// Toggles
//
// Used in conjunction with global variables to enable certain theme features.
@mixin border-radius($radius: $border-radius) {
@if $enable-rounded {
border-radius: $radius;
}
}
@mixin box-shadow($shadow...) {
@if $enable-shadows {
box-shadow: $shadow;
}
}
@mixin transition($transition...) {
@if $enable-transitions {
transition: $transition;
}
}
.m-t { margin-top: $spacer-y !important; }
.m-t-md { margin-top: ($spacer-y * 1.5) !important; }
.m-t-lg { margin-top: ($spacer-y * 3) !important; }
$spacer: 1rem !default;
$spacer-x: $spacer !default;
$spacer-y: $spacer !default;
$border-width: .0625rem !default;
$enable-flex: false !default;
$enable-flex: true !default;
html {
font-size: 16px;
-ms-overflow-style: scrollbar;
-webkit-tap-highlight-color: transparent;
}
$ bower install bootstrap#4.0.0-alpha
// CSS distribution task.
// Supported Compilers: sass (Ruby) and libsass.
(function (sassCompilerName) {
require('./grunt/bs-sass-compile/' + sassCompilerName + '.js')(grunt);
})(process.env.TWBS_SASS || 'libsass');
// CSS distribution task.
// Supported Compilers: sass (Ruby) and libsass.
(function (sassCompilerName) {
require('./grunt/bs-sass-compile/' + sassCompilerName + '.js')(grunt);
})(process.env.TWBS_SASS || 'sass');
Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment