From 168a9dc7b541862e7bc33372467ca2354721679d Mon Sep 17 00:00:00 2001 From: Abhishek Date: Jul 10 2018 08:16:04 +0000 Subject: change magazine style --- diff --git a/src/pages/magazine/magazine.scss b/src/pages/magazine/magazine.scss index 7de1411..f96da32 100644 --- a/src/pages/magazine/magazine.scss +++ b/src/pages/magazine/magazine.scss @@ -1,25 +1,75 @@ -.magazine { - ion-row { - background-color: #294172; +.mag { + background-color: #EFF0F1 !important; + ion-card { + padding: 16px; + background-color: #FFFFFF !important; + box-shadow: none; + margin: 4px 0 !important; + width: 100%; + ion-card-header { + padding: 0 !important; + } + ion-card-content { + margin-top: 4px; + padding: 0 !important; + .bookmark { + height: 14px; + vertical-align: middle; + margin-left: 8px; + display: inline-block; + width: auto; + } + } + .card-image { + padding-left: 8px; + } + [col-5], + [col-7] { + padding: 0 !important; + } } - #title { - color: #ffffff; + .list-md{ + margin: 0!important; } - ion-list { - margin-top: 50px; + .label { + background-color: #fff; + padding: 13px 16px; + margin: 4px 0 0 0; + button { + background: transparent; + font-family: "Montserrat-Regular"; + font-size: 12px; + color: #7096D0; + letter-spacing: 0.37px; + text-transform: uppercase; + float: right; + } } - .button { - background-color: transparent; - box-shadow: none; + .load { + text-align: center; + font-family: "OpenSans-Semibold"; + padding: 14px; + font-size: 14px; + color: #FFFFFF; + background-color: #3C6EB4; + width: 100%; + margin: 4px 0 0px 0; } - #maglogo { - position: absolute; - top: 0; - left: 50px; +} + +.action-sheet-group { + .action-sheet-title { + font-family: "Montserrat-Regular"; + font-size: 12px; + color: #9A9FA6; + letter-spacing: 0.43px; + border-bottom: 1px solid #EFF0F1; } - #mag-title { - position: absolute; - top: 10px; - right: 25px; + button { + font-family: "OpenSans-Regular"; + font-size: 14px; + color: #000000; + text-align: left; + line-height: 20px; } -} +} \ No newline at end of file