diff --git a/styles/components/_ie.scss b/styles/components/_ie.scss new file mode 100644 index 0000000..6629610 --- /dev/null +++ b/styles/components/_ie.scss @@ -0,0 +1,71 @@ +.ie { + padding-top: 50px; + + &__inner-wrapper { + color: #3e3f3e; + margin-left: auto; + margin-right: auto; + text-align: center; + width: 76%; + } + + &__title { + font-size: 67px; + font-weight: 600; + margin-bottom: 220px; + margin-top: 0; + } + + &__browsers-list { + display: flex; + justify-content: center; + margin-bottom: 120px; + margin-top: 0; + padding-left: 0; + } + + &__browsers-item { + list-style-type: none; + margin-right: 15%; + } + + &__browsers-item:last-child { + margin-right: 0; + } + + &__browsers-image-wrapper { + height: 152px; + width: 152px; + } + + &__browsers-image-wrapper img { + height: 152px; + width: 152px; + } + + &__browser-name { + color: #009fe3; + display: inline-block; + font-family: 'Montserrat', sans-serif; + font-size: 36px; + position: relative; + vertical-align: middle; + } + + &__browser-name::before { + background-color: #009fe3; + bottom: 7px; + content: ''; + height: 1px; + left: 0; + position: absolute; + right: 0; + } + + &__text { + font-size: 35px; + line-height: 46px; + } +} + + diff --git a/styles/main.scss b/styles/main.scss index a2761ff..74d1bcf 100644 --- a/styles/main.scss +++ b/styles/main.scss @@ -1,78 +1,79 @@ -$icon-font-path: '~bootstrap-sass/assets/fonts/bootstrap/'; -$fa-font-path: '~font-awesome/fonts'; +$icon-font-path: "~bootstrap-sass/assets/fonts/bootstrap/"; +$fa-font-path: "~font-awesome/fonts"; $font-family-main: Arial, Helvetica, sans-serif; -@import '~bootstrap-sass/assets/stylesheets/bootstrap'; -@import '~font-awesome/scss/font-awesome'; +@import "~bootstrap-sass/assets/stylesheets/bootstrap"; +@import "~font-awesome/scss/font-awesome"; //common styles -@import 'config'; +@import "config"; -@import 'abstracts/variables'; -@import 'abstracts/colors'; -@import 'abstracts/settings'; -@import 'abstracts/mixins'; +@import "abstracts/variables"; +@import "abstracts/colors"; +@import "abstracts/settings"; +@import "abstracts/mixins"; -@import 'base/fonts'; -@import 'base/typography'; -@import 'base/grid'; +@import "base/fonts"; +@import "base/typography"; +@import "base/grid"; -@import 'components/btn'; -@import 'components/control'; -@import 'components/label'; -@import 'components/table'; -@import 'components/table-div'; -@import 'components/pagination'; -@import 'components/form'; -@import 'components/form-section'; -@import 'components/form-custom-inputs'; -@import 'components/form-contenteditable'; -@import 'components/form-select'; -@import 'components/highlighter'; -@import 'components/dropdown'; -@import 'components/modal'; -@import 'components/switch'; -@import 'components/datepicker'; -@import 'components/tag'; -@import 'components/scrollbar'; -@import 'components/selectable'; -@import 'components/fullcalendar'; -@import 'components/slider-range'; -@import 'components/panel/index'; -@import 'components/color-palette'; -@import 'components/drag-and-drop'; -@import 'components/datetimepicker'; -@import 'components/banner'; -@import 'components/form-title'; +@import "components/btn"; +@import "components/control"; +@import "components/label"; +@import "components/table"; +@import "components/table-div"; +@import "components/pagination"; +@import "components/form"; +@import "components/form-section"; +@import "components/form-custom-inputs"; +@import "components/form-contenteditable"; +@import "components/form-select"; +@import "components/highlighter"; +@import "components/dropdown"; +@import "components/modal"; +@import "components/switch"; +@import "components/datepicker"; +@import "components/tag"; +@import "components/scrollbar"; +@import "components/selectable"; +@import "components/fullcalendar"; +@import "components/slider-range"; +@import "components/panel/index"; +@import "components/color-palette"; +@import "components/drag-and-drop"; +@import "components/datetimepicker"; +@import "components/banner"; +@import "components/form-title"; +@import "components/ie"; -@import 'base'; +@import "base"; -@import 'blocks/main/header/index'; -@import 'blocks/main/sidebar'; -@import 'blocks/main/footer'; -@import 'blocks/search'; -@import 'blocks/breadcrumbs'; -@import 'blocks/patient-info'; -@import 'blocks/section'; -@import 'blocks/spinner'; -@import 'blocks/dashboard'; -@import 'blocks/chart'; -@import 'blocks/schedule'; -@import 'blocks/vitals'; -@import 'blocks/orders'; -@import 'blocks/charts'; -@import 'blocks/dicom'; -@import 'blocks/timelines'; -@import 'blocks/patients-list'; -@import 'blocks/record-popover'; -@import 'blocks/drawings'; +@import "blocks/main/header/index"; +@import "blocks/main/sidebar"; +@import "blocks/main/footer"; +@import "blocks/search"; +@import "blocks/breadcrumbs"; +@import "blocks/patient-info"; +@import "blocks/section"; +@import "blocks/spinner"; +@import "blocks/dashboard"; +@import "blocks/chart"; +@import "blocks/schedule"; +@import "blocks/vitals"; +@import "blocks/orders"; +@import "blocks/charts"; +@import "blocks/dicom"; +@import "blocks/timelines"; +@import "blocks/patients-list"; +@import "blocks/record-popover"; +@import "blocks/drawings"; -@import 'ui-kit'; +@import "ui-kit"; //global -@import './global/control'; -@import './global/notification'; -@import './global/loading-bar'; -@import './global/spinner'; -@import './global/dicom'; \ No newline at end of file +@import "./global/control"; +@import "./global/notification"; +@import "./global/loading-bar"; +@import "./global/spinner"; +@import "./global/dicom";