From 90b97d7bc31adc2de4a5a8c822e4b82bc6457c68 Mon Sep 17 00:00:00 2001 From: ganga satish kumar Date: Sun, 13 Mar 2022 12:59:25 +0530 Subject: [PATCH] policy --- src/app/policies/policies.component.scss | 168 +++++++++++++---------- 1 file changed, 92 insertions(+), 76 deletions(-) diff --git a/src/app/policies/policies.component.scss b/src/app/policies/policies.component.scss index 1677095b..7a4caead 100644 --- a/src/app/policies/policies.component.scss +++ b/src/app/policies/policies.component.scss @@ -1,78 +1,94 @@ -@import '../../styles.scss'; -#notices{ - .header_section{ - margin: 0 auto; - padding: 10%; - .logo{ - width: 80%; - height: 80%; - } - } - .align-middle{ - width: 85%; - margin: 0% auto; - text-align: center; - color: #0B5FA4; - .font-body-xsmall-bold{ - text-transform: none; - } - // input[type=text]{ - // background-color: #FFFFFFA6; - // } - .customDropDown{ - background-color: #FFFFFFA6; - width: 100%; - height: 4rem; - // border-top-right-radius: 1.3rem; - // border-bottom-right-radius: 1.3rem; - border-radius: 0px 1.2rem 1.2rem 0px; - font-size: 1.2rem; - margin: 0; - text-align: left; - padding: 5% 2%; - word-wrap: break-word; - word-break: keep-all; - color: #0B5FA4; - font-weight: bold; - } - .medium-font{ - font-size: 1rem !important; - } - .down-arrow{ - padding: 5% 0%; - left: -8%; - position: relative; - } - } - .dropDownClass{ - background-color: #FFFFFFA6; - color: #0B5FA4; - padding: 5%; - li{ - padding-bottom: 2%; - list-style-type:disc; - padding-left: 3%; - } - .font-body-xsmall{ - text-transform:none; - } - } - .seperator{ - margin-top: 2%; - } - .imageDropDown{ - width: 80%; - margin:0% 7%; - .transition-image{ - width: 100%; - height: 100%; - background: red; - transition: height 2s; - -webkit-transition: opacity 1s ease-in-out; - -moz-transition: opacity 1s ease-in-out; - -o-transition: opacity 1s ease-in-out; - transition: opacity 1s ease-in-out; - } - } +.page-container { + height: 100%; + display: flex; + flex-direction: column; + background-color: #b4e8fd; } +.font-body-xsmall-bold { + font-size: 0.812rem; + line-height: 1.125rem; + letter-spacing: 1px; + font-family: "Raleway VariableFont"; + text-transform: uppercase; +} + +.flex-row { + flex-direction: row; + display: flex; + width: 100%; +} + +.header_section { + margin: 0 auto; + padding: 10%; + .logo { + width: 80%; + height: 80%; + } +} + +.align-middle { + width: 85%; + margin: 0% auto; + text-align: center; + color: #0B5FA4; + .font-body-xsmall-bold { + text-transform: none; + } + .customDropDown { + background-color: #FFFFFFA6; + width: 100%; + height: 4rem; + border-radius: 0px 1.2rem 1.2rem 0px; + font-size: 1.2rem; + margin: 0; + text-align: left; + padding: 5% 2%; + word-wrap: break-word; + word-break: keep-all; + color: #0B5FA4; + font-weight: bold; + } + .medium-font { + font-size: 1rem !important; + } + .down-arrow { + padding: 5% 0%; + left: -8%; + position: relative; + } +} + +.dropDownClass { + background-color: #FFFFFFA6; + color: #0B5FA4; + padding: 5%; + li { + padding-bottom: 2%; + list-style-type: disc; + padding-left: 3%; + } + .font-body-xsmall { + text-transform: none; + } +} + +.seperator { + margin-top: 2%; +} + +.imageDropDown { + width: 80%; + margin: 0% 7%; + .transition-image { + width: 100%; + height: 100%; + background: red; + transition: height 2s; + -webkit-transition: opacity 1s ease-in-out; + -moz-transition: opacity 1s ease-in-out; + -o-transition: opacity 1s ease-in-out; + transition: opacity 1s ease-in-out; + } +} \ No newline at end of file