#78 For issue #74 : center-aligned the contents of sidebar
Closed 5 years ago by jflory7. Opened 5 years ago by phoenixabhishek.
Unknown source master  into  master

file modified
+24 -20
@@ -4,12 +4,18 @@

      font-size: 16px;

  }

  

- h1, h2, h3, h4, h5, h6 {

+ h1,

+ h2,

+ h3,

+ h4,

+ h5,

+ h6 {

      font-family: 'Montserrat';

      margin-top: 1.4em;

  }

  

- a, a:hover {

+ a,

+ a:hover {

      color: #294172;

  }

  
@@ -114,34 +120,30 @@

          width: 25%;

          height: calc(100% + 20px);

          position: fixed;

-         background: -moz-linear-gradient(top,  #3c6eb4 0%, #3c6eb4 27%, #3c6eb4 27%, #3c6eb4 100%);

-         background: -webkit-linear-gradient(top,  #3c6eb4 0%, #3c6eb4 27%, #3c6eb4 27%, #3c6eb4 100%);

-         background: linear-gradient(to bottom,  #3c6eb4 0%, #3c6eb4 27%, #3c6eb4 27%, #3c6eb4 100%);

+         display: flex;

+         justify-content: center;

+         background: -moz-linear-gradient(top, #3c6eb4 0%, #3c6eb4 27%, #3c6eb4 27%, #3c6eb4 100%);

+         background: -webkit-linear-gradient(top, #3c6eb4 0%, #3c6eb4 27%, #3c6eb4 27%, #3c6eb4 100%);

+         background: linear-gradient(to bottom, #3c6eb4 0%, #3c6eb4 27%, #3c6eb4 27%, #3c6eb4 100%);

      }

- 

      aside .sidebar {

          max-width: 300px;

          float: right;

      }

- 

      aside .sidebar .logo {

          max-width: 90%;

          max-height: 300px;

      }

- 

      main {

          margin-left: 25%;

      }

- 

      main .container {

          padding: 0px 50px;

          width: 100%;

      }

- 

      blockquote {

          min-height: 130px;

      }

- 

      .row.content {

          min-height: 500px;

      }
@@ -157,13 +159,15 @@

      vertical-align: initial;

  }

  

- .btn-login, .btn-logout {

-   background: none;

-   color: white;

-   border: none;

+ .btn-login,

+ .btn-logout {

+     background: none;

+     color: white;

+     border: none;

  }

  

- .btn-login:hover, .btn-logout:hover {

+ .btn-login:hover,

+ .btn-logout:hover {

      background: none;

      color: white;

      border: none;
@@ -181,7 +185,7 @@

      inherit: none;

      display: inline-block;

      vertical-align: top;

-     font: normal normal normal 11px/18px 'Helvetica Neue',Arial,sans-serif;

+     font: normal normal normal 11px/18px 'Helvetica Neue', Arial, sans-serif;

      font-size: 13px;

      line-height: 26px;

      border-radius: 4px;
@@ -193,11 +197,11 @@

      background-color: #2f4779;

  }

  

- .google{

+ .google {

      background-color: #d34836;

  }

  

- .google:hover{

+ .google:hover {

      background-color: #b72213;

  }

  
@@ -205,4 +209,4 @@

      .btn-responsive {

          font-size: 15px;

      }

- }

+ } 

\ No newline at end of file

The change in custom.css is made to center align the contents of the sidebar.

1 new commit added

  • css changed
5 years ago

@phoenixabhishek Oops, I already merged #97 which addressed #74. Sorry for the confusion. :see_no_evil:

The upcoming contributor guidelines better explain how to start working on a new task. Also, check out some of the other good first issues.

Since this was already merged, I'm canceling this PR.

Pull-Request has been closed by jflory7

5 years ago
Metadata