7b769a7673
With these changes, ACE no longer requires custom inline styles, removing one further dependency from our CSP style list.
84 lines
3.2 KiB
SCSS
84 lines
3.2 KiB
SCSS
/* eslint no-console:0 */
|
|
// This file is automatically compiled by Webpack, along with any other files
|
|
// present in this directory. You're encouraged to place your actual application logic in
|
|
// a relevant structure within app/javascript and only use these pack files to reference
|
|
// that code so it'll be compiled.
|
|
//
|
|
// To reference this file, add <%= stylesheet_pack_tag 'stylesheets' %> to the appropriate
|
|
// layout file, like app/views/layouts/application.html.slim
|
|
|
|
$web-font-path: '//';
|
|
@import '~bootswatch/dist/yeti/variables';
|
|
@import '~bootstrap/scss/bootstrap';
|
|
@import '~bootswatch/dist/yeti/bootswatch';
|
|
|
|
// Import the Ace editor styles
|
|
@import url('~ace-builds/css/ace.css');
|
|
@import url('~ace-builds/css/theme/tomorrow.css');
|
|
@import url('~ace-builds/css/theme/tomorrow_night.css');
|
|
|
|
|
|
// We define our own button style here, since `btn-outline-dark` and `btn-outline-light` do not switch colors.
|
|
html[data-bs-theme="dark"] {
|
|
.btn-outline-contrast {
|
|
@extend .btn-outline-light;
|
|
}
|
|
|
|
.bg-contrast {
|
|
@extend .bg-light;
|
|
}
|
|
}
|
|
|
|
|
|
html[data-bs-theme="light"] {
|
|
.btn-outline-contrast {
|
|
@extend .btn-outline-dark;
|
|
}
|
|
|
|
.bg-contrast {
|
|
@extend .bg-dark;
|
|
}
|
|
}
|
|
|
|
$fa-font-path: '~@fortawesome/fontawesome-free/webfonts/';
|
|
@import '~@fortawesome/fontawesome-free/scss/fontawesome';
|
|
@import '~@fortawesome/fontawesome-free/scss/solid';
|
|
@import '~@fortawesome/fontawesome-free/scss/regular';
|
|
@import '~@fortawesome/fontawesome-free/scss/v4-shims';
|
|
$opensans-path: '~opensans-webkit/fonts/';
|
|
|
|
// Import the Open Sans font. We need to override the font-display property
|
|
// to swap, otherwise the font will block rendering. This is done manually.
|
|
// as no variable is included yet.
|
|
// We inline the `opensans-webkit/src/sass/open-sans.scss`
|
|
@import '~opensans-webkit/src/sass/variables';
|
|
|
|
@mixin opensans-font($path, $name, $style, $weight, $variant) {
|
|
|
|
@font-face {
|
|
font-display: swap; // Manually added
|
|
font-family: '#{$name}';
|
|
font-style: $style;
|
|
font-weight: $weight;
|
|
src: local('Open Sans #{$variant}'),
|
|
local('Open-Sans-#{$variant}'),
|
|
url('#{$path}OpenSans-#{$variant}.woff2') format('woff2'),
|
|
url('#{$path}OpenSans-#{$variant}.woff') format('woff');
|
|
}
|
|
}
|
|
|
|
@include opensans-font($opensans-path, $opensans-name, normal, $opensans-weight-extrabold, 'ExtraBold');
|
|
@include opensans-font($opensans-path, $opensans-name, italic, $opensans-weight-extrabold, 'ExtraBoldItalic');
|
|
|
|
@include opensans-font($opensans-path, $opensans-name, normal, $opensans-weight-bold, 'Bold');
|
|
@include opensans-font($opensans-path, $opensans-name, italic, $opensans-weight-bold, 'BoldItalic');
|
|
|
|
@include opensans-font($opensans-path, $opensans-name, normal, $opensans-weight-semibold, 'SemiBold');
|
|
@include opensans-font($opensans-path, $opensans-name, italic, $opensans-weight-semibold, 'SemiBoldItalic');
|
|
|
|
@include opensans-font($opensans-path, $opensans-name, normal, $opensans-weight-normal, 'Regular');
|
|
@include opensans-font($opensans-path, $opensans-name, italic, $opensans-weight-normal, 'Italic');
|
|
|
|
@include opensans-font($opensans-path, $opensans-name, normal, $opensans-weight-light, 'Light');
|
|
@include opensans-font($opensans-path, $opensans-name, italic, $opensans-weight-light, 'LightItalic');
|