Rietveld Code Review Tool
Help | Bug tracker | Discussion group | Source code

Side by Side Diff: static/scss/components/_search-form.scss

Issue 29485575: Issue 5385 - Create Site Header Component for Help Center (Closed)
Patch Set: Include site variables before website-defaults Created Sept. 1, 2017, 12:11 p.m.
Left:
Right:
Use n/p to move between diff chunks; N/P to move between comments.
Jump to:
View unified diff | Download patch
« no previous file with comments | « static/scss/base/_variables.scss ('k') | static/scss/layout/_header.scss » ('j') | no next file with comments »
Toggle Intra-line Diffs ('i') | Expand Comments ('e') | Collapse Comments ('c') | Show Comments Hide Comments ('s')
OLDNEW
(Empty)
1 // This file is part of help.eyeo.com.
2 // Copyright (C) 2017 Eyeo GmbH
3 //
4 // help.eyeo.com is free software: you can redistribute it and/or modify
5 // it under the terms of the GNU General Public License as published by
6 // the Free Software Foundation, either version 3 of the License, or
7 // (at your option) any later version.
8 //
9 // help.eyeo.com is distributed in the hope that it will be useful,
10 // but WITHOUT ANY WARRANTY; without even the implied warranty of
11 // MERCHANTABILITY or FITNESS FOR A PARTICULAR PURPOSE. See the
12 // GNU General Public License for more details.
13 //
14 // You should have received a copy of the GNU General Public License
15 // along with help.eyeo.com. If not, see <http://www.gnu.org/licenses/>.
16
17 // Product Website Link
18
19 #product-website-link
20 {
21 float: right;
22 }
23
24 html[dir="rtl"] #product-website-link
25 {
26 float: left;
27 }
28
29 #product-website-link img
30 {
31 height: 1em;
32 margin-left: 0.5em;
33 }
34
35 html[dir="rtl"] #product-website-link img
36 {
37 margin-right: 0.5em;
38 margin-left: 0;
39 }
40
41 .navbar-collapse.open #product-website-link,
42 .no-js #product-website-link
43 {
44 float: none;
45
46 @media (min-width: $phablet-breakpoint)
47 {
48 float: right;
49 margin-top: 20px;
50 }
51
52 @media (min-width: $tablet-breakpoint)
53 {
54 margin-top: 0;
55 }
56 }
57
58 // Search Form
59
60 #search-form
61 {
62 display: inline-block;
63 position: relative;
64 overflow: hidden;
65 width: 100%;
66 height: $search-form-height;
67 border-radius: 4px;
68 color: $gray;
69 background: #fff;
70 line-height: 1;
71 vertical-align: middle;
72
73 @media (min-width: $phablet-breakpoint)
74 {
75 max-width: $search-form-width;
76 }
77 }
78
79 .navbar-collapse.open #search-form,
80 .no-js #search-form
81 {
82 margin-top: 20px;
83
84 @media (min-width: $tablet-breakpoint)
85 {
86 margin-top: 0;
87 }
88 }
89
90 #search-form input
91 {
92 width: 100%;
93 height: $search-form-height;
94 padding-right: $search-form-height + 5px;
95 padding-left: 10px;
96 border: 0;
97 font-family: $primary-font;
98 font-size: $small-font;
99 }
100
101 html[dir="rtl"] #search-form input
102 {
103 padding-right: 10px;
104 padding-left: $search-form-height + 5px;
105 }
106
107 #search-form button
108 {
109 position: absolute;
110 top: 0;
111 right: 0;
112 width: $search-form-height;
113 height: 100%;
114 border: 0;
115 background-color: transparent;
116 font-size: 1em;
117 }
118
119 html[dir="rtl"] #search-form button
120 {
121 right: auto;
122 left: 0;
123 }
124
125 #search-form button img
126 {
127 height: 1em;
128 }
OLDNEW
« no previous file with comments | « static/scss/base/_variables.scss ('k') | static/scss/layout/_header.scss » ('j') | no next file with comments »

Powered by Google App Engine
This is Rietveld