Project

General

Profile

1 57592 stefania.m
/* pricing tables */
2
.pricing_table {
3
    &.pricing_table_a {
4
        text-align: center;
5
        .pricing_table_plan {
6
            font-size: 18px;
7
            font-weight: 400;
8
            padding: 16px 0;
9
            margin-bottom: 16px;
10
        }
11
        .pricing_table_price {
12
            padding: 8px 0 0;
13
            font-size: 48px;
14
            margin-bottom: 24px;
15
            .currency {
16
                vertical-align: top;
17
                font-size: 24px;
18
                padding: 0 4px;
19
            }
20
            .period {
21
                font-size: 14px;
22
                padding: 4px;
23
                color: @text_muted;
24
                display: block;
25
            }
26
        }
27
        .pricing_table_features {
28
            .reset_list();
29
            li {
30
                font-size: 16px;
31
                padding: 8px 0;
32
            }
33
        }
34
        .pricing_table_select {
35
            padding: 32px 0;
36
        }
37
    }
38
    &.pricing_table_b {
39
        text-align: center;
40
        .pricing_table_plan {
41
            font-size: 16px;
42
            font-weight: 400;
43
            padding: 16px 0;
44
            margin-bottom: 16px;
45
            text-transform: uppercase;
46
        }
47
        .pricing_table_price {
48
            padding: 8px 0 0;
49
            font-size: 48px;
50
            margin-bottom: 24px;
51
            .currency {
52
                vertical-align: top;
53
                font-size: 24px;
54
                padding: 0 4px;
55
            }
56
            .period {
57
                font-size: 14px;
58
                padding: 4px;
59
                color: @text_muted;
60
                display: block;
61
            }
62
        }
63
        .pricing_table_features {
64
            .reset_list();
65
            li {
66
                font-size: 16px;
67
                padding: 8px 0;
68
            }
69
        }
70
        .pricing_table_select {
71
            padding: 32px 0;
72
        }
73
    }
74
    &.pricing_table_c {
75
        text-align: center;
76
        .pricing_table_plan {
77
            font-size: 16px;
78
            font-weight: 400;
79
            padding: 16px 0;
80
            margin-bottom: 8px;
81
        }
82
        .pricing_table_price {
83
            padding: 8px 0 0;
84
            font-size: 48px;
85
            margin-bottom: 24px;
86
            .currency {
87
                vertical-align: top;
88
                font-size: 24px;
89
                padding: 0 4px;
90
            }
91
            .period {
92
                font-size: 14px;
93
                color: @text_muted;
94
                vertical-align: 0;
95
                padding-left: 4px;
96
            }
97
        }
98
        .pricing_table_features {
99
            .reset_list();
100
            li {
101
                font-size: 16px;
102
                padding: 8px 0;
103
            }
104
        }
105
        .pricing_table_select {
106
            padding: 32px 0;
107
        }
108
    }
109
}