fsfi

source of fsf.org.in
Log | Files | Refs

style.scss (2316B)


      1 // Mixins.
      2 
      3 @mixin block-border($width) {
      4     border: $width solid $fsfi-dark;
      5     padding: 5px 20px 15px 20px;
      6 }
      7 
      8 // Common
      9 body {
     10     display: flex;
     11     min-height: 100vh;
     12     flex-direction: column;
     13 }
     14 
     15 a {
     16     border-bottom: 1px solid rgb(230, 230, 230);
     17 }
     18 
     19 a:hover {
     20     background-color: rgb(250, 250, 250);
     21     color: rgb(0, 0, 0);
     22     border-bottom: 0px;
     23 }
     24 
     25 .main {
     26     margin-top: 20px;
     27     margin-bottom: 20px;
     28     flex: 1 0 auto;
     29 }
     30 
     31 
     32 // Nav
     33 nav {
     34     a {
     35         border-bottom: 0px;
     36     }
     37 
     38     @include until($desktop - 1) {
     39         img.logo {
     40             margin-top: 0px;
     41             max-width: 300px;
     42             max-height: 78px;
     43         }
     44     }
     45 
     46     @include desktop {
     47         img.logo {
     48             margin-top: 15px;
     49             max-width: 400px;
     50             max-height:104px;
     51         }
     52     }
     53 }
     54 
     55 
     56 // Home - Banner
     57 
     58 .fsfi-banner header {
     59     display:none;
     60 }
     61 
     62 // Home - News, Articles.
     63 
     64 .fs,
     65 .news,
     66 .articles {
     67     .wrapper { @include block-border(2px); }
     68 
     69     .title {
     70         display: inline-block;
     71         margin-bottom: 0px;
     72     }
     73 
     74     .title span {
     75         color: $fsfi-dark;
     76         font-size: 1.3rem;
     77         text-transform: uppercase;
     78     }
     79 }
     80 
     81 // Feed
     82 a.feed {
     83     border-bottom: 0px;
     84 }
     85 
     86 .feed-icon {
     87     content: url('/assets/img/feed.svg');
     88     background-color: $fsfi-dark;
     89     max-width: 17px;
     90     border-radius: 3px;
     91     margin-left: 2px;
     92 }
     93 
     94 // Join
     95 .fellowship-type {
     96     border: 2px solid $fsfi-dark;
     97     margin-bottom: 15px;
     98 
     99     .content header {
    100         margin-bottom: 10px;
    101     }
    102 
    103     .content h1 {
    104         font-size: 1.1em;
    105     }
    106 
    107     .content p {
    108         margin-bottom: 2px;
    109     }
    110 
    111     .content ul {
    112         margin-top: 3px;
    113         margin-bottom: 3px;
    114     }
    115 }
    116 
    117 // News
    118 
    119 .news-item,
    120 .article {
    121     .content {
    122         .meta {
    123             margin-bottom: 0.9em;
    124             text-transform: uppercase;
    125             font-size: 0.8em;
    126 
    127             .author {
    128                 display: inline-block;
    129                 padding-right: 10px;
    130             }
    131 
    132             .date {
    133                 display: inline-block;
    134                 border-left: 1px solid $fsfi-light;
    135                 padding-left: 10px;
    136             }
    137 
    138         }
    139 
    140         .header h1 {
    141             margin-bottom: 0em;
    142         }
    143         .header h2 {
    144             margin-top: 0.4em;
    145             margin-bottom: 0.3em;
    146         }
    147     }
    148 }