File tree Expand file tree Collapse file tree 1 file changed +0
-64
lines changed
Expand file tree Collapse file tree 1 file changed +0
-64
lines changed Original file line number Diff line number Diff line change 3131/* Buttons
3232–––––––––––––––––––––––––––––––––––––––––––––––––– */
3333
34- @media (max-width : 400px ) {
35- .button ,
36- button {
37- display : inline-block;
38- text-decoration : none;
39- text-align : center;
40- vertical-align : middle;
41- font-size : 14px !important ;
42- color : # fff !important ;
43- height : 48px ;
44- width : 100% ;
45- font-weight : 100 ;
46- line-height : 48px ;
47- letter-spacing : 0.1px ;
48- white-space : wrap;
49- cursor : pointer;
50- font-family : "sottext" , sans-serif !important ;
51- text-transform : uppercase;
52- background : url (https://raw.githubusercontent.com/JulianPrieber/SoT/main/turquoise-button-sprite.svg#off) 0 0 / 100% 100% no-repeat !important ;
53- }
54- }
55-
56- @media (max-width : 550px ) {
57- .button ,
58- button {
59- display : inline-block;
60- text-decoration : none;
61- text-align : center;
62- vertical-align : middle;
63- font-size : 14px !important ;
64- color : # fff !important ;
65- height : 48px ;
66- width : 80% ;
67- font-weight : 100 ;
68- line-height : 48px ;
69- letter-spacing : 0.1px ;
70- white-space : wrap;
71- cursor : pointer;
72- font-family : "sottext" , sans-serif !important ;
73- text-transform : uppercase;
74- background : url (https://raw.githubusercontent.com/JulianPrieber/SoT/main/turquoise-button-sprite.svg#off) 0 0 / 100% 100% no-repeat !important ;
75- }
76- }
7734
78- @media (min-width : 551px ) {
79- .button ,
80- button {
81- display : inline-block;
82- text-decoration : none;
83- text-align : center;
84- vertical-align : middle;
85- font-size : 14px !important ;
86- color : # fff !important ;
87- height : 60px ;
88- width : 400px ;
89- font-weight : 100 ;
90- line-height : 60px ;
91- letter-spacing : 0.1px ;
92- white-space : wrap;
93- cursor : pointer;
94- font-family : "sottext" , sans-serif !important ;
95- text-transform : uppercase;
96- background : url (https://raw.githubusercontent.com/JulianPrieber/SoT/main/turquoise-button-sprite.svg#off) 0 0 / 100% 100% no-repeat !important ;
97- }
98- }
9935button : hover ,
10036.button : focus {
10137 color : # 333 ;
You can’t perform that action at this time.
0 commit comments