CSSNite-LP54-kubo-ito.key

Size: px

Start display at page:

Download "CSSNite-LP54-kubo-ito.key"

こうたまきい
5 years ago
Views:

9 div {

10 div { width: ;

11 div { width: 100%;

12 div { width: 100%;

15 div { width: 100%!important;

20 a { color: #000!important;

48 .box { padding: 20px; border: 4px solid #666; h1 { color: #666; p { color: #666; ul { color: #666;

49 .box { padding: 20px; border: 4px solid #666; color: #666;

50 .box { padding: 20px; border: 4px solid; color: #666;

51 .box { padding: 20px; border: 4px solid; color: #666; &.is-strawberry { color: #FF2F92;

53 .contents { width: 980px; margin: auto;.box { width: 920px; padding: 0 30px;

54 .contents { width: 980px; margin: auto;.box { width: 920px; padding: 0 30px;

55 .contents { width: 980px; margin: auto;.box { width: 920px; padding: 0 screen (max-width: 979px) {.contents { width: 100%;.box { box-sizing: border-box; width: 100%;

57 .contents { width: 980px; margin: auto;.box { width: 920px; padding: 0 30px;

58 .contents { width: 980px; margin: auto;.box { padding: 0 30px;

59 .contents { max-width: 980px; margin: auto;.box { padding: 0 30px;

60 .contents { max-width: 980px; margin: auto;.box { padding: 0 30px;.contents { width: 980px; margin: auto;.box { width: 920px; padding: 0 screen (max-width: 979px) {.contents { width: 100%;.box { box-sizing: border-box; width: 100%;

72 $main-margin: 30px; $sub-margin: 15px; $small-margin: 10px; $main-padding: 10px; $main-box-border: 1px solid #000; $sub-box-border: 1px solid #999; $small-box-border: 1px solid #aaa; $main-box-border2: 2px solid #000;

73 $box-space: 30px;.box { margin: $box-space auto.box--sub { margin: $box-space/2 auto.box { margin: 30px auto.box--sub { margin: 15px auto

74 $colors: ( main: #000, sub: #999, small: #aaa.box { color: #000; );.box { color: map-get($colors, main);.box--sub { color: map-get($colors, sub);.box--small { color: map-get($colors, small);.box--sub { color: #999;.box--small { color: #aaa;

76 .gnav {.gnav list {.gnav item { color: gold; <nav class= gnav > <ul class= gnav list > <li class= gnav item ><a href... <li class= gnav item ><a href... <li class= gnav item ><a href... </ul> </nav>.gnav.gnav list.gnav item { color: gold;

77 .gnav.gnav list.gnav item { color: gold; 0.3.0

78 & =.gnav.gnav { & item { color: gold; & =.gnav item.gnav {.gnav list {.gnav item { color: gold;.gnav item { color: gold;

@import 'foundation/reset'; @import 'foundation/base'; @import 'layouts/header'; @import

81 @import 'modules/post';

82 .top { &-heading { &--sub {... modules _company.scss _contact.scss _service.scss _top.scss &-contents { & inner {... &-carousel { & item {... &-footer { & inner {...

83 modules... _top-heading.scss _top-contents.scss _top-carousel.scss _top-footer.scss

86 $breakpoints: ( xs: 0, sm: 576px, md: 768px, lg: 992px, xl: 1200px minw($bp) (min-width: map-get($breakpoints, $bp)+1)

87 .container { padding: 30px;.container { padding: minw(md) { padding: (min-width: 769px) { ;.container { padding: 60px;

$@function fugapiyo($arg) { $_var: null; @if$ $hoge::after { content: piyo ; $_var: fuga ;$

90 @function fugapiyo($arg) { $_var: $arg == hoge {.hoge::after { content: piyo ; $_var: fuga { $_var: piyo $_var;.hoge::after { content: fugapiyo(hoga);

91 $z-map: ( header, nav, modal );.header { z-index: z($name) index($z-map, $name);.modal { z-index: 3;.header { z-index: z(header);.modal { z-index: z(modal);

CSSNiteLP51-s7-kubo.key

CSSNiteLP51-s7-kubo.key CSS Nite LP51 Reboot Dreamweaver Dreamweaver 10th .foo width: 980px margin: auto p margin: 1em 0 a color: #000 text-decoration: none .foo { width: 980px; margin: auto; p { margin: 1em 0; a { color: