Updating lining for css and js.

This commit is contained in:
Fredrik Jonsson 2022-01-25 10:30:57 +01:00
commit d69654162f
5 changed files with 73 additions and 20 deletions

View file

@ -1,5 +1,5 @@
// Initialization partial
//
// To make it easier to use all variables and mixins in any Sass file in this
// project, each .scss file has a `@import 'init';` declaration. The _init.scss
// file is in charge of importing all the other partials needed for the

View file

@ -1,10 +1,12 @@
// stylelint-disable value-keyword-case
// Variables
//
// Set variables for this site before a library sets its !default value.
// Font faces, stacks and sizes.
//
// Font styling and line heights are controlled by the several variables that
// used by mixins like `type-layout()`, `margin-top()`, and `margin-bottom()`.
// These variable and mixins are documented on the [Typey
@ -102,7 +104,7 @@ $rem-fallback: false;
$auto-print-sizing: false;
// Breakpoints
//
// Use the `respond-to()` mixin to use named breakpoints.
$breakpoints: (
@ -132,9 +134,9 @@ $l-radius: 1rem;
// Miscellaneous variables
//
// `$indent-amount` controls the amount lists, blockquotes and comments are indented.
//
// `$include-rtl` controls whether RTL styles are output.
$indent-amount: 2 * $base-font-size;

View file

@ -10,7 +10,7 @@
.responsive-video,
%responsive-video {
position: relative;
padding-bottom: (9/16)*100%; // 16:9 aspect ratio
padding-bottom: (9 / 16) * 100%; // 16:9 aspect ratio
padding-top: 25px; // Height of video controls
height: 0;
@ -27,6 +27,6 @@
}
&--4-3 {
padding-bottom: (3/4)*100%; // 4:3 aspect ratio
padding-bottom: (3 / 4) * 100%; // 4:3 aspect ratio
}
}

View file

@ -1,3 +1,5 @@
// stylelint-disable property-no-vendor-prefix
// Form defaults.
input,

View file

@ -1,6 +1,6 @@
//
// The major stylesheet for this theme.
//
// stylelint-disable no-invalid-position-at-import-rule
// The main stylesheet for this theme.
// Colors and Sass
@ -31,7 +31,7 @@
@import 'layouts/layouts';
// Components
//
// Design components are reusable designs that can be applied using just the CSS
// class names specified in the component.