ref: master
public/stylesheets/cms/access-options.scss
1 2 3 4 5 6 7 8 9 10 11 12 13 14 15 16 17 18 19 20 21 22 23 24 25 26 27 28 29 30 31 32 33 34 35 36 37 38 39 40 41 42 43 44 45 46 47 48 49 50 51 52 53 54 55 56 57 58 59 60 61 62 63 64 65 66 67 |
//Variables $icons-size: 24px; $warning-color: #e75e40; $description-color: #666; $access-types: public, private; .text-warning { text-align: center; color: $warning-color; font: { size: 15px; weight: bold; } p i.icon { display: inline-block; font-size: inherit; text-rendering: auto; background: url('images/icons-app/warning-icon.png'); vertical-align: middle; margin-top: -5px; width: $icons-size; height: $icons-size; border: none; } } #edit-article-options { .access-itens .access-item { input,label { cursor: pointer; } } .access-item { margin: 15px 0; label { font: { size: 13px; weight: bold; } } } @each $access_type in $access-types { .access-#{$access_type}-icon, .access-#{$access_type}-icon { display: inline-block; margin-right: 5px; width: $icons-size; height: $icons-size; vertical-align: middle; background-image: url('images/icons-app/article-#{$access_type}-icon.png'); } } .access-note { display: block; margin: 0; color: $description-color; margin-left: 50px; font: { size: 12px; weight: normal; } } } |