Skip to content

Commit

Permalink
Move the rest of styles to postcss
Browse files Browse the repository at this point in the history
  • Loading branch information
@tadatuta
tadatuta committed Sep 23, 2016
1 parent dbcb547 commit c2773cb
Show file tree
Hide file tree
Showing 35 changed files with 91 additions and 144 deletions.
3 changes: 1 addition & 2 deletions common.blocks/checkbox-group/checkbox-group.tests/gemini.blocks/test/test.post.css
View file
@@ -1,4 +1,3 @@
.test
{
:block(test) {
width: 150px;
}
3 changes: 1 addition & 2 deletions common.blocks/checkbox/_type/checkbox_type_button.post.css
View file
@@ -1,5 +1,4 @@
.checkbox.checkbox_type_button .checkbox__control
{
:block(checkbox):block(checkbox):mod(type button) :block(checkbox):elem(control) {
position: absolute;

visibility: hidden;
Expand Down
3 changes: 1 addition & 2 deletions common.blocks/checkbox/checkbox.tests/gemini.blocks/test/test.post.css
View file
@@ -1,5 +1,4 @@
.test
{
:block(test) {
padding: 5px;
width: 150px;
}
3 changes: 1 addition & 2 deletions common.blocks/control-group/control-group.tests/gemini.blocks/test/test.post.css
View file
@@ -1,4 +1,3 @@
.test
{
:block(test) {
display:inline-block;
}
3 changes: 1 addition & 2 deletions common.blocks/dropdown/dropdown.tests/gemini.blocks/separator/separator.post.css
View file
@@ -1,5 +1,4 @@
.separator
{
:block(separator) {
width: 100%;
height: 1px;
margin: 25px 0;
Expand Down
3 changes: 1 addition & 2 deletions common.blocks/dropdown/dropdown.tests/gemini.blocks/test/test.post.css
View file
@@ -1,5 +1,4 @@
.test
{
:block(test) {
display: inline-block;

padding-right: 30px;
Expand Down
3 changes: 1 addition & 2 deletions common.blocks/input/input.tests/gemini.blocks/test/test.post.css
View file
@@ -1,5 +1,4 @@
.test
{
:block(test) {
display: inline-block;

margin-right: 10px;
Expand Down
3 changes: 1 addition & 2 deletions common.blocks/link/link.tests/gemini.blocks/separator/separator.post.css
View file
@@ -1,4 +1,3 @@
.separator
{
:block(separator) {
padding-bottom: 15px;
}
6 changes: 2 additions & 4 deletions common.blocks/menu/menu.tests/gemini.blocks/test/test.post.css
View file
@@ -1,12 +1,10 @@
.test
{
:block(test) {
display: table-cell;

width: 150px;
padding-right: 20px;

.menu
{
:block(menu) {
border: 1px solid rgba(0, 0, 0, 0.1);
}
}
12 changes: 4 additions & 8 deletions common.blocks/menu/menu.tests/simple.blocks/test/test.post.css
View file
@@ -1,26 +1,22 @@
.test
{
:block(test) {
display: table-cell;

width: 150px;
padding: 1px;

border-right: 20px solid transparent;

h3
{
h3 {
margin-top: 0;
}

.button
{
:block(button) {
display: block;

margin: 5px;
}

.menu[class*='menu_theme']
{
:block(menu)[class*="menu:mod(theme)"] {
border: 1px solid rgba(0, 0, 0, 0.1);
}
}
5 changes: 2 additions & 3 deletions common.blocks/modal/modal.tests/simple.blocks/test/test.post.css
View file
@@ -1,5 +1,4 @@
.test
{
:block(test) {
margin: 10px 0;

&__content
Expand All @@ -9,7 +8,7 @@
}
}

.page_hide-scroll {
:block(page):mod(hide-scroll) {
overflow: hidden;
min-height: 100vh;
}
3 changes: 1 addition & 2 deletions common.blocks/popup/popup.examples/20-popup.blocks/directions/directions.post.css
View file
@@ -1,5 +1,4 @@
.directions
{
:block(directions) {
padding: 70px;

&__cell
Expand Down
3 changes: 1 addition & 2 deletions common.blocks/popup/popup.examples/20-popup.blocks/page/page.post.css
View file
@@ -1,4 +1,3 @@
.page
{
:block(page) {
padding: 15px;
}
3 changes: 1 addition & 2 deletions common.blocks/popup/popup.examples/20-popup.blocks/popup/popup.post.css
View file
@@ -1,5 +1,4 @@
.popup:after
{
:block(popup):after {
font-size: 10px;
line-height: 10px;

Expand Down
9 changes: 3 additions & 6 deletions common.blocks/popup/popup.examples/20-popup.blocks/scrollable/scrollable.post.css
View file
@@ -1,21 +1,18 @@
.scrollable
{
:block(scrollable) {
overflow: auto;

width: 300px;
height: 300px;

background-color: #eee;

.test
{
:block(test) {
position: relative;

width: 800px;
height: 800px;

.link
{
:block(link) {
position: absolute;
top: 50%;
left: 50%;
Expand Down
9 changes: 3 additions & 6 deletions common.blocks/popup/popup.examples/20-popup.blocks/summon-test/summon-test.post.css
View file
@@ -1,19 +1,16 @@
.summon-test
{
:block(summon-test) {
display: inline-block;

margin-bottom: 1em;
padding: 10px;

background-color: #eee;

&__popup
{
&:elem(popup) {
padding: 10px;
}

.test
{
:block(test) {
display: inline-block;

margin-right: 100px;
Expand Down
3 changes: 1 addition & 2 deletions common.blocks/popup/popup.examples/20-popup.blocks/test/test.post.css
View file
@@ -1,4 +1,3 @@
.test__popup
{
:block(test):elem(popup) {
padding: 16px;
}
3 changes: 1 addition & 2 deletions common.blocks/popup/popup.tests/simple.blocks/test-wrap/test-wrap.post.css
View file
@@ -1,5 +1,4 @@
.test-wrap
{
:block(test-wrap) {
position: relative;
height: 400px;
}
53 changes: 23 additions & 30 deletions common.blocks/popup/popup.tests/simple.blocks/test/test.post.css
View file
@@ -1,38 +1,31 @@
.test
{
:block(test) {
position: absolute;
}

.test_direction_all,
.test_direction_left,
.test_direction_right
{
top: 200px;
}
&:mod(direction all),
&:mod(direction left),
&:mod(direction right) {
top: 200px;
}

.test_direction_all
{
left: 300px;
}
&:mod(direction all) {
left: 300px;
}

.test_direction_left
{
left: 170px;
}
&:mod(direction left) {
left: 170px;
}

.test_direction_right
{
left: 410px;
}
&:mod(direction right) {
left: 410px;
}

.test_direction_bottom
{
top: 250px;
left: 280px;
}
&:mod(direction bottom) {
top: 250px;
left: 280px;
}

.test_direction_top
{
top: 150px;
left: 290px;
&:mod(direction top) {
top: 150px;
left: 290px;
}
}
3 changes: 1 addition & 2 deletions common.blocks/progressbar/progressbar.tests/gemini.blocks/test/test.post.css
View file
@@ -1,4 +1,3 @@
.test
{
:block(test) {
width: 300px;
}
3 changes: 1 addition & 2 deletions common.blocks/radio-group/radio-group.tests/gemini.blocks/test/test.post.css
View file
@@ -1,5 +1,4 @@
.test
{
:block(test) {
display: inline-block;

margin: 0 55px 10px 0;
Expand Down
3 changes: 1 addition & 2 deletions common.blocks/select/select.tests/gemini.blocks/test/test.post.css
View file
@@ -1,5 +1,4 @@
.test
{
:block(test) {
width: 220px;
padding: 0 40px 150px 0;
}
3 changes: 1 addition & 2 deletions common.blocks/textarea/textarea.tests/gemini.blocks/test/test.post.css
View file
@@ -1,5 +1,4 @@
.test
{
:block(test) {
display: inline-block;

margin-right: 10px;
Expand Down
9 changes: 3 additions & 6 deletions desktop.pages/index/blocks/modal-example/modal-example.post.css
View file
@@ -1,14 +1,11 @@
.modal_theme_islands
{
.modal__content
{
:block(modal):mod(theme islands) {
:block(modal):elem(content) {
width: 450px;
padding: 20px;

text-align: center;

.text
{
:block(text) {
font-size: 20px;
line-height: 24px;
}
Expand Down
3 changes: 1 addition & 2 deletions desktop.pages/showcase/blocks/input/input.post.css
View file
@@ -1,4 +1,3 @@
.input_theme_islands
{
:block(input):mod(theme islands) {
width: 200px;
}
3 changes: 1 addition & 2 deletions desktop.pages/showcase/blocks/layout/layout.post.css
View file
@@ -1,5 +1,4 @@
.layout
{
:block(layout) {
display: flex;

max-width: 1440px;
Expand Down
6 changes: 2 additions & 4 deletions desktop.pages/showcase/blocks/link/link.post.css
View file
@@ -1,5 +1,4 @@
.link_type_docs
{
:block(link):mod(type docs) {
display: inline-block;

margin-bottom: 10px;
Expand All @@ -10,7 +9,6 @@
}
}

.radio-group_type_button ~ .link_type_docs
{
:block(radio-group):mod(type button) ~ :block(link):mod(type docs) {
margin-top: 20px;
}
6 changes: 2 additions & 4 deletions desktop.pages/showcase/blocks/menu/menu.post.css
View file
@@ -1,12 +1,10 @@
.menu_custom
{
:block(menu):mod(custom) {
width: 200px;
max-height: 200px;

border: 1px solid rgba(0,0,0,0.1);

.menu-item .link
{
:block(menu-item) :block(link) {
display: block;
}
}
6 changes: 2 additions & 4 deletions desktop.pages/showcase/blocks/progressbar-example/progressbar-example.post.css
View file
@@ -1,9 +1,7 @@
.progressbar-example
{
:block(progressbar-example) {
margin-top: 30px;

.button
{
:block(button) {
margin-right: 10px;
margin-bottom: 10px;
}
Expand Down
3 changes: 1 addition & 2 deletions desktop.pages/showcase/blocks/spin-container/spin-container.post.css
View file
@@ -1,5 +1,4 @@
.spin-container
{
:block(spin-container) {
display: flex;

width: 300px;
Expand Down
9 changes: 3 additions & 6 deletions desktop.pages/showcase/blocks/test/test.post.css
View file
@@ -1,14 +1,11 @@
.modal_theme_islands
{
.modal__content
{
:block(modal):mod(theme islands) {
:block(modal):elem(content) {
width: 450px;
padding: 20px;

text-align: center;

.text
{
:block(text) {
font-size: 20px;
line-height: 24px;
}
Expand Down
3 changes: 1 addition & 2 deletions desktop.pages/showcase/blocks/textarea/textarea.post.css
View file
@@ -1,5 +1,4 @@
.textarea_theme_islands
{
:block(textarea):mod(theme islands) {
width: 300px;
height: 150px;
}

0 comments on commit c2773cb

Please sign in to comment.