diff --git a/.postcssrc b/.postcssrc new file mode 100644 index 00000000..a6bd38f4 --- /dev/null +++ b/.postcssrc @@ -0,0 +1,5 @@ +{ + "plugins": { + "autoprefixer": true + } +} diff --git a/js/index.js b/js/index.js index 359844cc..b89505d2 100644 --- a/js/index.js +++ b/js/index.js @@ -1,3 +1,5 @@ +import 'babel-polyfill' + import classes from '../styles/atat.scss' import Vue from 'vue/dist/vue' import VTooltip from 'v-tooltip' diff --git a/package.json b/package.json index 5918bf60..83a93033 100644 --- a/package.json +++ b/package.json @@ -11,6 +11,8 @@ "author": "", "license": "MIT", "dependencies": { + "autoprefixer": "^9.1.3", + "babel-polyfill": "^6.26.0", "npm": "^6.0.1", "parcel": "^1.9.7", "text-mask-addons": "^3.8.0", @@ -21,5 +23,10 @@ }, "devDependencies": { "node-sass": "^4.9.2" - } + }, + "browserslist": [ + "last 3 version", + "> 5%", + "IE 10" + ] } diff --git a/styles/components/_alerts.scss b/styles/components/_alerts.scss index 75d6d7f7..1595370b 100644 --- a/styles/components/_alerts.scss +++ b/styles/components/_alerts.scss @@ -48,6 +48,8 @@ } .alert__content { + flex: 1; + .alert__message { &:last-child { > *:last-child { diff --git a/styles/core/_grid.scss b/styles/core/_grid.scss index b24327c3..17aa81a6 100644 --- a/styles/core/_grid.scss +++ b/styles/core/_grid.scss @@ -40,6 +40,7 @@ } &.col--grow { + flex: 1; flex-grow: 1; } } diff --git a/styles/elements/_icons.scss b/styles/elements/_icons.scss index b0f435fe..3116125c 100644 --- a/styles/elements/_icons.scss +++ b/styles/elements/_icons.scss @@ -13,8 +13,13 @@ @mixin icon-size($size) { $icon-size: $size * .1rem; width: $icon-size; - height: auto; + height: $icon-size; margin: $icon-size / 4; + + > svg { + width: $icon-size; + height: $icon-size; + } } @mixin icon-color($color) { diff --git a/styles/elements/_typography.scss b/styles/elements/_typography.scss index d412f76f..ca8a3f38 100644 --- a/styles/elements/_typography.scss +++ b/styles/elements/_typography.scss @@ -53,6 +53,7 @@ dl { dd { -webkit-margin-start: 0; margin-inline-start: 0; + margin-left: 0; .label { margin-left: 0; diff --git a/templates/navigation/global_navigation.html b/templates/navigation/global_navigation.html index 09396483..f306f6b7 100644 --- a/templates/navigation/global_navigation.html +++ b/templates/navigation/global_navigation.html @@ -1,6 +1,6 @@ {% from "components/sidenav_item.html" import SidenavItem %} -
+